{"version":3,"file":"linelength-container.C1Wq39K3.js","sources":["../../../../../packages/web-components/src/lib/components/linelength-container/linelength-container.ts"],"sourcesContent":["// disable requiredSlot lint until requiredSlot error can be investigated for this component (causes box button to error)\n/* eslint-disable @nx/workspace-enforce-required-slot-decorator */\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { pdsCustomElement as customElement } from '../../decorators/pds-custom-element';\nimport { PdsElement } from '../PdsElement';\nimport styles from './linelength-container.scss?inline';\n\n/**\n * @summary A container element meant to wrap page content, capping width at about 80 characters per line\n *\n * @slot default Required: Holds the elements within the layout\n */\n@customElement('pds-linelength-container', {\n  category: 'layout',\n  type: 'component',\n  styles,\n})\nexport class PdsLinelengthContainer extends PdsElement {\n  /**\n   * - **default** linelength container that caps the width at about 80 characters per line\n   * - **sm** linelength container that caps the width at about 60 characters per line\n   */\n  @property()\n  size: 'sm' | 'default' = 'default';\n\n  /**\n   * @internal\n   */\n  get classNames() {\n    return {\n      sm: this.size === 'sm',\n    };\n  }\n\n  render() {\n    return html`<div class=${this.getClass()}>\n      <slot></slot>\n    </div>`;\n  }\n}\n"],"names":["PdsLinelengthContainer","PdsElement","html","__decorateClass","property","customElement","styles"],"mappings":";;;;;;;;AAmBa,IAAAA,IAAN,cAAqCC,EAAW;AAAA,EAAhD,cAAA;AAAA,UAAA,GAAA,SAAA,GAMoB,KAAA,OAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAKzB,IAAI,aAAa;AACR,WAAA;AAAA,MACL,IAAI,KAAK,SAAS;AAAA,IACpB;AAAA,EAAA;AAAA,EAGF,SAAS;AACA,WAAAC,eAAkB,KAAK,SAAA,CAAU;AAAA;AAAA;AAAA,EAAA;AAI5C;AAhBEC,EAAA;AAAA,EADCC,EAAS;AAAA,GALCJ,EAMX,WAAA,QAAA,CAAA;AANWA,IAANG,EAAA;AAAA,EALNE,EAAc,4BAA4B;AAAA,IACzC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,QAAAC;AAAA,EACD,CAAA;AAAA,GACYN,CAAA;"}