{"version":3,"file":"footer-nav.T9j1dfwg.js","sources":["../../../../../packages/web-components/src/lib/components/footer-nav/footer-nav.ts"],"sourcesContent":["import { html } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\nimport { pdsCustomElement as customElement } from '../../decorators/pds-custom-element';\nimport { PdsElement } from '../PdsElement';\nimport styles from './footer-nav.scss?inline';\nimport '../footer-nav-item/footer-nav-item';\n\n/**\n * @summary A component that renders a group of pds-footer-nav-item elements\n *\n * @slot default Required: One or more pds-footer-nav-item elements\n */\n@customElement('pds-footer-nav', {\n category: 'component',\n type: 'component',\n state: 'stable',\n styles,\n})\nexport class PdsFooterNav extends PdsElement {\n /**\n * - **3col** renders the footer-nav-items in a three-across grid at desktop\n * - **4col** renders the footer-nav-item in a four-across grid at desktop\n */\n @property()\n behavior: '3col' | '4col' = '3col';\n\n /**\n * This grabs the footerNavItems from the slot\n * @internal\n */\n @queryAssignedElements({ slot: undefined, selector: 'pds-footer-nav-item' })\n footerNavItems: HTMLElement[];\n\n protected override firstUpdated() {\n super.firstUpdated();\n }\n\n /**\n * @internal\n */\n get classNames() {\n return {\n [this.behavior]: !!this.behavior,\n };\n }\n\n render() {\n return html`