@scania/tegel 0.0.7 → 0.0.9

package/dist/components/sdds-side-menu-collapse-button.d.ts

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

package/dist/components/sdds-side-menu-collapse-button.js

@@ -1,55 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './side-menu-item.js';
-
-const sideMenuCollapseButtonCss = ":host{position:sticky;bottom:0;display:none;height:68px;border-top:1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top)}:host .icon{transform:rotateZ(90deg);transition:all 0.2s ease-in-out;width:20px;height:20px}:host .state-collapsed .icon{transform:translateX(-50%) rotateZ(90deg) rotateX(180deg);color:var(--sdds-sidebar-side-menu-single-item-color);margin-left:0;position:absolute;left:50%}@media (min-width: 992px){:host{display:block}}";
-
-const SideMenuCollapseButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.collapsed = false;
-  }
-  collapsedSideMenuEventHandler(event) {
-    this.collapsed = event.detail.collapsed;
-  }
-  connectedCallback() {
-    this.sideMenuEl = this.host.closest('sdds-side-menu');
-    this.collapsed = this.sideMenuEl.collapsed;
-  }
-  render() {
-    return (h(Host, { role: "button", tabindex: "0" }, h("div", { class: {
-        'wrapper': true,
-        'state-collapsed': this.collapsed,
-      } }, h("sdds-side-menu-item", { class: {
-        button: true,
-      } }, h("a", null, h("svg", { class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), "Collapse")))));
-  }
-  get host() { return this; }
-  static get style() { return sideMenuCollapseButtonCss; }
-}, [1, "sdds-side-menu-collapse-button", {
-    "collapsed": [32]
-  }, [[16, "sddsSideMenuCollapsed", "collapsedSideMenuEventHandler"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-side-menu-collapse-button", "sdds-side-menu-item"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-side-menu-collapse-button":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SideMenuCollapseButton);
-      }
-      break;
-    case "sdds-side-menu-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const SddsSideMenuCollapseButton = SideMenuCollapseButton;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsSideMenuCollapseButton, defineCustomElement };

package/dist/components/sdds-side-menu-dropdown-list-item.d.ts

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

package/dist/components/sdds-side-menu-dropdown-list-item.js

@@ -1,64 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const sideMenuDropdownListItemCss = ":host{display:block;box-sizing:border-box;height:48px;width:100%}:host .component{height:100%;width:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--sdds-nav-item-border-color);display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);background-color:var(--sdds-header-nav-item-dropdown-opened-background);color:var(--sdds-header-nav-item-dropdown-opened-color);border:none}:host .component ::slotted(a:hover),:host .component ::slotted(button:hover){background-color:var(--sdds-nav-item-background-hover);cursor:pointer}:host .component ::slotted(a:focus-visible){outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host .component.component-selected ::slotted(a),:host .component.component-selected ::slotted(button){border-left:4px solid var(--sdds-nav-item-border-color-active);padding-left:20px;background-color:var(--sdds-nav-item-background-selected)}:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(button){padding-left:56px}";
-
-const SideMenuDropdownListItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.selected = false;
-    this.dropdownHasIcon = false;
-    this.collapsed = false;
-  }
-  collapsedSideMenuEventHandeler(event) {
-    this.collapsed = event.detail.collapsed;
-  }
-  connectedCallback() {
-    this.sideMenuEl = this.host.closest('sdds-side-menu');
-    this.collapsed = this.sideMenuEl.collapsed;
-  }
-  componentDidLoad() {
-    var _a;
-    const dropdownEl = this.host.closest('sdds-side-menu-dropdown');
-    const dropdownBtnIconSlotEl = dropdownEl.shadowRoot.querySelector('slot[name="button-icon"]');
-    const btnIconSlottedEls = dropdownBtnIconSlotEl.assignedElements();
-    const hasBtnIcon = (btnIconSlottedEls === null || btnIconSlottedEls === void 0 ? void 0 : btnIconSlottedEls.length) > 0;
-    const btnIconIsUserImage = ((_a = btnIconSlottedEls === null || btnIconSlottedEls === void 0 ? void 0 : btnIconSlottedEls[0]) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase()) === 'sdds-side-menu-user-image';
-    if (hasBtnIcon && !btnIconIsUserImage) {
-      this.dropdownHasIcon = true;
-    }
-  }
-  render() {
-    return (h(Host, { role: "listitem" }, h("div", { class: {
-        'component': true,
-        'component-selected': this.selected,
-        'component-dropdown-has-icon': this.dropdownHasIcon,
-        'component-collapsed': this.collapsed,
-      } }, h("slot", null))));
-  }
-  get host() { return this; }
-  static get style() { return sideMenuDropdownListItemCss; }
-}, [1, "sdds-side-menu-dropdown-list-item", {
-    "selected": [4],
-    "dropdownHasIcon": [32],
-    "collapsed": [32]
-  }, [[16, "sddsSideMenuCollapsed", "collapsedSideMenuEventHandeler"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-side-menu-dropdown-list-item"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-side-menu-dropdown-list-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SideMenuDropdownListItem);
-      }
-      break;
-  } });
-}
-
-const SddsSideMenuDropdownListItem = SideMenuDropdownListItem;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsSideMenuDropdownListItem, defineCustomElement };

package/dist/components/sdds-side-menu-dropdown-list.d.ts

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

package/dist/components/sdds-side-menu-dropdown-list.js

@@ -1,46 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const sideMenuDropdownListCss = ":host{display:block;width:190px}:host [role=list]{padding:0;margin:0;list-style:none;border-radius:none;background-color:var(--sdds-header-app-launcher-menu-bg)}:host .state-collapsed ::slotted(*){border-bottom:1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top)}";
-
-const SideMenuDropdownList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.collapsed = false;
-  }
-  collapsedSideMenuEventHandler(event) {
-    this.collapsed = event.detail.collapsed;
-  }
-  connectedCallback() {
-    this.sideMenuEl = this.host.closest('sdds-side-menu');
-    this.collapsed = this.sideMenuEl.collapsed;
-  }
-  render() {
-    return (h(Host, { role: "list" }, h("div", { class: {
-        'state-collapsed': this.collapsed,
-      } }, h("slot", null))));
-  }
-  get host() { return this; }
-  static get style() { return sideMenuDropdownListCss; }
-}, [1, "sdds-side-menu-dropdown-list", {
-    "collapsed": [32]
-  }, [[16, "sddsSideMenuCollapsed", "collapsedSideMenuEventHandler"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-side-menu-dropdown-list"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-side-menu-dropdown-list":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SideMenuDropdownList);
-      }
-      break;
-  } });
-}
-
-const SddsSideMenuDropdownList = SideMenuDropdownList;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsSideMenuDropdownList, defineCustomElement };

package/dist/components/sdds-side-menu-dropdown.d.ts

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

package/dist/components/sdds-side-menu-dropdown.js

@@ -1,101 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host, Fragment } from '@stencil/core/internal/client';
-import { d as defineCustomElement$3 } from './icon.js';
-import { d as defineCustomElement$2 } from './side-menu-item.js';
-
-const sideMenuDropdownCss = ":host{display:block}:host .wrapper{display:flex;flex-direction:column}:host .dropdown-icon{margin-left:auto;transition:all 0.2s ease-in-out}:host .state-open .dropdown-icon{transform:rotateZ(180deg)}:host .state-open .menu{display:block}:host .state-collapsed .menu{--side-menu-width:68px;position:absolute;left:var(--side-menu-width);box-shadow:var(--sdds-nav-dropdown-menu-box);background-color:var(--sdds-header-app-launcher-menu-background)}:host .state-collapsed .menu .heading-collapsed{all:unset;box-sizing:border-box;padding:16px 24px 15px;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top);font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls)}:host :not(.state-collapsed) .menu ::slotted(sdds-side-menu-dropdown-list){width:100%}:host .menu{display:none;flex-direction:column}";
-
-const SideMenuDropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.defaultOpen = false;
-    this.buttonLabel = undefined;
-    this.selected = false;
-    this.open = false;
-    this.hoverState = undefined;
-    this.collapsed = false;
-  }
-  collapsedSideMenuEventHandler(event) {
-    this.collapsed = event.detail.collapsed;
-  }
-  onEventPointerEnter() {
-    this.setHoverStateOpen();
-  }
-  onEventFocus() {
-    this.setHoverStateOpen();
-  }
-  onEventPointerLeave() {
-    this.setHoverStateClosed();
-  }
-  onEventBlur() {
-    this.setHoverStateClosed();
-  }
-  setHoverStateOpen() {
-    this.hoverState = { isHovered: true, updatedAt: Date.now() };
-  }
-  setHoverStateClosed() {
-    const leftAt = Date.now();
-    const toleranceInMilliseconds = 150;
-    setTimeout(() => {
-      if (this.hoverState.isHovered && this.hoverState.updatedAt < leftAt) {
-        this.hoverState = { isHovered: false, updatedAt: Date.now() };
-      }
-    }, toleranceInMilliseconds);
-  }
-  getIsOpenState() {
-    var _a;
-    return this.collapsed ? (_a = this.hoverState) === null || _a === void 0 ? void 0 : _a.isHovered : this.open;
-  }
-  connectedCallback() {
-    this.sideMenuEl = this.host.closest('sdds-side-menu');
-    this.collapsed = this.sideMenuEl.collapsed;
-    this.open = this.defaultOpen;
-  }
-  render() {
-    return (h(Host, null, h("div", { class: {
-        'wrapper': true,
-        'state-open': this.getIsOpenState(),
-        'state-collapsed': this.collapsed,
-      } }, h("sdds-side-menu-item", { class: "button", active: this.getIsOpenState(), selected: this.selected, onClick: () => {
-        this.open = !this.open;
-      } }, h("button", null, h("slot", { name: "button-icon" }), !this.collapsed && (h(Fragment, null, this.buttonLabel, h("slot", { name: "button-label" }), h("sdds-icon", { class: "dropdown-icon", name: "chevron_down", size: "16px" }))))), h("div", { class: "menu" }, this.collapsed && (h("h3", { class: "heading-collapsed" }, this.buttonLabel, h("slot", { name: "button-label" }))), h("slot", null)))));
-  }
-  get host() { return this; }
-  static get style() { return sideMenuDropdownCss; }
-}, [1, "sdds-side-menu-dropdown", {
-    "defaultOpen": [4, "default-open"],
-    "buttonLabel": [1, "button-label"],
-    "selected": [4],
-    "open": [32],
-    "hoverState": [32],
-    "collapsed": [32]
-  }, [[16, "sddsSideMenuCollapsed", "collapsedSideMenuEventHandler"], [1, "pointerenter", "onEventPointerEnter"], [0, "focusin", "onEventFocus"], [1, "pointerleave", "onEventPointerLeave"], [0, "focusout", "onEventBlur"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-side-menu-dropdown", "sdds-icon", "sdds-side-menu-item"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-side-menu-dropdown":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SideMenuDropdown);
-      }
-      break;
-    case "sdds-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "sdds-side-menu-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const SddsSideMenuDropdown = SideMenuDropdown;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsSideMenuDropdown, defineCustomElement };

package/dist/components/sdds-side-menu-item.d.ts

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

package/dist/components/sdds-side-menu-item.js

@@ -1,6 +0,0 @@
-import { S as SddsSideMenuItem$1, d as defineCustomElement$1 } from './side-menu-item.js';
-
-const SddsSideMenuItem = SddsSideMenuItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsSideMenuItem, defineCustomElement };

package/dist/components/sdds-side-menu-overlay.d.ts

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

package/dist/components/sdds-side-menu-overlay.js

@@ -1,33 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const sideMenuOverlayCss = ":host{position:absolute;width:100%;height:100%;background-color:black;transition:opacity 0.4s linear;opacity:0}";
-
-const SideMenuOverlay = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  render() {
-    return (h(Host, null, h("div", null)));
-  }
-  static get style() { return sideMenuOverlayCss; }
-}, [1, "sdds-side-menu-overlay"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-side-menu-overlay"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-side-menu-overlay":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SideMenuOverlay);
-      }
-      break;
-  } });
-}
-
-const SddsSideMenuOverlay = SideMenuOverlay;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsSideMenuOverlay, defineCustomElement };

package/dist/components/sdds-side-menu-user-image.d.ts

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

package/dist/components/sdds-side-menu-user-image.js

@@ -1,6 +0,0 @@
-import { S as SideMenuUserImage, d as defineCustomElement$1 } from './side-menu-user-image.js';
-
-const SddsSideMenuUserImage = SideMenuUserImage;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsSideMenuUserImage, defineCustomElement };

package/dist/components/sdds-side-menu-user-label.d.ts

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

package/dist/components/sdds-side-menu-user-label.js

@@ -1,6 +0,0 @@
-import { S as SideMenuUserLabel, d as defineCustomElement$1 } from './side-menu-user-label.js';
-
-const SddsSideMenuUserLabel = SideMenuUserLabel;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsSideMenuUserLabel, defineCustomElement };

package/dist/components/sdds-side-menu-user.d.ts

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

package/dist/components/sdds-side-menu-user.js

@@ -1,54 +0,0 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$3 } from './side-menu-user-image.js';
-import { d as defineCustomElement$2 } from './side-menu-user-label.js';
-
-const sideMenuUserCss = ":host{display:flex;align-items:center;gap:12px;height:68px}:host sdds-side-menu-user-image{margin-left:-4px}";
-
-const SideMenuUser = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.heading = undefined;
-    this.subheading = undefined;
-    this.imgSrc = undefined;
-    this.imgAlt = undefined;
-  }
-  render() {
-    return (h(Host, null, h("sdds-side-menu-user-image", { src: this.imgSrc, alt: this.imgAlt }, h("slot", { name: "image" })), h("sdds-side-menu-user-label", { heading: this.heading, subheading: this.subheading })));
-  }
-  static get style() { return sideMenuUserCss; }
-}, [1, "sdds-side-menu-user", {
-    "heading": [1],
-    "subheading": [1],
-    "imgSrc": [1, "img-src"],
-    "imgAlt": [1, "img-alt"]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-side-menu-user", "sdds-side-menu-user-image", "sdds-side-menu-user-label"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-side-menu-user":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SideMenuUser);
-      }
-      break;
-    case "sdds-side-menu-user-image":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "sdds-side-menu-user-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const SddsSideMenuUser = SideMenuUser;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsSideMenuUser, defineCustomElement };

package/dist/components/sdds-side-menu.d.ts

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

package/dist/components/sdds-side-menu.js

@@ -1,131 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as dfs, b as isFocusable } from './utils.js';
-
-const sideMenuCss = ":host([open]){pointer-events:auto;z-index:301}:host{pointer-events:none;display:block;position:fixed;top:0;width:100%;height:100%}:host .wrapper{height:inherit;}:host .wrapper slot:not([name])::slotted(*){border-bottom:1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper ::slotted([slot=end]){border-top:1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper .sdds-side-menu-list-end{margin-top:68px}:host .state-closed{display:none}:host .state-open slot[name=overlay]::slotted(sdds-side-menu-overlay){opacity:0.4}:host .state-open slot[name=close-button]::slotted(sdds-side-menu-close-button){opacity:1}:host .state-open .sdds-side-menu-wrapper{transform:scaleY(1)}:host .state-upper-slot-empty .sdds-side-menu-list-upper{display:none}:host .state-upper-slot-empty .sdds-side-menu-list-end{margin-top:0}:host .state-upper-slot-empty ::slotted([slot=end]){border-top:none;border-bottom:1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top)}@media (min-width: 992px){:host([persistent]){pointer-events:auto;position:static;width:272px;height:auto;border-right:1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top)}:host([persistent]) .wrapper slot[name=overlay]::slotted(sdds-side-menu-overlay){display:none}:host([persistent]) .wrapper slot[name=close-button]::slotted(sdds-side-menu-close-button){display:none}:host([persistent]) .wrapper .sdds-side-menu-wrapper{transform:none}:host([persistent]) .menu{width:272px}:host([persistent]) .state-closed{display:block}:host([persistent]):host([collapsed]){width:69px}:host([persistent]):host([collapsed]) .menu{width:68px}:host([persistent]) slot[name=end]::slotted(*){display:none}}.menu{width:80%;height:inherit;position:relative;left:0;display:flex;flex-direction:column;justify-content:space-between}.menu *{padding:0;margin:0;box-sizing:border-box}@media (max-width: 384px){.menu{width:100%}}aside .sdds-side-menu-wrapper{display:flex;justify-content:space-between;flex-direction:column;flex-grow:1;background-color:var(--sdds-sidebar-side-menu-background-cover);transition:transform 250ms ease;transform-origin:top;transform:scaleY(0);overflow-y:auto}aside .sdds-side-menu-wrapper::-webkit-scrollbar{width:4px;background-color:inherit}aside .sdds-side-menu-wrapper::-webkit-scrollbar-thumb{background-color:var(--sdds-grey-300)}aside .sdds-side-menu-wrapper ::-webkit-scrollbar-button{height:0;width:0}";
-
-const GRID_LG_BREAKPOINT = '992px';
-const OPENING_ANIMATION_DURATION = 400;
-const INITIALIZE_ANIMATION_DELAY = 500;
-const SddsSideMenu$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.collapsedEventEmitter = createEvent(this, "sddsSideMenuCollapsed", 7);
-    this.handleMatchesLgBreakpointChange = (e) => {
-      const isBelowLg = !e.matches;
-      if (isBelowLg) {
-        this.collapsed = false;
-      }
-    };
-    this.open = false;
-    this.persistent = false;
-    this.collapsed = false;
-    this.isUpperSlotEmpty = false;
-    this.isClosed = true;
-    this.isOpen = false;
-    this.isClosing = false;
-    this.isOpening = false;
-  }
-  connectedCallback() {
-    this.collapsedEventEmitter.emit({
-      collapsed: this.collapsed,
-    });
-    this.matchesLgBreakpointMq = window.matchMedia(`(min-width: ${GRID_LG_BREAKPOINT})`);
-    this.matchesLgBreakpointMq.addEventListener('change', this.handleMatchesLgBreakpointChange);
-  }
-  componentDidLoad() {
-    setTimeout(() => this.onOpenChange(this.open), INITIALIZE_ANIMATION_DELAY);
-    const upperSlot = this.host.shadowRoot.querySelector('slot:not([name])');
-    const upperSlotElements = upperSlot.assignedElements();
-    const hasUpperSlotElements = (upperSlotElements === null || upperSlotElements === void 0 ? void 0 : upperSlotElements.length) > 0;
-    if (!hasUpperSlotElements) {
-      this.isUpperSlotEmpty = true;
-    }
-  }
-  disconnectedCallback() {
-    this.matchesLgBreakpointMq.removeEventListener('change', this.handleMatchesLgBreakpointChange);
-  }
-  onOpenChange(newVal, oldVal) {
-    if (newVal && !oldVal) {
-      this.setOpening();
-    }
-    if (!newVal && oldVal) {
-      this.setClosing();
-    }
-  }
-  onCollapsedChange(newVal) {
-    this.collapsedEventEmitter.emit({
-      collapsed: newVal,
-    });
-  }
-  onIsOpenChange(newVal) {
-    if (newVal) {
-      const firstFocusableElement = dfs(this.host, isFocusable, true);
-      firstFocusableElement.focus();
-    }
-  }
-  async setOpening() {
-    this.isClosed = false;
-    await new Promise((resolve) => {
-      setTimeout(resolve, 0);
-    });
-    this.isOpening = true;
-    await new Promise((resolve) => {
-      setTimeout(resolve, OPENING_ANIMATION_DURATION);
-    });
-    this.isOpening = false;
-    this.isOpen = true;
-  }
-  async setClosing() {
-    this.isOpen = false;
-    this.isClosing = true;
-    await new Promise((resolve) => {
-      setTimeout(resolve, OPENING_ANIMATION_DURATION);
-    });
-    this.isClosing = false;
-    this.isClosed = true;
-  }
-  render() {
-    return (h(Host, { role: "navigation" }, h("div", { class: {
-        'wrapper': true,
-        'state-upper-slot-empty': this.isUpperSlotEmpty,
-        'state-open': this.isOpen || this.isOpening,
-        'state-closed': this.isClosed,
-      } }, h("slot", { name: "overlay" }), h("aside", { class: `menu` }, h("slot", { name: "close-button" }), h("div", { class: "sdds-side-menu-wrapper" }, h("ul", { class: `sdds-side-menu-list sdds-side-menu-list-upper` }, h("slot", null)), h("ul", { class: `sdds-side-menu-list sdds-side-menu-list-end` }, h("slot", { name: "end" }))), h("slot", { name: "sticky-end" })))));
-  }
-  get host() { return this; }
-  static get watchers() { return {
-    "open": ["onOpenChange"],
-    "collapsed": ["onCollapsedChange"],
-    "isOpening": ["onIsOpenChange"]
-  }; }
-  static get style() { return sideMenuCss; }
-}, [1, "sdds-side-menu", {
-    "open": [516],
-    "persistent": [516],
-    "collapsed": [516],
-    "isUpperSlotEmpty": [32],
-    "isClosed": [32],
-    "isOpen": [32],
-    "isClosing": [32],
-    "isOpening": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["sdds-side-menu"];
-  components.forEach(tagName => { switch (tagName) {
-    case "sdds-side-menu":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SddsSideMenu$1);
-      }
-      break;
-  } });
-}
-
-const SddsSideMenu = SddsSideMenu$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SddsSideMenu, defineCustomElement };

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

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