{"version":3,"file":"layout-container.DCb1-6Ox.js","sources":["../../../../../packages/web-components/src/lib/components/layout-container/layout-container.ts"],"sourcesContent":["import { 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 './layout-container.scss?inline';\n\n/**\n * @summary A container element meant to wrap page content\n *\n * @slot default Required: Holds the elements within the layout\n */\n@customElement('pds-layout-container', {\n category: 'layout',\n type: 'component',\n state: 'stable',\n styles,\n})\nexport class PdsLayoutContainer extends PdsElement {\n /**\n * Style variant\n * - **narrow** renders the layout-container narrower than the default\n */\n @property()\n variant: 'default' | 'narrow' = 'default';\n\n /**\n * Remove padding\n * - **md** removes padding from the layout container below md breakpoint\n * - **all** removes padding from the layout container at all screens (used for nested layout containers)\n */\n @property()\n removePadding: 'md' | 'all';\n\n /**\n * @internal\n */\n get classNames() {\n return {\n [`${this.variant}`]: !!this.variant,\n [`remove-padding-${this.removePadding}`]: !!this.removePadding,\n };\n }\n\n render() {\n return html`