@scania/tegel 0.0.6 → 0.0.8

package/dist/collection/components/header/webcomponent/header-default.stories.js

@@ -1,79 +0,0 @@
-import { formatHtmlPreview } from '../../../utils/utils';
-import readme from './readme.md';
-import readmeHamburger from './header-hamburger/readme.md';
-import readmeTitle from './header-title/readme.md';
-import readmeItem from './header-item/readme.md';
-import readmeDropdown from './header-dropdown/readme.md';
-import readmeDropdownList from './header-dropdown-list/readme.md';
-import readmeDropdownListItem from './header-dropdown-list-item/readme.md';
-import readmeDropdownListUser from './header-dropdown-list-user/readme.md';
-import readmeLauncher from './header-launcher/readme.md';
-export default {
-  title: 'Components/Header/Web Component',
-  parameters: {
-    notes: {
-      'Header': readme,
-      'Header hamburger': readmeHamburger,
-      'Header title': readmeTitle,
-      'Header item': readmeItem,
-      'Header dropdown': readmeDropdown,
-      'Header dropdown list': readmeDropdownList,
-      'Header dropdown list item': readmeDropdownListItem,
-      'Header dropdown list user': readmeDropdownListUser,
-      'Header launcher': readmeLauncher,
-    },
-    layout: 'fullscreen',
-    docs: {
-      source: {
-        state: 'closed',
-      },
-    },
-    design: [
-      {
-        name: 'Figma',
-        type: 'figma',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
-      },
-      {
-        name: 'Link',
-        type: 'link',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
-      },
-    ],
-  },
-  argTypes: {},
-  args: {},
-};
-const Template = () => formatHtmlPreview(`
-  <sdds-header>
-    <sdds-header-title>
-      Example: default
-    </sdds-header-title>
-
-    <sdds-header-launcher slot="end">
-      <sdds-header-launcher-list-title>Cool apps</sdds-header-launcher-list-title>
-      <sdds-header-launcher-list>
-        <sdds-header-launcher-list-item>
-          <a href="https://tegel.scania.com">Trucklyfe</a>
-        </sdds-header-launcher-list-item>
-        <sdds-header-launcher-list-item>
-          <a href="https://tegel.scania.com">HaulHub</a>
-        </sdds-header-launcher-list-item>
-        <sdds-header-launcher-list-item>
-          <a href="https://tegel.scania.com">WheelWizz</a>
-        </sdds-header-launcher-list-item>
-      </sdds-header-launcher-list>
-    </sdds-header-launcher>
-
-
-    <sdds-header-brand-symbol slot="end" link-href="https://scania.com" aria-label="Scania - red gryphon on blue shield">
-    </sdds-header-brand-symbol>
-
-  </sdds-header>
-  
-  <main class="sdds-u-w-100 sdds-u-p3" style="box-sizing: border-box;">
-    <p>Find complete examples under the <a href="/?path=/story/patterns-navigation--basic">Patterns section</a>.</p>
-  </main>
-  `);
-export const Default = Template.bind({});
-//# sourceMappingURL=header-default.stories.js.map

package/dist/collection/components/header/webcomponent/header-default.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-default.stories.js","sourceRoot":"","sources":["../../../../src/components/header/webcomponent/header-default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,kBAAkB,MAAM,kCAAkC,CAAC;AAClE,OAAO,sBAAsB,MAAM,uCAAuC,CAAC;AAC3E,OAAO,sBAAsB,MAAM,uCAAuC,CAAC;AAC3E,OAAO,cAAc,MAAM,6BAA6B,CAAC;AAEzD,eAAe;EACb,KAAK,EAAE,iCAAiC;EACxC,UAAU,EAAE;IACV,KAAK,EAAE;MACL,QAAQ,EAAE,MAAM;MAChB,kBAAkB,EAAE,eAAe;MACnC,cAAc,EAAE,WAAW;MAC3B,aAAa,EAAE,UAAU;MACzB,iBAAiB,EAAE,cAAc;MACjC,sBAAsB,EAAE,kBAAkB;MAC1C,2BAA2B,EAAE,sBAAsB;MACnD,2BAA2B,EAAE,sBAAsB;MACnD,iBAAiB,EAAE,cAAc;KAClC;IACD,MAAM,EAAE,YAAY;IACpB,IAAI,EAAE;MACJ,MAAM,EAAE;QACN,KAAK,EAAE,QAAQ;OAChB;KACF;IACD,MAAM,EAAE;MACN;QACE,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,+GAA+G;OACrH;MACD;QACE,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,GAAG,EAAE,+GAA+G;OACrH;KACF;GACF;EACD,QAAQ,EAAE,EAAE;EACZ,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,QAAQ,GAAG,GAAG,EAAE,CACpB,iBAAiB,CACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BD,CACA,CAAC;AAEJ,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC","sourcesContent":["import { formatHtmlPreview } from '../../../utils/utils';\nimport readme from './readme.md';\nimport readmeHamburger from './header-hamburger/readme.md';\nimport readmeTitle from './header-title/readme.md';\nimport readmeItem from './header-item/readme.md';\nimport readmeDropdown from './header-dropdown/readme.md';\nimport readmeDropdownList from './header-dropdown-list/readme.md';\nimport readmeDropdownListItem from './header-dropdown-list-item/readme.md';\nimport readmeDropdownListUser from './header-dropdown-list-user/readme.md';\nimport readmeLauncher from './header-launcher/readme.md';\n\nexport default {\n  title: 'Components/Header/Web Component',\n  parameters: {\n    notes: {\n      'Header': readme,\n      'Header hamburger': readmeHamburger,\n      'Header title': readmeTitle,\n      'Header item': readmeItem,\n      'Header dropdown': readmeDropdown,\n      'Header dropdown list': readmeDropdownList,\n      'Header dropdown list item': readmeDropdownListItem,\n      'Header dropdown list user': readmeDropdownListUser,\n      'Header launcher': readmeLauncher,\n    },\n    layout: 'fullscreen',\n    docs: {\n      source: {\n        state: 'closed',\n      },\n    },\n    design: [\n      {\n        name: 'Figma',\n        type: 'figma',\n        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',\n      },\n      {\n        name: 'Link',\n        type: 'link',\n        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',\n      },\n    ],\n  },\n  argTypes: {},\n  args: {},\n};\n\nconst Template = () =>\n  formatHtmlPreview(\n    `\n  <sdds-header>\n    <sdds-header-title>\n      Example: default\n    </sdds-header-title>\n\n    <sdds-header-launcher slot=\"end\">\n      <sdds-header-launcher-list-title>Cool apps</sdds-header-launcher-list-title>\n      <sdds-header-launcher-list>\n        <sdds-header-launcher-list-item>\n          <a href=\"https://tegel.scania.com\">Trucklyfe</a>\n        </sdds-header-launcher-list-item>\n        <sdds-header-launcher-list-item>\n          <a href=\"https://tegel.scania.com\">HaulHub</a>\n        </sdds-header-launcher-list-item>\n        <sdds-header-launcher-list-item>\n          <a href=\"https://tegel.scania.com\">WheelWizz</a>\n        </sdds-header-launcher-list-item>\n      </sdds-header-launcher-list>\n    </sdds-header-launcher>\n\n\n    <sdds-header-brand-symbol slot=\"end\" link-href=\"https://scania.com\" aria-label=\"Scania - red gryphon on blue shield\">\n    </sdds-header-brand-symbol>\n\n  </sdds-header>\n  \n  <main class=\"sdds-u-w-100 sdds-u-p3\" style=\"box-sizing: border-box;\">\n    <p>Find complete examples under the <a href=\"/?path=/story/patterns-navigation--basic\">Patterns section</a>.</p>\n  </main>\n  `,\n  );\n\nexport const Default = Template.bind({});\n"]}

package/dist/collection/components/header/webcomponent/header-dropdown/header-dropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-dropdown.js","sourceRoot":"","sources":["../../../../../src/components/header/webcomponent/header-dropdown/header-dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOjF,MAAM,OAAO,cAAc;;IAiBjB,SAAI,GAAW,MAAM,CAAC,UAAU,EAAE,CAAC;;0BATT,KAAK;oBAGX,KAAK;gBAER,KAAK;;;EAO9B,UAAU,CAAC,KAAiB;IAC1B,oGAAoG;IACpG,MAAM,cAAc,GAAG,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAW,CAAC,CAAC;IACxE,IAAI,cAAc,EAAE;MAClB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACnB;EACH,CAAC;EAED,cAAc;IACZ,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;EACzB,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WACE,KAAK,EAAE;UACL,YAAY,EAAE,IAAI,CAAC,IAAI;SACxB;QAED,wBAAkB,KAAK,EAAC,QAAQ,EAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ;UACzE,cACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;cACV,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;YACrB,CAAC,mBACc,GAAG,IAAI,CAAC,IAAI,EAAE,mBACd,YAAY,IAAI,CAAC,IAAI,EAAE,kBACxB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,EAClD,OAAO,EAAE,GAAG,EAAE;cACZ,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,CAAC;YAED,YAAM,IAAI,EAAC,aAAa,GAAQ;YAC/B,IAAI,CAAC,WAAW;YACjB,YAAM,IAAI,EAAC,cAAc,GAAQ;YAChC,CAAC,IAAI,CAAC,cAAc,IAAI,CACvB,iBAAW,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,GAAa,CAC9E,CACM,CACQ;QAClB,IAAI,CAAC,QAAQ,IAAI,CAChB,2BACE,EAAE,EAAE,iBAAiB,IAAI,CAAC,IAAI,EAAE,EAChC,KAAK,EAAC,MAAM,EACZ,WAAW,EAAE,IAAI,CAAC,QAAQ,EAC1B,SAAS,EAAC,cAAc,EACxB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,cAAc,EAAE,CAAC,EACjB,SAAS,EAAE;YACT;cACE,IAAI,EAAE,MAAM;cACZ,OAAO,EAAE;gBACP,kBAAkB,EAAE,EAAE;eACvB;aACF;WACF;UAED,eAAa,CACO,CACvB,CACG,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Listen, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'sdds-header-dropdown',\n  styleUrl: 'header-dropdown.scss',\n  shadow: true,\n})\nexport class HeaderDropdown {\n  @Element() host: HTMLElement;\n\n  /** The label of the button that opens the dropdown.\n   * This is an alternative to the button-label slot. */\n  @Prop() buttonLabel: string;\n\n  /** If the dropdown icon (downwards chevron) should be hidden. */\n  @Prop() noDropdownIcon: boolean = false;\n\n  /** If the button that opens the dropdown should appear selected. */\n  @Prop() selected: boolean = false;\n\n  @State() open: boolean = false;\n\n  @State() buttonEl?: HTMLButtonElement;\n\n  private uuid: string = crypto.randomUUID();\n\n  @Listen('click', { target: 'document' })\n  onAnyClick(event: MouseEvent) {\n    // Source: https://lamplightdev.com/blog/2021/04/10/how-to-detect-clicks-outside-of-a-web-component/\n    const isClickOutside = !event.composedPath().includes(this.host as any);\n    if (isClickOutside) {\n      this.open = false;\n    }\n  }\n\n  toggleDropdown() {\n    this.open = !this.open;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            'state-open': this.open,\n          }}\n        >\n          <sdds-header-item class=\"button\" active={this.open} selected={this.selected}>\n            <button\n              ref={(el) => {\n                this.buttonEl = el;\n              }}\n              aria-expanded={`${this.open}`}\n              aria-controls={`launcher-${this.uuid}`}\n              aria-current={this.selected ? 'location' : 'false'}\n              onClick={() => {\n                this.toggleDropdown();\n              }}\n            >\n              <slot name=\"button-icon\"></slot>\n              {this.buttonLabel}\n              <slot name=\"button-label\"></slot>\n              {!this.noDropdownIcon && (\n                <sdds-icon class=\"dropdown-icon\" name=\"chevron_down\" size=\"16px\"></sdds-icon>\n              )}\n            </button>\n          </sdds-header-item>\n          {this.buttonEl && (\n            <sdds-popover-canvas\n              id={`sdds-dropdown-${this.uuid}`}\n              class=\"menu\"\n              referenceEl={this.buttonEl}\n              placement=\"bottom-start\"\n              show={this.open}\n              offsetDistance={0}\n              modifiers={[\n                {\n                  name: 'flip',\n                  options: {\n                    fallbackPlacements: [],\n                  },\n                },\n              ]}\n            >\n              <slot></slot>\n            </sdds-popover-canvas>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/header/webcomponent/header-dropdown-list/header-dropdown-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-dropdown-list.js","sourceRoot":"","sources":["../../../../../src/components/header/webcomponent/header-dropdown-list/header-dropdown-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EACL,wCAAwC,EACxC,gBAAgB,GACjB,MAAM,yBAAyB,CAAC;AAOjC,MAAM,OAAO,kBAAkB;;IAG7B,sEAAsE;IAC9D,kBAAa,GAAwC,IAAI,GAAG,EAAE,CAAC;gBAE1B,IAAI;;;EAIjD,iBAAiB;IACf,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC;IAE/B,iEAAiE;IACjE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;MACxC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAQ,CAAC;MAEjC,IAAI,MAAM,IAAI,KAAK,EAAE;QACnB,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;OACxB;KACF;IAED,IAAI,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;IACzB,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,2BAA2B,EAAE;MACjF,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;KACpC;IAED,MAAM,SAAS,GAAG,wCAAwC,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;IAEvF,IAAI,SAAS,EAAE;MACb,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;KACjC;SAAM;MACL,OAAO,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAC;KACpD;EACH,CAAC;EAED,gBAAgB;IACd,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,IAAqB,EAAE,EAAE;MAC9E,qCAAqC;MACrC,MAAM,YAAY,GAAkB,CAAC,CAAQ,EAAE,EAAE;QAC/C,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAyB,CAAC,CAAC;MAC5D,CAAC,CAAC;MAEF,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;MAElD,YAAY,CAAC,EAAE,MAAM,EAAE,IAAI,EAAsB,CAAC,CAAC;MAEnD,8CAA8C;MAC9C,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;EACL,CAAC;EAED,uBAAuB,CAAC,IAAqB;IAC3C,MAAM,KAAK,GAAc,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACjD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAa,EAAE,EAAE;MAC9B,yDAAyD;MACzD,IACE,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,IAAI;QACnC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,MAAM;QACrC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,UAAU,EACxC;QACA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;OACvC;MAED,gFAAgF;MAChF,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,MAAM,EAAE;QACzC,IAAI,CAAC,uBAAuB,CAAC,IAAuB,CAAC,CAAC;OACvD;IACH,CAAC,CAAC,CAAC;EACL,CAAC;EAED,oBAAoB;IAClB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,QAAuB,EAAE,IAAqB,EAAE,EAAE;MAC5E,0EAA0E;MAC1E,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;MACjD,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;EACL,CAAC;EAED,MAAM;;IACJ,MAAM,UAAU,GAAG;MACjB,MAAM,EAAE,MAAM;MACd,iBAAiB,EAAE,MAAA,IAAI,CAAC,cAAc,0CAAE,EAAE;KAC3C,CAAC;IAEF,OAAO,CACL,EAAC,IAAI,oBAAK,UAAU;MAClB,eAAa,CACR,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Host, h, Prop, State } from '@stencil/core';\nimport {\n  getPreviousNestedChildOfSiblingsMatching,\n  isHeadingElement,\n} from '../../../../utils/utils';\n\n@Component({\n  tag: 'sdds-header-dropdown-list',\n  styleUrl: 'header-dropdown-list.scss',\n  shadow: true,\n})\nexport class HeaderDropdownList {\n  @Element() host: HTMLElement;\n\n  // A Map to store the slots and their associated slotchange listeners.\n  private slotListeners: Map<HTMLSlotElement, EventListener> = new Map();\n\n  @Prop({ reflect: true }) type: 'lg' | 'md' = 'md';\n\n  @State() headingElement: HTMLElement;\n\n  componentWillLoad() {\n    const { children } = this.host;\n\n    // Set the type prop for each child, if they have such a property\n    for (let i = 0; i < children.length; i++) {\n      const child = children[i] as any;\n\n      if ('type' in child) {\n        child.type = this.type;\n      }\n    }\n\n    let listRoot = this.host;\n    if (this.host.parentElement.tagName.toLowerCase() === 'sdds-header-launcher-list') {\n      listRoot = this.host.parentElement;\n    }\n\n    const headingEl = getPreviousNestedChildOfSiblingsMatching(listRoot, isHeadingElement);\n\n    if (headingEl) {\n      this.headingElement = headingEl;\n    } else {\n      console.warn('Heading element for list not found');\n    }\n  }\n\n  componentDidLoad() {\n    this.host.shadowRoot.querySelectorAll('slot').forEach((slot: HTMLSlotElement) => {\n      // Add the slotchange event listener.\n      const onSlotChange: EventListener = (e: Event) => {\n        this.processAssignedElements(e.target as HTMLSlotElement);\n      };\n\n      slot.addEventListener('slotchange', onSlotChange);\n\n      onSlotChange({ target: slot } as unknown as Event);\n\n      // Store the slot and its listener in the Map.\n      this.slotListeners.set(slot, onSlotChange);\n    });\n  }\n\n  processAssignedElements(slot: HTMLSlotElement): void {\n    const nodes: Element[] = slot.assignedElements();\n    nodes.forEach((node: Element) => {\n      // Add a listitem role to the assigned element if needed.\n      if (\n        node.tagName.toLowerCase() !== 'li' &&\n        node.tagName.toLowerCase() !== 'slot' &&\n        node.getAttribute('role') !== 'listitem'\n      ) {\n        node.setAttribute('role', 'listitem');\n      }\n\n      // If the assigned element is a slot, process its assigned elements recursively.\n      if (node.tagName.toLowerCase() === 'slot') {\n        this.processAssignedElements(node as HTMLSlotElement);\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    this.slotListeners.forEach((listener: EventListener, slot: HTMLSlotElement) => {\n      // Remove the slotchange event listener and delete the entry from the Map.\n      slot.removeEventListener('slotchange', listener);\n      this.slotListeners.delete(slot);\n    });\n  }\n\n  render() {\n    const attributes = {\n      'role': 'list',\n      'aria-labelledby': this.headingElement?.id,\n    };\n\n    return (\n      <Host {...attributes}>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/header/webcomponent/header-dropdown-list-item/header-dropdown-list-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-dropdown-list-item.js","sourceRoot":"","sources":["../../../../../src/components/header/webcomponent/header-dropdown-list-item/header-dropdown-list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOlE,MAAM,OAAO,sBAAsB;;oBAIL,KAAK;gBAGY,IAAI;;EAEjD,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WACE,KAAK,EAAE;UACL,WAAW,EAAE,IAAI;UACjB,oBAAoB,EAAE,IAAI,CAAC,QAAQ;SACpC;QAED,eAAa,CACT,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'sdds-header-dropdown-list-item',\n  styleUrl: 'header-dropdown-list-item.scss',\n  shadow: true,\n})\nexport class HeaderDropdownListItem {\n  @Element() host: HTMLElement;\n\n  /** If the link should appear selected. */\n  @Prop() selected: boolean = false;\n\n  /** The type of the list. */\n  @Prop({ reflect: true }) type: 'md' | 'lg' = 'md';\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            'component': true,\n            'component-selected': this.selected,\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/header/webcomponent/header-dropdown-list-user/header-dropdown-list-user.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-dropdown-list-user.js","sourceRoot":"","sources":["../../../../../src/components/header/webcomponent/header-dropdown-list-user/header-dropdown-list-user.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOlE,MAAM,OAAO,wBAAwB;;;;;;;EAenC,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,IAAI,EAAC,UAAU;MACnB,WAAK,KAAK,EAAC,UAAU;QAClB,IAAI,CAAC,MAAM,IAAI,WAAK,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,MAAM,GAAI;QAC3D,YAAM,IAAI,EAAC,OAAO,GAAQ;QAC1B,WAAK,KAAK,EAAC,cAAc;UACvB,WAAK,KAAK,EAAC,QAAQ;YAChB,IAAI,CAAC,OAAO;YACb,YAAM,IAAI,EAAC,SAAS,GAAQ,CACxB;UACN,WAAK,KAAK,EAAC,WAAW;YACnB,IAAI,CAAC,UAAU;YAChB,YAAM,IAAI,EAAC,YAAY,GAAQ,CAC3B,CACF,CACF,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Element, Host } from '@stencil/core';\n\n@Component({\n  tag: 'sdds-header-dropdown-list-user',\n  styleUrl: 'header-dropdown-list-user.scss',\n  shadow: true,\n})\nexport class HeaderDropdownListLgUser {\n  /** Image URL. */\n  @Prop() imgUrl: string;\n\n  /** Image alt text. */\n  @Prop() imgAlt: string;\n\n  /** Heading, usually the users first name and last name. */\n  @Prop() heading: string;\n\n  /** Subheading. */\n  @Prop() subheading: string;\n\n  @Element() host: HTMLElement;\n\n  render() {\n    return (\n      <Host role=\"listitem\">\n        <div class=\"user-box\">\n          {this.imgUrl && <img src={this.imgUrl} alt={this.imgAlt} />}\n          <slot name=\"image\"></slot>\n          <div class=\"user-content\">\n            <div class=\"header\">\n              {this.heading}\n              <slot name=\"heading\"></slot>\n            </div>\n            <div class=\"subheader\">\n              {this.subheading}\n              <slot name=\"subheading\"></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/header/webcomponent/header-hamburger/header-hamburger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-hamburger.js","sourceRoot":"","sources":["../../../../../src/components/header/webcomponent/header-hamburger/header-hamburger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAOhE,MAAM,OAAO,eAAe;EAG1B,MAAM;IACJ,MAAM,oBAAoB,qBACrB,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CACpC,CAAC;IAEF,OAAO,CACL,EAAC,IAAI;MACH;QACE,8BAAY,oBAAoB;UAC9B,iBAAW,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,GAAa,CACvD,CACQ,CACd,CACR,CAAC;EACJ,CAAC;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host } from '@stencil/core';\nimport { inheritAriaAttributes } from '../../../../utils/utils';\n\n@Component({\n  tag: 'sdds-header-hamburger',\n  styleUrl: 'header-hamburger.scss',\n  shadow: true,\n})\nexport class HeaderHamburger {\n  @Element() host: HTMLElement;\n\n  render() {\n    const inheritedButtonProps = {\n      ...inheritAriaAttributes(this.host),\n    };\n\n    return (\n      <Host>\n        <sdds-header-item>\n          <button {...inheritedButtonProps}>\n            <sdds-icon class=\"icon\" name=\"burger\" size=\"20px\"></sdds-icon>\n          </button>\n        </sdds-header-item>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/header/webcomponent/header-item/header-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-item.js","sourceRoot":"","sources":["../../../../../src/components/header/webcomponent/header-item/header-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAO9C,MAAM,OAAO,UAAU;;kBAKK,KAAK;oBAGH,KAAK;;EAIjC,aAAa,CACX,eAAkD,EAClD,gBAAgD;IAEhD,MAAM,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACzE,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,CAAC,CAAgB,CAAC;IAC/D,IAAI,mBAAmB,EAAE;MACvB,MAAM,YAAY,GAAG,GAAG,CAAC,mBAAmB,EAAE,eAAe,CAAC,CAAC;MAC/D,IAAI,YAAY,EAAE;QAChB,gBAAgB,CAAC,YAAY,CAAC,CAAC;OAChC;KACF;EACH,CAAC;EAED;;KAEG;EACH,qBAAqB;IACnB,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,MAAM,WAAW,GAAG,CAAC,OAAO,EAAE,EAAE,CAC9B,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,WAAW,IAAI,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC;MAC3F,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;MACnF,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;MAE9C,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC;MACrE,MAAM,aAAa,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;MACrF,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;KAC5C;EACH,CAAC;EAED,gBAAgB;IACd,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACzD,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC7B,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;EACzE,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,6BACE,KAAK,EAAE;UACL,kBAAkB,EAAE,IAAI,CAAC,MAAM;UAC/B,oBAAoB,EAAE,IAAI,CAAC,QAAQ;SACpC;QAED,eAAa,CACS,CACnB,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { dfs } from '../../../../utils/utils';\n\n@Component({\n  tag: 'sdds-header-item',\n  styleUrl: 'header-item.scss',\n  shadow: true,\n})\nexport class HeaderItem {\n  @Element() host: HTMLElement;\n\n  /** If the button should appear active. Can be used when the button is\n   * triggering a dropdown, and the dropdown is open, for example. */\n  @Prop() active: boolean = false;\n\n  /** If the button should appear selected. */\n  @Prop() selected: boolean = false;\n\n  private slotEl: HTMLSlotElement;\n\n  updateSlotted(\n    searchPredicate: (element: HTMLElement) => boolean,\n    mutationCallback: (element: HTMLElement) => void,\n  ) {\n    const assignedElements = this.slotEl.assignedElements({ flatten: true });\n    const firstSlottedElement = assignedElements[0] as HTMLElement;\n    if (firstSlottedElement) {\n      const foundElement = dfs(firstSlottedElement, searchPredicate);\n      if (foundElement) {\n        mutationCallback(foundElement);\n      }\n    }\n  }\n\n  /**\n   * This function is needed because we can't use CSS selectors to style something in the light dom\n   */\n  updateSlottedElements() {\n    if (this.slotEl) {\n      const isIconOrSvg = (element) =>\n        element.tagName.toLowerCase() === 'sdds-icon' || element.tagName.toLowerCase() === 'svg';\n      const addIconClass = (element) => element.classList.add('__sdds-header-item-icon');\n      this.updateSlotted(isIconOrSvg, addIconClass);\n\n      const isImage = (element) => element.tagName.toLowerCase() === 'img';\n      const addImageClass = (element) => element.classList.add('__sdds-header-item-image');\n      this.updateSlotted(isImage, addImageClass);\n    }\n  }\n\n  componentDidLoad() {\n    this.slotEl = this.host.shadowRoot.querySelector('slot');\n    this.updateSlottedElements();\n    this.slotEl.addEventListener('slotchange', this.updateSlottedElements);\n  }\n\n  render() {\n    return (\n      <Host>\n        <sdds-core-header-item\n          class={{\n            'component-active': this.active,\n            'component-selected': this.selected,\n          }}\n        >\n          <slot></slot>\n        </sdds-core-header-item>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/header/webcomponent/header-launcher/header-launcher.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-launcher.js","sourceRoot":"","sources":["../../../../../src/components/header/webcomponent/header-launcher/header-launcher.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAc,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAO5E,MAAM,OAAO,cAAc;;IASjB,SAAI,GAAW,MAAM,CAAC,UAAU,EAAE,CAAC;gBANlB,KAAK;;2BAIH,KAAK;;EAOhC,UAAU,CAAC,KAAiB;IAC1B,oGAAoG;IACpG,MAAM,cAAc,GAAG,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAW,CAAC,CAAC;IACxE,IAAI,cAAc,EAAE;MAClB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACnB;EACH,CAAC;EAED,gBAAgB;IACd,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,kBAAkB,CAAoB,CAAC;IAC9F,MAAM,eAAe,GAAG,WAAW,CAAC,gBAAgB,EAAE,CAAC;IACvD,MAAM,eAAe,GAAG,eAAe,CAAC,IAAI,CAC1C,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,2BAA2B,CAC3E,CAAC;IAEF,IAAI,eAAe,EAAE;MACnB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;KAC7B;EACH,CAAC;EAED,cAAc;IACZ,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;EACzB,CAAC;EAED,MAAM;IACJ,IAAI,CAAC,cAAc,mCAAQ,IAAI,CAAC,cAAc,GAAK,qBAAqB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,CAAE,CAAC;IAEhG,MAAM,gBAAgB,mCACjB,IAAI,CAAC,cAAc,KACtB,eAAe,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,EAC/B,eAAe,EAAE,YAAY,IAAI,CAAC,IAAI,EAAE,EACxC,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,IAAI,CAAC,IAAI,EACnB,SAAS,EAAE,GAAG,EAAE;QACd,IAAI,CAAC,cAAc,EAAE,CAAC;MACxB,CAAC,EACD,KAAK,EAAE,CAAC,EAAuC,EAAE,EAAE;QACjD,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;MACrB,CAAC,GACF,CAAC;IAEF,OAAO,CACL,EAAC,IAAI;MACH,WACE,KAAK,EAAE;UACL,SAAS,EAAE,IAAI;UACf,YAAY,EAAE,IAAI,CAAC,IAAI;UACvB,sBAAsB,EAAE,IAAI,CAAC,eAAe;SAC7C;QAED,mDAAiC,gBAAgB,EAAgC;QAEhF,IAAI,CAAC,QAAQ,IAAI,CAChB,2BACE,EAAE,EAAE,iBAAiB,IAAI,CAAC,IAAI,EAAE,EAChC,KAAK,EAAC,MAAM,EACZ,WAAW,EAAE,IAAI,CAAC,QAAQ,EAC1B,SAAS,EAAC,cAAc,EACxB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,cAAc,EAAE,CAAC,EACjB,SAAS,EAAE;YACT;cACE,IAAI,EAAE,MAAM;cACZ,OAAO,EAAE;gBACP,kBAAkB,EAAE,EAAE;eACvB;aACF;WACF;UAED,eAAa,CACO,CACvB,CACG,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Element, Listen, State } from '@stencil/core';\nimport { Attributes, inheritAriaAttributes } from '../../../../utils/utils';\n\n@Component({\n  tag: 'sdds-header-launcher',\n  styleUrl: 'header-launcher.scss',\n  shadow: true,\n})\nexport class HeaderLauncher {\n  @Element() host: HTMLElement;\n\n  @State() open: boolean = false;\n\n  @State() buttonEl?: HTMLSddsHeaderLauncherButtonElement;\n\n  @State() hasListTypeMenu = false;\n\n  private uuid: string = crypto.randomUUID();\n\n  private ariaAttributes: Attributes;\n\n  @Listen('click', { target: 'window' })\n  onAnyClick(event: MouseEvent) {\n    // Source: https://lamplightdev.com/blog/2021/04/10/how-to-detect-clicks-outside-of-a-web-component/\n    const isClickOutside = !event.composedPath().includes(this.host as any);\n    if (isClickOutside) {\n      this.open = false;\n    }\n  }\n\n  componentDidLoad() {\n    const slotElement = this.host.shadowRoot.querySelector('slot:not([name])') as HTMLSlotElement;\n    const slottedElements = slotElement.assignedElements();\n    const hasListTypeMenu = slottedElements.some(\n      (element) => element.tagName.toLowerCase() === 'sdds-header-launcher-list',\n    );\n\n    if (hasListTypeMenu) {\n      this.hasListTypeMenu = true;\n    }\n  }\n\n  toggleLauncher() {\n    this.open = !this.open;\n  }\n\n  render() {\n    this.ariaAttributes = { ...this.ariaAttributes, ...inheritAriaAttributes(this.host, ['role']) };\n\n    const buttonAttributes = {\n      ...this.ariaAttributes,\n      'aria-expanded': `${this.open}`,\n      'aria-controls': `launcher-${this.uuid}`,\n      'class': 'button',\n      'active': this.open,\n      'onClick': () => {\n        this.toggleLauncher();\n      },\n      'ref': (el: HTMLSddsHeaderLauncherButtonElement) => {\n        this.buttonEl = el;\n      },\n    };\n\n    return (\n      <Host>\n        <div\n          class={{\n            'wrapper': true,\n            'state-open': this.open,\n            'state-list-type-menu': this.hasListTypeMenu,\n          }}\n        >\n          <sdds-header-launcher-button {...buttonAttributes}></sdds-header-launcher-button>\n\n          {this.buttonEl && (\n            <sdds-popover-canvas\n              id={`sdds-launcher-${this.uuid}`}\n              class=\"menu\"\n              referenceEl={this.buttonEl}\n              placement=\"bottom-start\"\n              show={this.open}\n              offsetDistance={0}\n              modifiers={[\n                {\n                  name: 'flip',\n                  options: {\n                    fallbackPlacements: [],\n                  },\n                },\n              ]}\n            >\n              <slot></slot>\n            </sdds-popover-canvas>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/header/webcomponent/header-launcher-button/header-launcher-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-launcher-button.js","sourceRoot":"","sources":["../../../../../src/components/header/webcomponent/header-launcher-button/header-launcher-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAc,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAO5E,MAAM,OAAO,oBAAoB;;kBAKd,KAAK;;EAItB,MAAM;IACJ,IAAI,CAAC,cAAc,mCAAQ,IAAI,CAAC,cAAc,GAAK,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAE,CAAC;IACtF,MAAM,WAAW,qBACZ,IAAI,CAAC,cAAc,CACvB,CAAC;IAEF,OAAO,CACL,EAAC,IAAI;MACH,wBAAkB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnC,8BAAY,WAAW;UACrB,iBAAW,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,GAAa,CACtD,CACQ,CACd,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { Attributes, inheritAriaAttributes } from '../../../../utils/utils';\n\n@Component({\n  tag: 'sdds-header-launcher-button',\n  styleUrl: 'header-launcher-button.scss',\n  shadow: true,\n})\nexport class HeaderLauncherButton {\n  @Element() host: HTMLElement;\n\n  /** If the button should appear active. Can be used when the button is\n   * triggering a dropdown, and the dropdown is open, for example. */\n  @Prop() active = false;\n\n  private ariaAttributes: Attributes;\n\n  render() {\n    this.ariaAttributes = { ...this.ariaAttributes, ...inheritAriaAttributes(this.host) };\n    const buttonProps = {\n      ...this.ariaAttributes,\n    };\n\n    return (\n      <Host>\n        <sdds-header-item active={this.active}>\n          <button {...buttonProps}>\n            <sdds-icon class=\"icon\" name=\"bento\" size=\"20px\"></sdds-icon>\n          </button>\n        </sdds-header-item>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/header/webcomponent/header-launcher-grid/header-launcher-grid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-launcher-grid.js","sourceRoot":"","sources":["../../../../../src/components/header/webcomponent/header-launcher-grid/header-launcher-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,wCAAwC,EACxC,gBAAgB,GACjB,MAAM,yBAAyB,CAAC;AAOjC,MAAM,OAAO,kBAAkB;;;;EAK7B,iBAAiB;IACf,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;IAE3B,MAAM,SAAS,GAAG,wCAAwC,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE;MAC1E,MAAM,CAAC,GAAG,EAAE,CAAC;MACb,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;IAEH,IAAI,SAAS,EAAE;MACb,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;KACjC;SAAM;MACL,OAAO,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAC;KACpD;EACH,CAAC;EAED,MAAM;;IACJ,MAAM,cAAc,GAAG;MACrB,OAAO,EAAE,2BAA2B;MACpC,MAAM,EAAE,MAAM;MACd,iBAAiB,EAAE,MAAA,IAAI,CAAC,cAAc,0CAAE,EAAE;KAC3C,CAAC;IACF,OAAO,CACL,EAAC,IAAI;MACH,2BAAS,cAAc;QACrB,eAAa,CACT,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, State } from '@stencil/core';\nimport {\n  getPreviousNestedChildOfSiblingsMatching,\n  isHeadingElement,\n} from '../../../../utils/utils';\n\n@Component({\n  tag: 'sdds-header-launcher-grid',\n  styleUrl: 'header-launcher-grid.scss',\n  shadow: false,\n})\nexport class HeaderLauncherGrid {\n  @Element() host: HTMLElement;\n\n  @State() headingElement: HTMLElement;\n\n  componentWillLoad() {\n    const listRoot = this.host;\n\n    const headingEl = getPreviousNestedChildOfSiblingsMatching(listRoot, (el) => {\n      const e = el;\n      return isHeadingElement(e);\n    });\n\n    if (headingEl) {\n      this.headingElement = headingEl;\n    } else {\n      console.warn('Heading element for list not found');\n    }\n  }\n\n  render() {\n    const listAttributes = {\n      'class': 'sdds-header-launcher-grid',\n      'role': 'list',\n      'aria-labelledby': this.headingElement?.id,\n    };\n    return (\n      <Host>\n        <div {...listAttributes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/header/webcomponent/header-launcher-grid-item/header-launcher-grid-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-launcher-grid-item.js","sourceRoot":"","sources":["../../../../../src/components/header/webcomponent/header-launcher-grid-item/header-launcher-grid-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,sBAAsB;EACjC,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,IAAI,EAAC,UAAU;MACnB,eAAa,CACR,CACR,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'sdds-header-launcher-grid-item',\n  styleUrl: 'header-launcher-grid-item.scss',\n  shadow: true,\n})\nexport class HeaderLauncherGridItem {\n  render() {\n    return (\n      <Host role=\"listitem\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/header/webcomponent/header-launcher-grid-title/header-launcher-grid-title.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-launcher-grid-title.js","sourceRoot":"","sources":["../../../../../src/components/header/webcomponent/header-launcher-grid-title/header-launcher-grid-title.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,uBAAuB;EALpC;IAMU,SAAI,GAAW,MAAM,CAAC,UAAU,EAAE,CAAC;GAW5C;EATC,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,UAAI,KAAK,EAAC,iCAAiC,EAAC,EAAE,EAAE,QAAQ,IAAI,CAAC,IAAI,EAAE;QACjE,eAAa,CACV,CACA,CACR,CAAC;EACJ,CAAC;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'sdds-header-launcher-grid-title',\n  styleUrl: 'header-launcher-grid-title.scss',\n  shadow: false,\n})\nexport class HeaderLauncherGridTitle {\n  private uuid: string = crypto.randomUUID();\n\n  render() {\n    return (\n      <Host>\n        <h3 class=\"sdds-header-launcher-grid-title\" id={`sdds-${this.uuid}`}>\n          <slot></slot>\n        </h3>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/header/webcomponent/header-launcher-list/header-launcher-list.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-launcher-list.js","sourceRoot":"","sources":["../../../../../src/components/header/webcomponent/header-launcher-list/header-launcher-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAMnD,MAAM,OAAO,kBAAkB;EAJ/B;IAKE,SAAI,GAAW,MAAM,CAAC,UAAU,EAAE,CAAC;GAWpC;EATC,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,iCAA2B,IAAI,EAAC,IAAI;QAClC,eAAa,CACa,CACvB,CACR,CAAC;EACJ,CAAC;;CACF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'sdds-header-launcher-list',\n  shadow: false,\n})\nexport class HeaderLauncherList {\n  uuid: string = crypto.randomUUID();\n\n  render() {\n    return (\n      <Host>\n        <sdds-header-dropdown-list type=\"lg\">\n          <slot></slot>\n        </sdds-header-dropdown-list>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/header/webcomponent/header-launcher-list-item/header-launcher-list-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-launcher-list-item.js","sourceRoot":"","sources":["../../../../../src/components/header/webcomponent/header-launcher-list-item/header-launcher-list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,sBAAsB;EACjC,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,sCAAgC,IAAI,EAAC,IAAI;QACvC,eAAa,CACkB,CAC5B,CACR,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'sdds-header-launcher-list-item',\n  styleUrl: 'header-launcher-list-item.scss',\n  shadow: true,\n})\nexport class HeaderLauncherListItem {\n  render() {\n    return (\n      <Host>\n        <sdds-header-dropdown-list-item type=\"lg\">\n          <slot></slot>\n        </sdds-header-dropdown-list-item>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/header/webcomponent/header-launcher-list-title/header-launcher-list-title.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-launcher-list-title.js","sourceRoot":"","sources":["../../../../../src/components/header/webcomponent/header-launcher-list-title/header-launcher-list-title.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAO5D,MAAM,OAAO,uBAAuB;EALpC;IAQU,SAAI,GAAW,MAAM,CAAC,UAAU,EAAE,CAAC;GAW5C;EATC,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,UAAI,KAAK,EAAC,iCAAiC,EAAC,EAAE,EAAE,QAAQ,IAAI,CAAC,IAAI,EAAE;QACjE,eAAa,CACV,CACA,CACR,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'sdds-header-launcher-list-title',\n  styleUrl: 'header-launcher-list-title.scss',\n  shadow: false,\n})\nexport class HeaderLauncherListTitle {\n  @Element() host: HTMLElement;\n\n  private uuid: string = crypto.randomUUID();\n\n  render() {\n    return (\n      <Host>\n        <h3 class=\"sdds-header-launcher-list-title\" id={`sdds-${this.uuid}`}>\n          <slot></slot>\n        </h3>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/header/webcomponent/header-title/header-title.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"header-title.js","sourceRoot":"","sources":["../../../../../src/components/header/webcomponent/header-title/header-title.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,WAAW;EACtB,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAC,WAAW;QACpB,eAAa,CACT,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'sdds-header-title',\n  styleUrl: 'header-title.scss',\n  shadow: true,\n})\nexport class HeaderTitle {\n  render() {\n    return (\n      <Host>\n        <div class=\"component\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/icon/icon-font.stories.js

@@ -1,58 +0,0 @@
-import { formatHtmlPreview } from '../../utils/utils';
-import { iconsNames } from './iconsArray';
-import readme from './readme.md';
-export default {
-  title: 'Foundations/Icons',
-  parameters: {
-    layout: 'centered',
-    notes: readme,
-    design: [
-      {
-        name: 'Figma',
-        type: 'figma',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=9119%3A315952&t=Ne6myqwca5m00de7-1',
-      },
-      {
-        name: 'Link',
-        type: 'link',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=9119%3A315952&t=Ne6myqwca5m00de7-1',
-      },
-    ],
-  },
-  argTypes: {
-    icon: {
-      name: 'Icon name',
-      description: 'Select icon to display',
-      control: {
-        type: 'select',
-      },
-      options: iconsNames,
-    },
-    size: {
-      name: 'Size in pixels',
-      description: 'Set the size of the icon',
-      control: {
-        type: 'range',
-        min: 16,
-        max: 100,
-        step: 4,
-      },
-    },
-  },
-  args: {
-    size: 32,
-    icon: 'truck',
-  },
-};
-const IconFontTemplate = (args) => formatHtmlPreview(`
-  <style>
-    /* Demo code for presentation purposes */
-    @import url('https://cdn.digitaldesign.scania.com/icons/webfont/css/sdds-icons.css');
-    .sdds-icon { font-size: ${args.size}px; }
-  </style>
-
-  <i class="sdds-icon ${args.icon}"></i>
-  `);
-export const Native = IconFontTemplate.bind({});
-Native.args = {};
-//# sourceMappingURL=icon-font.stories.js.map

package/dist/collection/components/icon/icon-font.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-font.stories.js","sourceRoot":"","sources":["../../../src/components/icon/icon-font.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,eAAe;EACb,KAAK,EAAE,mBAAmB;EAC1B,UAAU,EAAE;IACV,MAAM,EAAE,UAAU;IAClB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE;MACN;QACE,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,+GAA+G;OACrH;MACD;QACE,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,GAAG,EAAE,+GAA+G;OACrH;KACF;GACF;EACD,QAAQ,EAAE;IACR,IAAI,EAAE;MACJ,IAAI,EAAE,WAAW;MACjB,WAAW,EAAE,wBAAwB;MACrC,OAAO,EAAE;QACP,IAAI,EAAE,QAAQ;OACf;MACD,OAAO,EAAE,UAAU;KACpB;IACD,IAAI,EAAE;MACJ,IAAI,EAAE,gBAAgB;MACtB,WAAW,EAAE,0BAA0B;MACvC,OAAO,EAAE;QACP,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,EAAE;QACP,GAAG,EAAE,GAAG;QACR,IAAI,EAAE,CAAC;OACR;KACF;GACF;EACD,IAAI,EAAE;IACJ,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,OAAO;GACd;CACF,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,EAAE,CAChC,iBAAiB,CAAC;;;;8BAIU,IAAI,CAAC,IAAI;;;wBAGf,IAAI,CAAC,IAAI;GAC9B,CAAC,CAAC;AAEL,MAAM,CAAC,MAAM,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEhD,MAAM,CAAC,IAAI,GAAG,EAAE,CAAC","sourcesContent":["import { formatHtmlPreview } from '../../utils/utils';\nimport { iconsNames } from './iconsArray';\nimport readme from './readme.md';\n\nexport default {\n  title: 'Foundations/Icons',\n  parameters: {\n    layout: 'centered',\n    notes: readme,\n    design: [\n      {\n        name: 'Figma',\n        type: 'figma',\n        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=9119%3A315952&t=Ne6myqwca5m00de7-1',\n      },\n      {\n        name: 'Link',\n        type: 'link',\n        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=9119%3A315952&t=Ne6myqwca5m00de7-1',\n      },\n    ],\n  },\n  argTypes: {\n    icon: {\n      name: 'Icon name',\n      description: 'Select icon to display',\n      control: {\n        type: 'select',\n      },\n      options: iconsNames,\n    },\n    size: {\n      name: 'Size in pixels',\n      description: 'Set the size of the icon',\n      control: {\n        type: 'range',\n        min: 16,\n        max: 100,\n        step: 4,\n      },\n    },\n  },\n  args: {\n    size: 32,\n    icon: 'truck',\n  },\n};\n\nconst IconFontTemplate = (args) =>\n  formatHtmlPreview(`\n  <style>\n    /* Demo code for presentation purposes */\n    @import url('https://cdn.digitaldesign.scania.com/icons/webfont/css/sdds-icons.css');\n    .sdds-icon { font-size: ${args.size}px; }\n  </style>\n\n  <i class=\"sdds-icon ${args.icon}\"></i>\n  `);\n\nexport const Native = IconFontTemplate.bind({});\n\nNative.args = {};\n"]}

package/dist/collection/components/icon/icon-web-component.stories.js

@@ -1,52 +0,0 @@
-import { formatHtmlPreview } from '../../utils/utils';
-import { iconsNames } from './iconsArray';
-import readme from './readme.md';
-export default {
-  title: 'Foundations/Icons',
-  parameters: {
-    layout: 'centered',
-    notes: readme,
-    design: [
-      {
-        name: 'Figma',
-        type: 'figma',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=9119%3A315952&t=Ne6myqwca5m00de7-1',
-      },
-      {
-        name: 'Link',
-        type: 'link',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=9119%3A315952&t=Ne6myqwca5m00de7-1',
-      },
-    ],
-  },
-  argTypes: {
-    icon: {
-      name: 'Icon name',
-      description: 'Select icon to display',
-      control: {
-        type: 'select',
-      },
-      options: iconsNames,
-    },
-    size: {
-      name: 'Size in pixels',
-      description: 'Set the size of the icon',
-      control: {
-        type: 'range',
-        min: 16,
-        max: 100,
-        step: 4,
-      },
-    },
-  },
-  args: {
-    size: 32,
-    icon: 'truck',
-  },
-};
-const IconTemplate = (args) => formatHtmlPreview(`
-  <sdds-icon name="${args.icon}" size="${`${args.size.toString()}px`}"></sdds-icon> 
-  `);
-export const WebComponent = IconTemplate.bind({});
-WebComponent.args = {};
-//# sourceMappingURL=icon-web-component.stories.js.map

package/dist/collection/components/icon/icon-web-component.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-web-component.stories.js","sourceRoot":"","sources":["../../../src/components/icon/icon-web-component.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,eAAe;EACb,KAAK,EAAE,mBAAmB;EAC1B,UAAU,EAAE;IACV,MAAM,EAAE,UAAU;IAClB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE;MACN;QACE,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,+GAA+G;OACrH;MACD;QACE,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,GAAG,EAAE,+GAA+G;OACrH;KACF;GACF;EACD,QAAQ,EAAE;IACR,IAAI,EAAE;MACJ,IAAI,EAAE,WAAW;MACjB,WAAW,EAAE,wBAAwB;MACrC,OAAO,EAAE;QACP,IAAI,EAAE,QAAQ;OACf;MACD,OAAO,EAAE,UAAU;KACpB;IACD,IAAI,EAAE;MACJ,IAAI,EAAE,gBAAgB;MACtB,WAAW,EAAE,0BAA0B;MACvC,OAAO,EAAE;QACP,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,EAAE;QACP,GAAG,EAAE,GAAG;QACR,IAAI,EAAE,CAAC;OACR;KACF;GACF;EACD,IAAI,EAAE;IACJ,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,OAAO;GACd;CACF,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,EAAE,CAC5B,iBAAiB,CAAC;qBACC,IAAI,CAAC,IAAI,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI;GACjE,CAAC,CAAC;AAEL,MAAM,CAAC,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAElD,YAAY,CAAC,IAAI,GAAG,EAAE,CAAC","sourcesContent":["import { formatHtmlPreview } from '../../utils/utils';\nimport { iconsNames } from './iconsArray';\nimport readme from './readme.md';\n\nexport default {\n  title: 'Foundations/Icons',\n  parameters: {\n    layout: 'centered',\n    notes: readme,\n    design: [\n      {\n        name: 'Figma',\n        type: 'figma',\n        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=9119%3A315952&t=Ne6myqwca5m00de7-1',\n      },\n      {\n        name: 'Link',\n        type: 'link',\n        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=9119%3A315952&t=Ne6myqwca5m00de7-1',\n      },\n    ],\n  },\n  argTypes: {\n    icon: {\n      name: 'Icon name',\n      description: 'Select icon to display',\n      control: {\n        type: 'select',\n      },\n      options: iconsNames,\n    },\n    size: {\n      name: 'Size in pixels',\n      description: 'Set the size of the icon',\n      control: {\n        type: 'range',\n        min: 16,\n        max: 100,\n        step: 4,\n      },\n    },\n  },\n  args: {\n    size: 32,\n    icon: 'truck',\n  },\n};\n\nconst IconTemplate = (args) =>\n  formatHtmlPreview(`\n  <sdds-icon name=\"${args.icon}\" size=\"${`${args.size.toString()}px`}\"></sdds-icon> \n  `);\n\nexport const WebComponent = IconTemplate.bind({});\n\nWebComponent.args = {};\n"]}

package/dist/collection/components/icon/icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,mCAAmC;AAEnC,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEhE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAO/C,MAAM,OAAO,IAAI;;IAwBf,aAAQ,GAAG,GAAG,EAAE,CACd,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;MAChC,IAAI,OAAO,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE;QAC9B,OAAO,CACL,WACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,qBACF,QAAQ,OAAO,CAAC,IAAI,EAAE,EACvC,IAAI,EAAC,KAAK,EACV,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE;UAE9B,iBAAQ,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAS;UACvC,YAAM,IAAI,EAAC,cAAc,EAAC,CAAC,EAAE,OAAO,CAAC,UAAU,GAAI,CAC/C,CACP,CAAC;OACH;IACH,CAAC,CAAC,CAAC;gBAtCmC,gBAAgB;gBAGhB,MAAM;wBAEd,eAAe;wBAEvB,EAAE;;EAE1B,iBAAiB;IACf,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;EAC3C,CAAC;EAED,gBAAgB,CAAC,QAAgB;IAC/B,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;MAChC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;KAC1C;SAAM;MACL,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC;KAC9B;IACD,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;EAC7C,CAAC;EAoBD,MAAM;IACJ,OAAO,EAAC,IAAI,QAAE,IAAI,CAAC,QAAQ,EAAE,CAAQ,CAAC;EACxC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["// Check status of webFont solution\n\nimport { Component, h, Prop, State, Host } from '@stencil/core';\n\nimport { iconsCollection } from './iconsArray';\n\n@Component({\n  tag: 'sdds-icon',\n  styleUrl: 'icon.scss',\n  shadow: true,\n})\nexport class Icon {\n  /** Pass a name of the icon. For icon names, refer to https://digitaldesign.scania.com/foundations/icons/icon-library or storybook */\n  @Prop({ reflect: true }) name: string = 'arrow_diagonal';\n\n  /** Pass a size of icon as a string, for example: 32px, 1rem, 4em... */\n  @Prop({ reflect: true }) size: string = '16px';\n\n  @State() icons_object: string = iconsCollection;\n\n  @State() arrayOfIcons = [];\n\n  componentWillLoad() {\n    this.arrayDataWatcher(this.icons_object);\n  }\n\n  arrayDataWatcher(newValue: string) {\n    if (typeof newValue === 'string') {\n      this.arrayOfIcons = JSON.parse(newValue);\n    } else {\n      this.arrayOfIcons = newValue;\n    }\n    this.arrayOfIcons = [...this.arrayOfIcons];\n  }\n\n  setIcons = () =>\n    this.arrayOfIcons.map((element) => {\n      if (element.name === this.name) {\n        return (\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 32 32\"\n            aria-labelledby={`icon ${element.name}`}\n            role=\"img\"\n            style={{ fontSize: this.size }}\n          >\n            <title>{`icon ${element.name}`}</title>\n            <path fill=\"currentColor\" d={element.definition} />\n          </svg>\n        );\n      }\n    });\n\n  render() {\n    return <Host>{this.setIcons()}</Host>;\n  }\n}\n"]}

package/dist/collection/components/link/link.stories.js

@@ -1,52 +0,0 @@
-import { formatHtmlPreview } from '../../utils/utils';
-export default {
-  title: 'Components/Link',
-  parameters: {
-    layout: 'centered',
-    design: [
-      {
-        name: 'Figma',
-        type: 'figma',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=2147%3A99321&t=Ne6myqwca5m00de7-1',
-      },
-      {
-        name: 'Link',
-        type: 'link',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=2147%3A99321&t=Ne6myqwca5m00de7-1',
-      },
-    ],
-  },
-  argTypes: {
-    underline: {
-      name: 'Underline',
-      description: 'Adds an underline under the link text.',
-      controls: {
-        type: 'boolean',
-      },
-      table: {
-        defaultValue: { summary: true },
-      },
-    },
-    disabled: {
-      name: 'Disabled',
-      description: 'Disables the link.',
-      controls: {
-        type: 'boolean',
-      },
-      table: {
-        defaultValue: { summary: false },
-      },
-    },
-  },
-  args: {
-    underline: true,
-    disabled: false,
-  },
-};
-const Template = ({ underline, disabled }) => formatHtmlPreview(`
-      <a class="sdds-link ${disabled ? 'disabled' : ''} ${underline ? '' : 'sdds-link--no-underline'}" href="#">
-        This is a link.
-      </a>
-  `);
-export const Native = Template.bind({});
-//# sourceMappingURL=link.stories.js.map

package/dist/collection/components/link/link.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.stories.js","sourceRoot":"","sources":["../../../src/components/link/link.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,eAAe;EACb,KAAK,EAAE,iBAAiB;EACxB,UAAU,EAAE;IACV,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE;MACN;QACE,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,8GAA8G;OACpH;MACD;QACE,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,GAAG,EAAE,8GAA8G;OACpH;KACF;GACF;EACD,QAAQ,EAAE;IACR,SAAS,EAAE;MACT,IAAI,EAAE,WAAW;MACjB,WAAW,EAAE,wCAAwC;MACrD,QAAQ,EAAE;QACR,IAAI,EAAE,SAAS;OAChB;MACD,KAAK,EAAE;QACL,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;OAChC;KACF;IACD,QAAQ,EAAE;MACR,IAAI,EAAE,UAAU;MAChB,WAAW,EAAE,oBAAoB;MACjC,QAAQ,EAAE;QACR,IAAI,EAAE,SAAS;OAChB;MACD,KAAK,EAAE;QACL,YAAY,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;OACjC;KACF;GACF;EACD,IAAI,EAAE;IACJ,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,KAAK;GAChB;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC3C,iBAAiB,CACf;4BACwB,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAChD,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,yBACnB;;;GAGD,CACA,CAAC;AACJ,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC","sourcesContent":["import { formatHtmlPreview } from '../../utils/utils';\n\nexport default {\n  title: 'Components/Link',\n  parameters: {\n    layout: 'centered',\n    design: [\n      {\n        name: 'Figma',\n        type: 'figma',\n        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=2147%3A99321&t=Ne6myqwca5m00de7-1',\n      },\n      {\n        name: 'Link',\n        type: 'link',\n        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=2147%3A99321&t=Ne6myqwca5m00de7-1',\n      },\n    ],\n  },\n  argTypes: {\n    underline: {\n      name: 'Underline',\n      description: 'Adds an underline under the link text.',\n      controls: {\n        type: 'boolean',\n      },\n      table: {\n        defaultValue: { summary: true },\n      },\n    },\n    disabled: {\n      name: 'Disabled',\n      description: 'Disables the link.',\n      controls: {\n        type: 'boolean',\n      },\n      table: {\n        defaultValue: { summary: false },\n      },\n    },\n  },\n  args: {\n    underline: true,\n    disabled: false,\n  },\n};\n\nconst Template = ({ underline, disabled }) =>\n  formatHtmlPreview(\n    `\n      <a class=\"sdds-link ${disabled ? 'disabled' : ''} ${\n      underline ? '' : 'sdds-link--no-underline'\n    }\" href=\"#\">\n        This is a link.\n      </a>\n  `,\n  );\nexport const Native = Template.bind({});\n"]}

package/dist/collection/components/link/sdds-link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sdds-link.js","sourceRoot":"","sources":["../../../src/components/link/sdds-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAQ5D,MAAM,OAAO,QAAQ;;oBAES,KAAK;qBAGJ,IAAI;;EAIjC,iBAAiB;IACf,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;EAC7D,CAAC;EAED,MAAM;IACJ,OAAO,CACL,WACE,KAAK,EAAE;YACH,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;YAC/B,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;WACtC;MAEH,eAAa,CACT,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Element } from '@stencil/core';\nimport { HostElement } from '@stencil/core/internal';\n\n@Component({\n  tag: 'sdds-link',\n  styleUrl: 'sdds-link.scss',\n  shadow: false,\n})\nexport class SddsLink {\n  /** Disables the link */\n  @Prop() disabled: boolean = false;\n\n  /** Displays the link with an underline. */\n  @Prop() underline: boolean = true;\n\n  @Element() host: HostElement;\n\n  connectedCallback() {\n    this.host.children[0].classList.add('sdds-link-component');\n  }\n\n  render() {\n    return (\n      <div\n        class={`\n          ${this.disabled ? 'disabled' : ''}\n          ${!this.underline ? 'no-underline' : ''}\n          `}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/link/sdds-link.stories.js

@@ -1,57 +0,0 @@
-import { formatHtmlPreview } from '../../utils/utils';
-import readme from './readme.md';
-export default {
-  title: 'Components/Link',
-  parameters: {
-    notes: readme,
-    layout: 'centered',
-    design: [
-      {
-        name: 'Figma',
-        type: 'figma',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=2147%3A99321&t=Ne6myqwca5m00de7-1',
-      },
-      {
-        name: 'Link',
-        type: 'link',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=2147%3A99321&t=Ne6myqwca5m00de7-1',
-      },
-    ],
-  },
-  argTypes: {
-    underline: {
-      name: 'Underline',
-      description: 'Adds an underline under the link text.',
-      controls: {
-        type: 'boolean',
-      },
-      table: {
-        defaultValue: { summary: true },
-      },
-    },
-    disabled: {
-      name: 'Disabled',
-      description: 'Disables the link.',
-      controls: {
-        type: 'boolean',
-      },
-      table: {
-        defaultValue: { summary: false },
-      },
-    },
-  },
-  args: {
-    underline: true,
-    disabled: false,
-  },
-};
-const Template = ({ underline, disabled }) => formatHtmlPreview(`
-    <sdds-link
-        ${disabled ? 'disabled' : ''}
-        ${underline ? '' : 'underline="false"'}
-        >
-        <a href="#">This is a link.</a>
-    </sdds-link>
-  `);
-export const WebComponent = Template.bind({});
-//# sourceMappingURL=sdds-link.stories.js.map

package/dist/collection/components/link/sdds-link.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sdds-link.stories.js","sourceRoot":"","sources":["../../../src/components/link/sdds-link.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,eAAe;EACb,KAAK,EAAE,iBAAiB;EACxB,UAAU,EAAE;IACV,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,UAAU;IAClB,MAAM,EAAE;MACN;QACE,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,8GAA8G;OACpH;MACD;QACE,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,GAAG,EAAE,8GAA8G;OACpH;KACF;GACF;EACD,QAAQ,EAAE;IACR,SAAS,EAAE;MACT,IAAI,EAAE,WAAW;MACjB,WAAW,EAAE,wCAAwC;MACrD,QAAQ,EAAE;QACR,IAAI,EAAE,SAAS;OAChB;MACD,KAAK,EAAE;QACL,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;OAChC;KACF;IACD,QAAQ,EAAE;MACR,IAAI,EAAE,UAAU;MAChB,WAAW,EAAE,oBAAoB;MACjC,QAAQ,EAAE;QACR,IAAI,EAAE,SAAS;OAChB;MACD,KAAK,EAAE;QACL,YAAY,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;OACjC;KACF;GACF;EACD,IAAI,EAAE;IACJ,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,KAAK;GAChB;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC3C,iBAAiB,CACf;;UAEM,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;UAC1B,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB;;;;GAI3C,CACA,CAAC;AACJ,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC","sourcesContent":["import { formatHtmlPreview } from '../../utils/utils';\nimport readme from './readme.md';\n\nexport default {\n  title: 'Components/Link',\n  parameters: {\n    notes: readme,\n    layout: 'centered',\n    design: [\n      {\n        name: 'Figma',\n        type: 'figma',\n        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=2147%3A99321&t=Ne6myqwca5m00de7-1',\n      },\n      {\n        name: 'Link',\n        type: 'link',\n        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=2147%3A99321&t=Ne6myqwca5m00de7-1',\n      },\n    ],\n  },\n  argTypes: {\n    underline: {\n      name: 'Underline',\n      description: 'Adds an underline under the link text.',\n      controls: {\n        type: 'boolean',\n      },\n      table: {\n        defaultValue: { summary: true },\n      },\n    },\n    disabled: {\n      name: 'Disabled',\n      description: 'Disables the link.',\n      controls: {\n        type: 'boolean',\n      },\n      table: {\n        defaultValue: { summary: false },\n      },\n    },\n  },\n  args: {\n    underline: true,\n    disabled: false,\n  },\n};\n\nconst Template = ({ underline, disabled }) =>\n  formatHtmlPreview(\n    `\n    <sdds-link\n        ${disabled ? 'disabled' : ''}\n        ${underline ? '' : 'underline=\"false\"'}\n        >\n        <a href=\"#\">This is a link.</a>\n    </sdds-link>\n  `,\n  );\nexport const WebComponent = Template.bind({});\n"]}

package/dist/collection/components/message/message.stories.js

@@ -1,129 +0,0 @@
-import { formatHtmlPreview } from '../../utils/utils';
-export default {
-  title: 'Components/Message',
-  parameters: {
-    layout: 'centered',
-    design: [
-      {
-        name: 'Figma',
-        type: 'figma',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11884%3A47370&t=Ne6myqwca5m00de7-1',
-      },
-      {
-        name: 'Link',
-        type: 'link',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11884%3A47370&t=Ne6myqwca5m00de7-1',
-      },
-    ],
-  },
-  argTypes: {
-    modeVariant: {
-      name: 'Mode variant',
-      description: 'Mode variant adjusts component colors to have better visibility depending on global mode and background.',
-      control: {
-        type: 'radio',
-      },
-      options: ['Inherit from parent', 'Primary', 'Secondary'],
-      table: {
-        defaultValue: { summary: 'Inherit from parent' },
-      },
-    },
-    messageType: {
-      name: 'Message type',
-      description: 'Changes the type of the component.',
-      control: {
-        type: 'radio',
-      },
-      options: ['Information', 'Error', 'Warning', 'Success'],
-      table: {
-        defaultValue: { summary: 'Information' },
-      },
-    },
-    showExtendedMessage: {
-      name: 'Extended message',
-      description: 'Shows an extended message.',
-      control: {
-        type: 'boolean',
-      },
-      table: {
-        defaultValue: { summary: true },
-      },
-    },
-    noIcon: {
-      name: 'No icon',
-      description: 'Hides the icon.',
-      control: {
-        type: 'boolean',
-      },
-      table: {
-        defaultValue: { summary: false },
-      },
-    },
-    iconType: {
-      name: 'Icon type',
-      description: 'Switch between showing a native or a web component icon.',
-      control: {
-        type: 'radio',
-      },
-      options: ['Native', 'Web Component'],
-      if: { arg: 'icon', eq: true },
-      table: {
-        defaultValue: { summary: 'Web Component' },
-      },
-    },
-  },
-  args: {
-    modeVariant: 'Inherit from parent',
-    messageType: 'Information',
-    showExtendedMessage: true,
-    noIcon: false,
-    iconType: 'Web Component',
-  },
-};
-const nativeIconNameLookup = {
-  Information: 'info',
-  Error: 'error',
-  Warning: 'warning',
-  Success: 'tick',
-};
-const Template = ({ modeVariant, messageType, showExtendedMessage, noIcon, iconType }) => {
-  const messageTypeClass = messageType === 'Information'
-    ? 'sdds-message-type-informative'
-    : `sdds-message-type-${messageType.toLowerCase()}`;
-  const iconClass = messageType === 'Information'
-    ? 'sdds-message-icon-informative'
-    : `sdds-message-icon-${messageType.toLowerCase()}`;
-  const iconHtml = iconType === 'Native'
-    ? `<i class="sdds-message-icon sdds-icon ${iconClass} ${nativeIconNameLookup[messageType]}"></i>`
-    : `<div class="sdds-message-icon ${iconClass}"><sdds-icon name="${nativeIconNameLookup[messageType]}" size="20"></sdds-icon></div>`;
-  return formatHtmlPreview(`
-    <style>
-      .demo-wrapper {
-        width: 380px;
-      }
-    </style>
-
-    ${iconType === 'Native'
-    ? `<style>
-    /* Note: In case using WebFont icons, please make sure to import icons css file in your implementation */
-    @import url('https://cdn.digitaldesign.scania.com/icons/webfont/css/sdds-icons.css');
-    </style>`
-    : ''}
-    <div class="demo-wrapper">
-      <div class="sdds-message ${messageTypeClass} ${noIcon ? '' : 'sdds-message-icon-active'} ${showExtendedMessage ? 'sdds-message-extended-active' : ''} 
-      ${modeVariant === 'Inherit from parent'
-    ? ''
-    : `sdds-mode-variant-${modeVariant.toLowerCase()}`}">
-      ${noIcon ? '' : iconHtml}
-      <h4 class="sdds-message-single">
-        Single line message goes here.
-      </h4>
-      ${showExtendedMessage
-    ? '<p class="sdds-message-extended">Longer message text can be placed here. Longer message text can be placed here.</p>'
-    : ''}
-    </div>
-  </div>
-  `);
-};
-export const Native = Template.bind({});
-//# sourceMappingURL=message.stories.js.map