@scania/tegel 0.0.71-beta → 1.0.0

package/dist/components/sdds-header-hamburger.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SddsHeaderHamburger extends Components.SddsHeaderHamburger, HTMLElement {}
-export const SddsHeaderHamburger: {
-  prototype: SddsHeaderHamburger;
-  new (): SddsHeaderHamburger;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/sdds-header-hamburger.js

@@ -1,54 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { i as inheritAriaAttributes } from './utils.js';
-import { d as defineCustomElement$4 } from './core-header-item.js';
-import { d as defineCustomElement$3 } from './header-item.js';
-import { d as defineCustomElement$2 } from './icon.js';
-
-const headerHamburgerCss = ":host{color:var(--sdds-white)}:host sdds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}@media screen and (min-width: 992px){:host sdds-header-item{display:none}:host([persistent]) sdds-header-item{display:block}}";
-
-const HeaderHamburger = /*@__PURE__*/ proxyCustomElement(class HeaderHamburger extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  render() {
-    const inheritedButtonProps = Object.assign({}, inheritAriaAttributes(this.host));
-    return (h(Host, null, h("sdds-header-item", null, h("button", Object.assign({}, inheritedButtonProps), h("sdds-icon", { class: "icon", name: "burger", size: "20px" })))));
-  }
-  get host() { return this; }
-  static get style() { return headerHamburgerCss; }
-}, [1, "sdds-header-hamburger"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-header-hamburger", "sdds-core-header-item", "sdds-header-item", "sdds-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-header-hamburger":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HeaderHamburger);
-      }
-      break;
-    case "sdds-core-header-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "sdds-header-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "sdds-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const SddsHeaderHamburger = HeaderHamburger;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsHeaderHamburger, defineCustomElement };

package/dist/components/sdds-header-item.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SddsHeaderItem extends Components.SddsHeaderItem, HTMLElement {}
-export const SddsHeaderItem: {
-  prototype: SddsHeaderItem;
-  new (): SddsHeaderItem;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/sdds-header-item.js

@@ -1,6 +0,0 @@
-import { H as HeaderItem, d as defineCustomElement$1 } from './header-item.js';
-
-const SddsHeaderItem = HeaderItem;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsHeaderItem, defineCustomElement };

package/dist/components/sdds-header-launcher-button.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SddsHeaderLauncherButton extends Components.SddsHeaderLauncherButton, HTMLElement {}
-export const SddsHeaderLauncherButton: {
-  prototype: SddsHeaderLauncherButton;
-  new (): SddsHeaderLauncherButton;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/sdds-header-launcher-button.js

@@ -1,6 +0,0 @@
-import { H as HeaderLauncherButton, d as defineCustomElement$1 } from './header-launcher-button.js';
-
-const SddsHeaderLauncherButton = HeaderLauncherButton;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsHeaderLauncherButton, defineCustomElement };

package/dist/components/sdds-header-launcher-grid-item.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SddsHeaderLauncherGridItem extends Components.SddsHeaderLauncherGridItem, HTMLElement {}
-export const SddsHeaderLauncherGridItem: {
-  prototype: SddsHeaderLauncherGridItem;
-  new (): SddsHeaderLauncherGridItem;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/sdds-header-launcher-grid-item.js

@@ -1,33 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const headerLauncherGridItemCss = ":host{display:block;width:96px;height:96px}:host ::slotted(a),:host ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--sdds-nav-item-border-color);width:100%;height:100%;border:none;padding:0 12px;display:flex;text-align:center;justify-content:center;align-items:center;flex-direction:column;gap:8px;font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);background-color:var(--sdds-header-app-launcher-menu-bg);color:var(--sdds-header-app-launcher-grid-color);border-radius:4px;transition:background-color 150ms ease}:host ::slotted(a:hover),:host ::slotted(button:hover){background-color:var(--sdds-header-app-launcher-grid-hover-background);cursor:pointer}:host ::slotted(a:focus-visible),:host ::slotted(button:focus-visible){outline:2px solid var(--sdds-blue-400);outline-offset:-2px}";
-
-const HeaderLauncherGridItem = /*@__PURE__*/ proxyCustomElement(class HeaderLauncherGridItem extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  render() {
-    return (h(Host, { role: "listitem" }, h("slot", null)));
-  }
-  static get style() { return headerLauncherGridItemCss; }
-}, [1, "sdds-header-launcher-grid-item"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-header-launcher-grid-item"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-header-launcher-grid-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HeaderLauncherGridItem);
-      }
-      break;
-  } });
-}
-
-const SddsHeaderLauncherGridItem = HeaderLauncherGridItem;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsHeaderLauncherGridItem, defineCustomElement };

package/dist/components/sdds-header-launcher-grid-title.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SddsHeaderLauncherGridTitle extends Components.SddsHeaderLauncherGridTitle, HTMLElement {}
-export const SddsHeaderLauncherGridTitle: {
-  prototype: SddsHeaderLauncherGridTitle;
-  new (): SddsHeaderLauncherGridTitle;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/sdds-header-launcher-grid-title.js

@@ -1,33 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const headerLauncherGridTitleCss = ".sdds-header-launcher-grid-title{all:unset;box-sizing:border-box;font:var(--sdds-detail-04);letter-spacing:var(--sdds-detail-04-ls);color:var(--sdds-header-app-launcher-grid-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--sdds-nav-dropdown-item-border-color);margin:0}";
-
-const HeaderLauncherGridTitle = /*@__PURE__*/ proxyCustomElement(class HeaderLauncherGridTitle extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.uuid = crypto.randomUUID();
-  }
-  render() {
-    return (h(Host, null, h("h3", { class: "sdds-header-launcher-grid-title", id: `sdds-${this.uuid}` }, h("slot", null))));
-  }
-  static get style() { return headerLauncherGridTitleCss; }
-}, [4, "sdds-header-launcher-grid-title"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-header-launcher-grid-title"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-header-launcher-grid-title":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HeaderLauncherGridTitle);
-      }
-      break;
-  } });
-}
-
-const SddsHeaderLauncherGridTitle = HeaderLauncherGridTitle;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsHeaderLauncherGridTitle, defineCustomElement };

package/dist/components/sdds-header-launcher-grid.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SddsHeaderLauncherGrid extends Components.SddsHeaderLauncherGrid, HTMLElement {}
-export const SddsHeaderLauncherGrid: {
-  prototype: SddsHeaderLauncherGrid;
-  new (): SddsHeaderLauncherGrid;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/sdds-header-launcher-grid.js

@@ -1,56 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { g as getPreviousNestedChildOfSiblingsMatching, e as isHeadingElement } from './utils.js';
-
-const headerLauncherGridCss = ".sdds-header-launcher-grid{box-sizing:border-box;padding:12px;margin:0;list-style:none;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;border-radius:none}";
-
-const HeaderLauncherGrid = /*@__PURE__*/ proxyCustomElement(class HeaderLauncherGrid extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.headingElement = undefined;
-  }
-  componentWillLoad() {
-    const listRoot = this.host;
-    const headingEl = getPreviousNestedChildOfSiblingsMatching(listRoot, (el) => {
-      const e = el;
-      return isHeadingElement(e);
-    });
-    if (headingEl) {
-      this.headingElement = headingEl;
-    }
-    else {
-      console.warn('Heading element for list not found');
-    }
-  }
-  render() {
-    var _a;
-    const listAttributes = {
-      'class': 'sdds-header-launcher-grid',
-      'role': 'list',
-      'aria-labelledby': (_a = this.headingElement) === null || _a === void 0 ? void 0 : _a.id,
-    };
-    return (h(Host, null, h("div", Object.assign({}, listAttributes), h("slot", null))));
-  }
-  get host() { return this; }
-  static get style() { return headerLauncherGridCss; }
-}, [4, "sdds-header-launcher-grid", {
-    "headingElement": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-header-launcher-grid"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-header-launcher-grid":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HeaderLauncherGrid);
-      }
-      break;
-  } });
-}
-
-const SddsHeaderLauncherGrid = HeaderLauncherGrid;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsHeaderLauncherGrid, defineCustomElement };

package/dist/components/sdds-header-launcher-list-item.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SddsHeaderLauncherListItem extends Components.SddsHeaderLauncherListItem, HTMLElement {}
-export const SddsHeaderLauncherListItem: {
-  prototype: SddsHeaderLauncherListItem;
-  new (): SddsHeaderLauncherListItem;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/sdds-header-launcher-list-item.js

@@ -1,39 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './header-dropdown-list-item.js';
-
-const headerLauncherListItemCss = ":host{display:block;border-bottom:1px solid var(--sdds-nav-dropdown-item-border-color)}";
-
-const HeaderLauncherListItem = /*@__PURE__*/ proxyCustomElement(class HeaderLauncherListItem extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  render() {
-    return (h(Host, null, h("sdds-header-dropdown-list-item", { type: "lg" }, h("slot", null))));
-  }
-  static get style() { return headerLauncherListItemCss; }
-}, [1, "sdds-header-launcher-list-item"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-header-launcher-list-item", "sdds-header-dropdown-list-item"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-header-launcher-list-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HeaderLauncherListItem);
-      }
-      break;
-    case "sdds-header-dropdown-list-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const SddsHeaderLauncherListItem = HeaderLauncherListItem;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsHeaderLauncherListItem, defineCustomElement };

package/dist/components/sdds-header-launcher-list-title.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SddsHeaderLauncherListTitle extends Components.SddsHeaderLauncherListTitle, HTMLElement {}
-export const SddsHeaderLauncherListTitle: {
-  prototype: SddsHeaderLauncherListTitle;
-  new (): SddsHeaderLauncherListTitle;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/sdds-header-launcher-list-title.js

@@ -1,34 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const headerLauncherListTitleCss = ".sdds-header-launcher-list-title{all:unset;box-sizing:border-box;font:var(--sdds-detail-06);letter-spacing:var(--sdds-detail-06-ls);color:var(--sdds-header-app-launcher-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--sdds-nav-dropdown-item-border-color);margin:0}";
-
-const HeaderLauncherListTitle = /*@__PURE__*/ proxyCustomElement(class HeaderLauncherListTitle extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.uuid = crypto.randomUUID();
-  }
-  render() {
-    return (h(Host, null, h("h3", { class: "sdds-header-launcher-list-title", id: `sdds-${this.uuid}` }, h("slot", null))));
-  }
-  get host() { return this; }
-  static get style() { return headerLauncherListTitleCss; }
-}, [4, "sdds-header-launcher-list-title"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-header-launcher-list-title"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-header-launcher-list-title":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HeaderLauncherListTitle);
-      }
-      break;
-  } });
-}
-
-const SddsHeaderLauncherListTitle = HeaderLauncherListTitle;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsHeaderLauncherListTitle, defineCustomElement };

package/dist/components/sdds-header-launcher-list.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SddsHeaderLauncherList extends Components.SddsHeaderLauncherList, HTMLElement {}
-export const SddsHeaderLauncherList: {
-  prototype: SddsHeaderLauncherList;
-  new (): SddsHeaderLauncherList;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/sdds-header-launcher-list.js

@@ -1,36 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './header-dropdown-list.js';
-
-const HeaderLauncherList = /*@__PURE__*/ proxyCustomElement(class HeaderLauncherList extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.uuid = crypto.randomUUID();
-  }
-  render() {
-    return (h(Host, null, h("sdds-header-dropdown-list", { type: "lg" }, h("slot", null))));
-  }
-}, [4, "sdds-header-launcher-list"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-header-launcher-list", "sdds-header-dropdown-list"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-header-launcher-list":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HeaderLauncherList);
-      }
-      break;
-    case "sdds-header-dropdown-list":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const SddsHeaderLauncherList = HeaderLauncherList;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsHeaderLauncherList, defineCustomElement };

package/dist/components/sdds-header-launcher.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SddsHeaderLauncher extends Components.SddsHeaderLauncher, HTMLElement {}
-export const SddsHeaderLauncher: {
-  prototype: SddsHeaderLauncher;
-  new (): SddsHeaderLauncher;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/sdds-header-launcher.js

@@ -1,108 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { i as inheritAriaAttributes } from './utils.js';
-import { d as defineCustomElement$6 } from './core-header-item.js';
-import { d as defineCustomElement$5 } from './header-item.js';
-import { d as defineCustomElement$4 } from './header-launcher-button.js';
-import { d as defineCustomElement$3 } from './icon.js';
-import { d as defineCustomElement$2 } from './popover-canvas.js';
-
-const headerLauncherCss = ":host .wrapper{height:var(--sdds-header-height);position:relative}:host .wrapper .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--sdds-header-height));box-shadow:var(--sdds-nav-dropdown-menu-box);background-color:var(--sdds-header-app-launcher-menu-background);border-radius:0}:host .wrapper .menu::-webkit-scrollbar{width:4px;background-color:inherit}:host .wrapper .menu::-webkit-scrollbar-thumb{background-color:var(--sdds-grey-300)}:host .wrapper .menu ::-webkit-scrollbar-button{height:0;width:0}@media all and (max-width: 384px){:host .wrapper .menu{width:100vw}}:host .wrapper.state-list-type-menu .menu{height:calc(100vh - var(--sdds-header-height))}:host .wrapper.state-open .button{position:relative;z-index:801}";
-
-const HeaderLauncher = /*@__PURE__*/ proxyCustomElement(class HeaderLauncher extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.uuid = crypto.randomUUID();
-    this.open = false;
-    this.buttonEl = undefined;
-    this.hasListTypeMenu = false;
-  }
-  onAnyClick(event) {
-    // Source: https://lamplightdev.com/blog/2021/04/10/how-to-detect-clicks-outside-of-a-web-component/
-    const isClickOutside = !event.composedPath().includes(this.host);
-    if (isClickOutside) {
-      this.open = false;
-    }
-  }
-  componentDidLoad() {
-    const slotElement = this.host.shadowRoot.querySelector('slot:not([name])');
-    const slottedElements = slotElement.assignedElements();
-    const hasListTypeMenu = slottedElements.some((element) => element.tagName.toLowerCase() === 'sdds-header-launcher-list');
-    if (hasListTypeMenu) {
-      this.hasListTypeMenu = true;
-    }
-  }
-  toggleLauncher() {
-    this.open = !this.open;
-  }
-  render() {
-    this.ariaAttributes = Object.assign(Object.assign({}, this.ariaAttributes), inheritAriaAttributes(this.host, ['role']));
-    const buttonAttributes = Object.assign(Object.assign({}, this.ariaAttributes), { 'aria-expanded': `${this.open}`, 'aria-controls': `launcher-${this.uuid}`, 'class': 'button', 'active': this.open, 'onClick': () => {
-        this.toggleLauncher();
-      }, 'ref': (el) => {
-        this.buttonEl = el;
-      } });
-    return (h(Host, null, h("div", { class: {
-        'wrapper': true,
-        'state-open': this.open,
-        'state-list-type-menu': this.hasListTypeMenu,
-      } }, h("sdds-header-launcher-button", Object.assign({}, buttonAttributes)), this.buttonEl && (h("sdds-popover-canvas", { id: `sdds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
-        {
-          name: 'flip',
-          options: {
-            fallbackPlacements: [],
-          },
-        },
-      ] }, h("slot", null))))));
-  }
-  get host() { return this; }
-  static get style() { return headerLauncherCss; }
-}, [1, "sdds-header-launcher", {
-    "open": [32],
-    "buttonEl": [32],
-    "hasListTypeMenu": [32]
-  }, [[8, "click", "onAnyClick"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-header-launcher", "sdds-core-header-item", "sdds-header-item", "sdds-header-launcher-button", "sdds-icon", "sdds-popover-canvas"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-header-launcher":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HeaderLauncher);
-      }
-      break;
-    case "sdds-core-header-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "sdds-header-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "sdds-header-launcher-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "sdds-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "sdds-popover-canvas":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const SddsHeaderLauncher = HeaderLauncher;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsHeaderLauncher, defineCustomElement };

package/dist/components/sdds-header-title.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SddsHeaderTitle extends Components.SddsHeaderTitle, HTMLElement {}
-export const SddsHeaderTitle: {
-  prototype: SddsHeaderTitle;
-  new (): SddsHeaderTitle;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/sdds-header-title.js

@@ -1,33 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const headerTitleCss = ":host{display:block;flex-shrink:1;box-sizing:border-box;color:var(--sdds-header-nav-item-color);font-weight:normal;font-family:var(--sdds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host slot{display:block;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 16px}";
-
-const HeaderTitle = /*@__PURE__*/ proxyCustomElement(class HeaderTitle extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "component" }, h("slot", null))));
-  }
-  static get style() { return headerTitleCss; }
-}, [1, "sdds-header-title"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-header-title"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-header-title":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HeaderTitle);
-      }
-      break;
-  } });
-}
-
-const SddsHeaderTitle = HeaderTitle;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsHeaderTitle, defineCustomElement };

package/dist/components/sdds-header.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SddsHeader extends Components.SddsHeader, HTMLElement {}
-export const SddsHeader: {
-  prototype: SddsHeader;
-  new (): SddsHeader;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/sdds-header.js

@@ -1,55 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { u as updateListChildrenRoles, i as inheritAriaAttributes } from './utils.js';
-
-const headerComponentCss = "html,:root{--sdds-nav-dropdown-menu-box:0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);--sdds-nav-dropdown-item-border-radius:0 0 4px 4px;--sdds-font-family-headline:\"Scania Sans Headline\", arial, helvetica, sans-serif}sdds-header{display:block;height:var(--sdds-header-height);background-color:var(--sdds-header-background);width:100%;z-index:300}nav{box-sizing:border-box;background-color:var(--sdds-header-background);width:100%;display:block}nav *{box-sizing:border-box}nav .sdds-header-component-list{height:var(--sdds-header-height);all:unset;display:flex;justify-content:start;align-items:center}nav sdds-header-dropdown,nav sdds-header-item{display:none}nav .sdds-header-middle-spacer{all:unset;display:block;flex-grow:1;height:var(--sdds-header-height);border-right:1px solid var(--sdds-header--basic-element-border)}@media screen and (min-width: 992px){nav sdds-header-dropdown,nav sdds-header-item{display:block}}nav sdds-header-item:nth-child(3),nav sdds-header-dropdown:nth-child(3){border-left:1px solid var(--sdds-header--basic-element-border)}";
-
-const SddsHeader$1 = /*@__PURE__*/ proxyCustomElement(class SddsHeader extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    const callback = (mutationsList) => {
-      mutationsList.forEach((mutation) => {
-        if (mutation.type === 'childList') {
-          updateListChildrenRoles(mutation.target);
-        }
-      });
-    };
-    this.observer = new MutationObserver(callback);
-  }
-  componentDidLoad() {
-    const hostElement = this.host;
-    const navElement = hostElement.querySelector('.sdds-header-component-list');
-    this.observer.observe(navElement, {
-      childList: true,
-      subtree: false,
-    });
-    updateListChildrenRoles(navElement);
-  }
-  disconnectedCallback() {
-    this.observer.disconnect();
-  }
-  render() {
-    const navAttributes = Object.assign({}, inheritAriaAttributes(this.host));
-    return (h(Host, null, h("slot", { name: "hamburger" }), h("slot", { name: "title" }), h("nav", Object.assign({}, navAttributes), h("ul", { class: "sdds-header-component-list" }, h("slot", null), h("li", { class: "sdds-header-middle-spacer" }), h("slot", { name: "end" })))));
-  }
-  get host() { return this; }
-  static get style() { return headerComponentCss; }
-}, [4, "sdds-header"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-header"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-header":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SddsHeader$1);
-      }
-      break;
-  } });
-}
-
-const SddsHeader = SddsHeader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsHeader, defineCustomElement };