{"file":"vds-menu-mobile.vds-menu-mobile-navitem.vds-submenu-mobile.entry.js","mappings":"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","names":[],"sources":["src/components/vds-menu-mobile/vds-menu-mobile.scss?tag=vds-menu-mobile&encapsulation=shadow","src/components/vds-menu-mobile/vds-menu-mobile.tsx","src/components/vds-menu-mobile-navitem/vds-menu-mobile-navitem.scss?tag=vds-menu-mobile-navitem&encapsulation=shadow","src/components/vds-menu-mobile-navitem/vds-menu-mobile-navitem.tsx","src/components/vds-submenu-mobile/vds-submenu-mobile.scss?tag=vds-submenu-mobile&encapsulation=shadow","src/components/vds-submenu-mobile/vds-submenu-mobile.tsx"],"sourcesContent":[":host {\r\n @apply block;\r\n}\r\n\r\n::slotted([slot=logo]) {\r\n @apply flex justify-center items-center cursor-pointer;\r\n}\r\n\r\n::slotted([slot=nav-item-meta]) {\r\n @apply pb-[10px];\r\n}\r\n\r\n::slotted([slot=social-icon]) {\r\n @apply text-grey;\r\n fill: currentcolor;\r\n}\r\n\r\n::slotted([slot=social-icon]:hover) {\r\n @apply text-berry;\r\n}\r\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'vds-menu-mobile',\r\n styleUrl: 'vds-menu-mobile.scss',\r\n shadow: true,\r\n})\r\nexport class VdsMenuMobile {\r\n\r\n @Element() el!: HTMLElement;\r\n\r\n /**\r\n * The current status of the menu\r\n */\r\n @Prop({ mutable: true, reflect: true }) open: boolean = false;\r\n\r\n render() {\r\n const { open } = this;\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
    \r\n \r\n
\r\n
    \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n );\r\n }\r\n\r\n private menuToggleSVG(open: boolean): string {\r\n if (open) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n )\r\n }\r\n else {\r\n return (\r\n \r\n \r\n \r\n )\r\n }\r\n }\r\n\r\n}\r\n",":host {\r\n @apply block w-full;\r\n}\r\n\r\n:host([expanded]) {\r\n .subitems-container {\r\n @apply mt-[20px];\r\n }\r\n}\r\n\r\nli[aria-expanded=\"true\"] {\r\n ::slotted([slot=expand-icon]) {\r\n @apply rotate-180;\r\n }\r\n}\r\n\r\n::slotted([slot=expand-icon]) {\r\n @apply h-full;\r\n}\r\n\r\n::slotted([slot=item]) {\r\n @apply text-grey-dark no-underline block font-bold;\r\n}\r\n\r\n::slotted([slot=item]:last-child) {\r\n @apply pb-[2px];\r\n}\r\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\r\nimport { HTMLAnchorElementTarget } from '../../utils/helpers';\r\n\r\n@Component({\r\n tag: 'vds-menu-mobile-navitem',\r\n styleUrl: 'vds-menu-mobile-navitem.scss',\r\n shadow: true,\r\n})\r\nexport class VdsMenuMobileNavItem {\r\n\r\n @Element() el!: HTMLVdsMenuMobileNavitemElement;\r\n\r\n /**\r\n * Nav-Item label\r\n */\r\n @Prop() label: string;\r\n\r\n /**\r\n * Sets the nav-item style (meta = smaller and light-grey)\r\n */\r\n @Prop() mode: 'default' | 'meta' = 'default';\r\n\r\n /**\r\n * Expands the nav-item list when set to true\r\n */\r\n @Prop({ mutable: true, reflect: true }) expanded: boolean = false;\r\n\r\n /**\r\n * Controls the active color of the nav-item\r\n */\r\n @Prop({ mutable: true, reflect: true }) active: boolean = false;\r\n\r\n /**\r\n * Controls the visibility of the dropdown chevron\r\n */\r\n @Prop() dropdown: boolean = false;\r\n\r\n /**\r\n * Where to display the linked URL,\r\n * as the name for a browsing context (a tab, window, or iframe).\r\n */\r\n @Prop() target: HTMLAnchorElementTarget = '_self';\r\n\r\n /**\r\n * Link href of the nav-item (optional)\r\n */\r\n @Prop() href?: string;\r\n\r\n render() {\r\n const { mode, expanded, href, label, dropdown, active } = this;\r\n\r\n if (mode == 'meta') {\r\n return this.renderMeta(label, href, dropdown, expanded, active);\r\n } else {\r\n return this.renderDefault(label, href, dropdown, expanded, active);\r\n }\r\n }\r\n\r\n private renderDefault(label: string, href: string, dropdown: boolean, expanded: boolean, active: boolean) {\r\n return (\r\n \r\n
  • \r\n \r\n \r\n {label}\r\n \r\n this.expandList()}\r\n >\r\n {this.renderExpandIconSVG(expanded)}\r\n \r\n \r\n \r\n \r\n \r\n
    • \r\n     \r\n );\r\n }\r\n\r\n private renderMeta(label: string, href: string, dropdown: boolean, expanded: boolean, active: boolean) {\r\n return (\r\n \r\n
  • \r\n\r\n this.expandList()}>\r\n
    \r\n \r\n
    \r\n \r\n \r\n \r\n {label}\r\n
    \r\n     \r\n
    \r\n { dropdown && (\r\n {this.renderExpandIconSVG(expanded)}\r\n )}\r\n     \r\n\r\n
    \r\n \r\n
    \r\n\r\n
    • \r\n     \r\n );\r\n }\r\n\r\n private getSubitemsContainerHeight(): number {\r\n const gap = this.mode == 'meta' ? 20 : 10;\r\n const items = this.el.querySelectorAll('[slot=item]');\r\n const height = Array.from(items)\r\n .map(x => x.clientHeight)\r\n .reduce((a,b) => a + b);\r\n\r\n return height + ((items.length - 1) * gap);\r\n }\r\n\r\n private expandList(): void {\r\n const navItems = this.el.parentNode.querySelectorAll(\"vds-menu-mobile-navitem\");\r\n const subitemsContainer = this.el.shadowRoot.querySelector('.subitems-container') as HTMLElement;\r\n\r\n this.closeOtherNavItems(navItems);\r\n\r\n this.expanded = !this.expanded;\r\n\r\n if(this.expanded) {\r\n subitemsContainer.style.maxHeight = this.getSubitemsContainerHeight() + \"px\";\r\n }\r\n else {\r\n subitemsContainer.style.maxHeight = \"0\";\r\n }\r\n }\r\n\r\n private closeOtherNavItems(navItems: NodeListOf): void {\r\n navItems.forEach((item) => {\r\n const subitemsContainer = item.shadowRoot.querySelector('.subitems-container') as HTMLElement;\r\n if (item.expanded == true && item != this.el) {\r\n item.expanded = false;\r\n subitemsContainer.style.maxHeight = \"0\";\r\n }\r\n });\r\n }\r\n\r\n private renderExpandIconSVG(expanded: boolean): string {\r\n return (\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n",":host {\r\n @apply relative block h-0;\r\n}\r\n\r\n::slotted([slot=icon-link-item]) {\r\n @apply pb-[10px];\r\n}\r\n\r\n::slotted([slot=social-icon]) {\r\n @apply text-grey;\r\n fill: currentcolor;\r\n}\r\n\r\n::slotted([slot=social-icon]:hover) {\r\n @apply text-berry;\r\n}\r\n","import { Component, Host, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'vds-submenu-mobile',\r\n styleUrl: 'vds-submenu-mobile.scss',\r\n shadow: true,\r\n})\r\nexport class VdsSubmenuMobile {\r\n\r\n render() {\r\n return (\r\n \r\n
    \r\n
    \r\n
    \r\n
      \r\n \r\n
    \r\n
      \r\n \r\n \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n \r\n
    \r\n
    \r\n
    \r\n     \r\n );\r\n }\r\n\r\n}\r\n"],"version":3}