@scania/tegel 1.24.0-value-prop.beta.6 → 1.25.0-beta.0

package/dist/types/components.d.ts

@@ -11,12 +11,14 @@ import { CollapseEvent, InternalTdsSideMenuPropChange } from "./components/side-
 import { CollapseEvent as CollapseEvent1 } from "./components/side-menu/side-menu";
 import { InternalTdsStepperPropChange } from "./components/stepper/stepper";
 import { InternalTdsTablePropChange } from "./components/table/table/table";
+import { Placement as Placement1 } from "./types/Tooltip";
 export { IconNames } from "./types/Icons";
 export { Placement } from "@popperjs/core";
 export { CollapseEvent, InternalTdsSideMenuPropChange } from "./components/side-menu/side-menu";
 export { CollapseEvent as CollapseEvent1 } from "./components/side-menu/side-menu";
 export { InternalTdsStepperPropChange } from "./components/stepper/stepper";
 export { InternalTdsTablePropChange } from "./components/table/table/table";
+export { Placement as Placement1 } from "./types/Tooltip";
 export namespace Components {
     interface TdsAccordion {
         /**
@@ -29,6 +31,10 @@ export namespace Components {
         "modeVariant": 'primary' | 'secondary';
     }
     interface TdsAccordionItem {
+        /**
+          * Specifies the heading level (aria-level) for accessibility. Only accepts values between 1 and 6.
+         */
+        "ariaLevelValue": '1' | '2' | '3' | '4' | '5' | '6';
         /**
           * Disabled option in `boolean`.
          */
@@ -63,6 +69,10 @@ export namespace Components {
           * Sets component size.
          */
         "size": 'lg' | 'sm';
+        /**
+          * Defines aria-live attribute
+         */
+        "tdsAriaLive": 'off' | 'polite' | 'assertive';
         /**
           * Value shown in Badge
          */
@@ -89,6 +99,10 @@ export namespace Components {
           * Name of the icon for the component. For error and information variant, the icon is predefined.
          */
         "icon": IconNames;
+        /**
+          * Defines the ARIA role of the banner. Defaults to "banner" for global use, but can be set to "region" or "alert" if used differently.
+         */
+        "roleType": 'banner' | 'region' | 'alert';
         /**
           * Shows the Banner
          */
@@ -102,7 +116,23 @@ export namespace Components {
          */
         "variant": 'error' | 'information' | 'default';
     }
+    /**
+     * @example <tds-block>
+     *   <section>Semantic section content</section>
+     * </tds-block>
+     */
     interface TdsBlock {
+        /**
+          * Specifies the HTML tag to be used for the component wrapper.
+         */
+        "componentTag": | 'section'
+    | 'div'
+    | 'article'
+    | 'aside'
+    | 'header'
+    | 'footer'
+    | 'nav'
+    | 'main';
         /**
           * Mode variant of the component, based on current mode.
          */
@@ -133,6 +163,10 @@ export namespace Components {
         "current": boolean;
     }
     interface TdsBreadcrumbs {
+        /**
+          * The value to be used for the aria-label attribute
+         */
+        "tdsAriaLabel": string;
     }
     interface TdsButton {
         /**
@@ -155,6 +189,10 @@ export namespace Components {
           * Size of a Button
          */
         "size": 'xs' | 'sm' | 'md' | 'lg';
+        /**
+          * The value to be used for the aria-label attribute if onlyIcon is set to true
+         */
+        "tdsAriaLabel": string;
         /**
           * Text displayed inside the Button
          */
@@ -279,7 +317,7 @@ export namespace Components {
          */
         "autofocus": boolean;
         /**
-          * Default value of the component. Format for time: HH-MM. Format for date: YY-MM-DD. Format for date-time: YY-MM-DDTHH-MM
+          * Default value of the component. Format for time: HH-MM. Format for date: YY-MM-DD. Format for month: YY-MM. Format for week: YY-Www  Format for date-time: YY-MM-DDTHH-MM
          */
         "defaultValue": string | 'none';
         /**
@@ -333,7 +371,7 @@ export namespace Components {
         /**
           * Sets an input type
          */
-        "type": 'datetime-local' | 'date' | 'time';
+        "type": 'datetime-local' | 'date' | 'month' | 'week' | 'time';
         /**
           * Value of the input text
          */
@@ -349,13 +387,13 @@ export namespace Components {
         "animation": 'none' | 'slide';
         "appendValue": (value: string) => Promise<void>;
         /**
-          * Method for closing the Dropdown.
+          * Method for setting the value of the Dropdown.  Single selection example:  <code> dropdown.setValue('option-1', 'Option 1'); </code>  Multiselect example:  <code> dropdown.setValue(['option-1', 'option-2']); </code>
          */
         "close": () => Promise<void>;
         /**
           * Default value selected in the Dropdown.
          */
-        "defaultValue": string;
+        "defaultValue": string | number;
         /**
           * Sets the Dropdown in a disabled state
          */
@@ -414,15 +452,15 @@ export namespace Components {
         "placeholder": string;
         "removeValue": (oldValue: string) => Promise<void>;
         "reset": () => Promise<void>;
-        "setValue": (value: string | string[]) => Promise<{ value: string; label: string; }[]>;
+        "setValue": (value: string | number | string[] | number[]) => Promise<{ value: string | number; label: string; }[]>;
         /**
           * The size of the Dropdown.
          */
         "size": 'xs' | 'sm' | 'md' | 'lg';
         /**
-          * Value of the dropdown. For multiselect, provide array of strings. For single select, provide a string.
+          * Value of the dropdown. For multiselect, provide array of strings/numbers. For single select, provide a string/number.
          */
-        "value": string | string[];
+        "value": string | number | (string | number)[];
     }
     interface TdsDropdownOption {
         /**
@@ -434,9 +472,9 @@ export namespace Components {
          */
         "setSelected": (selected: boolean) => Promise<void>;
         /**
-          * Value for the Dropdown option.
+          * Value of the dropdown option
          */
-        "value": string;
+        "value": string | number;
     }
     interface TdsFolderTab {
         /**
@@ -1498,6 +1536,10 @@ export namespace Components {
           * Size of the Toggle
          */
         "size": 'sm' | 'lg';
+        /**
+          * Defines aria-label attribute for input
+         */
+        "tdsAriaLabel": string;
         /**
           * Toggles the Toggle.
          */
@@ -1549,6 +1591,18 @@ export namespace Components {
          */
         "trigger": 'click' | 'hover';
     }
+    interface TdsTooltipBeta {
+        "defaultShow": boolean;
+        "mouseOverTooltip": boolean;
+        "offsetDistance": number;
+        "offsetSkidding": number;
+        "placement": Placement1;
+        "referenceEl"?: HTMLElement | null;
+        "selector": string;
+        "show": boolean;
+        "text": string;
+        "trigger": 'click' | 'hover';
+    }
 }
 export interface TdsAccordionItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -1717,6 +1771,11 @@ declare global {
         prototype: HTMLTdsBannerElement;
         new (): HTMLTdsBannerElement;
     };
+    /**
+     * @example <tds-block>
+     *   <section>Semantic section content</section>
+     * </tds-block>
+     */
     interface HTMLTdsBlockElement extends Components.TdsBlock, HTMLStencilElement {
     }
     var HTMLTdsBlockElement: {
@@ -1799,7 +1858,7 @@ declare global {
         "internalRadioOnChange": {
     chipId: string;
     checked: boolean;
-    groupName: string
+    groupName: string;
   };
         "tdsClick": {
     chipId: string;
@@ -1859,10 +1918,6 @@ declare global {
         "tdsFocus": FocusEvent;
         "tdsBlur": FocusEvent;
         "tdsInput": InputEvent;
-        "tdsValueChange": {
-    name: string;
-    value: string;
-  };
     }
     interface HTMLTdsDropdownElement extends Components.TdsDropdown, HTMLStencilElement {
         addEventListener<K extends keyof HTMLTdsDropdownElementEventMap>(type: K, listener: (this: HTMLTdsDropdownElement, ev: TdsDropdownCustomEvent<HTMLTdsDropdownElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2588,6 +2643,12 @@ declare global {
         prototype: HTMLTdsTooltipElement;
         new (): HTMLTdsTooltipElement;
     };
+    interface HTMLTdsTooltipBetaElement extends Components.TdsTooltipBeta, HTMLStencilElement {
+    }
+    var HTMLTdsTooltipBetaElement: {
+        prototype: HTMLTdsTooltipBetaElement;
+        new (): HTMLTdsTooltipBetaElement;
+    };
     interface HTMLElementTagNameMap {
         "tds-accordion": HTMLTdsAccordionElement;
         "tds-accordion-item": HTMLTdsAccordionItemElement;
@@ -2671,6 +2732,7 @@ declare global {
         "tds-toast": HTMLTdsToastElement;
         "tds-toggle": HTMLTdsToggleElement;
         "tds-tooltip": HTMLTdsTooltipElement;
+        "tds-tooltip-beta": HTMLTdsTooltipBetaElement;
     }
 }
 declare namespace LocalJSX {
@@ -2685,6 +2747,10 @@ declare namespace LocalJSX {
         "modeVariant"?: 'primary' | 'secondary';
     }
     interface TdsAccordionItem {
+        /**
+          * Specifies the heading level (aria-level) for accessibility. Only accepts values between 1 and 6.
+         */
+        "ariaLevelValue"?: '1' | '2' | '3' | '4' | '5' | '6';
         /**
           * Disabled option in `boolean`.
          */
@@ -2721,6 +2787,10 @@ declare namespace LocalJSX {
           * Sets component size.
          */
         "size"?: 'lg' | 'sm';
+        /**
+          * Defines aria-live attribute
+         */
+        "tdsAriaLive"?: 'off' | 'polite' | 'assertive';
         /**
           * Value shown in Badge
          */
@@ -2749,6 +2819,10 @@ declare namespace LocalJSX {
         "onTdsClose"?: (event: TdsBannerCustomEvent<{
     bannerId: string;
   }>) => void;
+        /**
+          * Defines the ARIA role of the banner. Defaults to "banner" for global use, but can be set to "region" or "alert" if used differently.
+         */
+        "roleType"?: 'banner' | 'region' | 'alert';
         /**
           * Subheader text.
          */
@@ -2758,7 +2832,23 @@ declare namespace LocalJSX {
          */
         "variant"?: 'error' | 'information' | 'default';
     }
+    /**
+     * @example <tds-block>
+     *   <section>Semantic section content</section>
+     * </tds-block>
+     */
     interface TdsBlock {
+        /**
+          * Specifies the HTML tag to be used for the component wrapper.
+         */
+        "componentTag"?: | 'section'
+    | 'div'
+    | 'article'
+    | 'aside'
+    | 'header'
+    | 'footer'
+    | 'nav'
+    | 'main';
         /**
           * Mode variant of the component, based on current mode.
          */
@@ -2789,6 +2879,10 @@ declare namespace LocalJSX {
         "current"?: boolean;
     }
     interface TdsBreadcrumbs {
+        /**
+          * The value to be used for the aria-label attribute
+         */
+        "tdsAriaLabel"?: string;
     }
     interface TdsButton {
         /**
@@ -2811,6 +2905,10 @@ declare namespace LocalJSX {
           * Size of a Button
          */
         "size"?: 'xs' | 'sm' | 'md' | 'lg';
+        /**
+          * The value to be used for the aria-label attribute if onlyIcon is set to true
+         */
+        "tdsAriaLabel"?: string;
         /**
           * Text displayed inside the Button
          */
@@ -2968,7 +3066,7 @@ declare namespace LocalJSX {
          */
         "autofocus"?: boolean;
         /**
-          * Default value of the component. Format for time: HH-MM. Format for date: YY-MM-DD. Format for date-time: YY-MM-DDTHH-MM
+          * Default value of the component. Format for time: HH-MM. Format for date: YY-MM-DD. Format for month: YY-MM. Format for week: YY-Www  Format for date-time: YY-MM-DDTHH-MM
          */
         "defaultValue"?: string | 'none';
         /**
@@ -3030,7 +3128,7 @@ declare namespace LocalJSX {
         /**
           * Sets an input type
          */
-        "type"?: 'datetime-local' | 'date' | 'time';
+        "type"?: 'datetime-local' | 'date' | 'month' | 'week' | 'time';
         /**
           * Value of the input text
          */
@@ -3047,7 +3145,7 @@ declare namespace LocalJSX {
         /**
           * Default value selected in the Dropdown.
          */
-        "defaultValue"?: string;
+        "defaultValue"?: string | number;
         /**
           * Sets the Dropdown in a disabled state
          */
@@ -3111,13 +3209,6 @@ declare namespace LocalJSX {
           * Input event for the Dropdown.
          */
         "onTdsInput"?: (event: TdsDropdownCustomEvent<InputEvent>) => void;
-        /**
-          * Value change event for the Dropdown.
-         */
-        "onTdsValueChange"?: (event: TdsDropdownCustomEvent<{
-    name: string;
-    value: string;
-  }>) => void;
         /**
           * The direction the Dropdown should open, auto if not specified.
          */
@@ -3131,9 +3222,9 @@ declare namespace LocalJSX {
          */
         "size"?: 'xs' | 'sm' | 'md' | 'lg';
         /**
-          * Value of the dropdown. For multiselect, provide array of strings. For single select, provide a string.
+          * Value of the dropdown. For multiselect, provide array of strings/numbers. For single select, provide a string/number.
          */
-        "value"?: string | string[];
+        "value"?: string | number | (string | number)[];
     }
     interface TdsDropdownOption {
         /**
@@ -3156,9 +3247,9 @@ declare namespace LocalJSX {
     value: string;
   }>) => void;
         /**
-          * Value for the Dropdown option.
+          * Value of the dropdown option
          */
-        "value"?: string;
+        "value"?: string | number;
     }
     interface TdsFolderTab {
         /**
@@ -4285,6 +4376,10 @@ declare namespace LocalJSX {
           * Size of the Toggle
          */
         "size"?: 'sm' | 'lg';
+        /**
+          * Defines aria-label attribute for input
+         */
+        "tdsAriaLabel"?: string;
         /**
           * ID of the Toggle's input element, if not specified, it's randomly generated
          */
@@ -4332,6 +4427,18 @@ declare namespace LocalJSX {
          */
         "trigger"?: 'click' | 'hover';
     }
+    interface TdsTooltipBeta {
+        "defaultShow"?: boolean;
+        "mouseOverTooltip"?: boolean;
+        "offsetDistance"?: number;
+        "offsetSkidding"?: number;
+        "placement"?: Placement1;
+        "referenceEl"?: HTMLElement | null;
+        "selector"?: string;
+        "show"?: boolean;
+        "text"?: string;
+        "trigger"?: 'click' | 'hover';
+    }
     interface IntrinsicElements {
         "tds-accordion": TdsAccordion;
         "tds-accordion-item": TdsAccordionItem;
@@ -4415,6 +4522,7 @@ declare namespace LocalJSX {
         "tds-toast": TdsToast;
         "tds-toggle": TdsToggle;
         "tds-tooltip": TdsTooltip;
+        "tds-tooltip-beta": TdsTooltipBeta;
     }
 }
 export { LocalJSX as JSX };
@@ -4425,6 +4533,11 @@ declare module "@stencil/core" {
             "tds-accordion-item": LocalJSX.TdsAccordionItem & JSXBase.HTMLAttributes<HTMLTdsAccordionItemElement>;
             "tds-badge": LocalJSX.TdsBadge & JSXBase.HTMLAttributes<HTMLTdsBadgeElement>;
             "tds-banner": LocalJSX.TdsBanner & JSXBase.HTMLAttributes<HTMLTdsBannerElement>;
+            /**
+             * @example <tds-block>
+             *   <section>Semantic section content</section>
+             * </tds-block>
+             */
             "tds-block": LocalJSX.TdsBlock & JSXBase.HTMLAttributes<HTMLTdsBlockElement>;
             "tds-body-cell": LocalJSX.TdsBodyCell & JSXBase.HTMLAttributes<HTMLTdsBodyCellElement>;
             "tds-breadcrumb": LocalJSX.TdsBreadcrumb & JSXBase.HTMLAttributes<HTMLTdsBreadcrumbElement>;
@@ -4503,6 +4616,7 @@ declare module "@stencil/core" {
             "tds-toast": LocalJSX.TdsToast & JSXBase.HTMLAttributes<HTMLTdsToastElement>;
             "tds-toggle": LocalJSX.TdsToggle & JSXBase.HTMLAttributes<HTMLTdsToggleElement>;
             "tds-tooltip": LocalJSX.TdsTooltip & JSXBase.HTMLAttributes<HTMLTdsTooltipElement>;
+            "tds-tooltip-beta": LocalJSX.TdsTooltipBeta & JSXBase.HTMLAttributes<HTMLTdsTooltipBetaElement>;
         }
     }
 }

package/dist/types/types/Tooltip.d.ts

@@ -0,0 +1,4 @@
+type BasePlacement = 'top' | 'bottom' | 'left' | 'right';
+type VariationPlacement = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+export type Placement = BasePlacement | VariationPlacement;
+export {};

package/dist/types/utils/axeHelpers.d.ts

@@ -0,0 +1,2 @@
+import type { Page } from '@playwright/test';
+export declare const tegelAnalyze: (page: Page) => Promise<import("axe-core").AxeResults>;

package/dist/types/utils/convertToString.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Converts a value (string or number) to string
+ * @param value - The value to convert
+ * @returns The string representation of the value, or empty string if null/undefined
+ */
+export declare const convertToString: (value: string | number | null | undefined) => string;
+export declare const convertArrayToStrings: (values: (string | number)[]) => string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scania/tegel",
-  "version": "1.24.0-value-prop.beta.6",
+  "version": "1.25.0-beta.0",
   "description": "Tegel Design System",
   "type": "module",
   "keywords": [
@@ -373,8 +373,8 @@
     "start": "stencil build --dev --watch --serve",
     "start:dev": "stencil build --dev --watch --serve",
     "test": "node docker-test-runner.js",
-    "test:axe": "npx playwright test --config 'playwright-axe.config.ts' --reporter=list",
-    "update:snapshots": "docker run --rm --network host -v $(pwd):/work/ -w /work/ mcr.microsoft.com/playwright:v1.46.1-jammy /bin/bash -c 'npm install && npx playwright test --update-snapshots && exit'",
+    "test:axe": "npx playwright test --config 'playwright-axe.config.ts'",
+    "update:snapshots": "docker run --rm --network host -v $(pwd):/work/ -w /work/ mcr.microsoft.com/playwright:v1.50.0-jammy /bin/bash -c 'npm install && npx playwright test --update-snapshots && exit'",
     "test.watch": "stencil test --spec --e2e --watchAll",
     "generate": "stencil generate",
     "copy:assets": "node scripts/copy-assets.mjs",
@@ -391,10 +391,10 @@
     "date-fns": "2.30.0"
   },
   "devDependencies": {
-    "@axe-core/playwright": "^4.10.1",
+    "@axe-core/playwright": "4.10.1",
     "@babel/core": "7.19.1",
     "@mdx-js/react": "3.0.1",
-    "@playwright/test": "1.46.1",
+    "@playwright/test": "1.50.1",
     "@stencil/angular-output-target": "0.8.4",
     "@stencil/react-output-target": "0.5.3",
     "@stencil/sass": "3.0.4",

package/dist/tegel/p-0df92ce7.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t}from"./p-2049fab2.js";const r=class{constructor(t){e(this,t),this.current=!1}render(){return t("div",{key:"5b1576c613720b9964419b572999e5a01bc1b835",role:"listitem",class:this.current?"current":""},t("slot",{key:"7f298648fe0596e6ae099facdc5cb6e1439496f6"}))}};r.style='@charset "UTF-8";[role=listitem] ::slotted(*){color:var(--tds-breadcrumb-color);text-decoration:none}[role=listitem]:hover ::slotted(*){color:var(--tds-breadcrumb-color-hover);text-decoration:underline}[role=listitem] ::slotted(*:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px;outline-offset:0}[role=listitem].current ::slotted(*),[role=listitem] [aria-current=page] ::slotted(*){pointer-events:none;cursor:default;color:var(--tds-breadcrumb-color-current)}[role=listitem].current:hover ::slotted(*),[role=listitem] [aria-current=page]:hover ::slotted(*){text-decoration:none;cursor:not-allowed}[role=listitem]::after{content:"›";color:var(--tds-breadcrumb-separator-color);margin-right:4px;margin-left:4px;display:inline-block;width:4px;height:8px}.current::after{display:none}';export{r as tds_breadcrumb}

package/dist/tegel/p-12303135.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as a}from"./p-2049fab2.js";const r=class{constructor(a){t(this,a),this.tdsChange=e(this,"tdsChange",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.label="",this.name="",this.helper=void 0,this.cols=void 0,this.rows=void 0,this.labelPosition="no-label",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.state="default",this.maxLength=void 0,this.modeVariant=null,this.autofocus=!1,this.noMinWidth=!1,this.focusInput=void 0}handleChange(t){this.tdsChange.emit(t)}handleBlur(t){this.tdsBlur.emit(t),this.focusInput=!1}handleInput(t){this.value=t.target.value,this.tdsInput.emit(t)}handleFocus(t){this.textEl.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}render(){var t;return a("div",{key:"fc3599b1d61b75327840068968001f2df6ec6b05",class:`\n        textarea-container\n        ${"inside"===this.labelPosition?"textarea-label-inside":""}\n        ${this.focusInput?"textarea-focus":""}\n        ${this.disabled?"textarea-disabled":""}\n        ${this.readOnly?"textarea-readonly":""}\n        ${null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""}\n        ${this.value?"textarea-data":""}\n        ${"error"===this.state||"success"===this.state?`textarea-${this.state}`:""}\n        ${this.noMinWidth?"no-min-width":""}\n        `},"no-label"!==this.labelPosition&&a("span",{key:"5ac3d5ef752a55f241865fe51bdb7aa96416731b",class:"textarea-label"},this.label),a("div",{key:"310c4a2a51391c366e17eca98ee22903d1620b16",class:"textarea-wrapper"},a("textarea",{key:"4b83ff31486dea966a4a4a9df35d83043ad1a616",class:"textarea-input",ref:t=>this.textEl=t,disabled:this.disabled,readonly:this.readOnly,placeholder:this.placeholder,value:this.value,name:this.name,autofocus:this.autofocus,maxlength:this.maxLength,cols:this.cols,rows:this.rows,onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t)}),a("span",{key:"7718db97412e86796819e23584037833d762d6ce",class:"textarea-resizer-icon"},a("svg",{key:"2b59b518d8bb6a61f6cbbbfb9bd2ec67938e91b6",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("path",{key:"99c42c62b8e6a17c6acf6824d6e08ae88a3ed2bf","fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z",fill:"currentColor"}))),a("span",{key:"5c4a4cad4aa805df35ce264c34f9cdde678b1804",class:"textarea-icon__readonly"},a("tds-icon",{key:"c5fe3371e08431c38a3979c226f64b79c35fed23",name:"edit_inactive"})),a("span",{key:"e4261be8ce8cf8fc9cba5f25e6d4c52de4503f67",class:"textarea-icon__readonly-label"},"This field is non-editable")),a("span",{key:"a58d64d87a5f971f3e51356a839beea73dfff4b4",class:"textarea-helper"},"error"===this.state&&a("tds-icon",{key:"39dfd4c2c356817e5f3b39af7f4e90334de79ac0",name:"error",size:"16px"}),this.helper),this.maxLength>0&&a("div",{key:"8df0493b694ddce5cd3669f00527329df2c29e06",class:"textarea-textcounter"},null===this.value?0:null===(t=this.value)||void 0===t?void 0:t.length,a("span",{key:"8604248491d68a2b70531c028661573de48deb27",class:"textfield-textcounter-divider"}," / ")," ",this.maxLength))}};r.style='.textarea-container.sc-tds-textarea{border-radius:4px 4px 0 0;position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{position:relative;width:unset;min-width:100%}.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::before,.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::after{content:"";height:2px;width:0;position:absolute;background:var(--tds-textarea-bar);transition:0.35s ease all}.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::before{left:50%}.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::after{right:50%}.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::after,.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::before{top:calc(100% - 2px)}.textarea-input.sc-tds-textarea{border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-textarea-color);background-color:var(--tds-textarea-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;border-bottom:1px solid var(--tds-textarea-border-bottom);transition:border-bottom-color 200ms ease}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--tds-textarea-placeholder)}.textarea-input.sc-tds-textarea:disabled{background-color:var(--tds-textarea-disabled-background);color:var(--tds-textarea-disabled-color);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--tds-textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{border-bottom-color:var(--tds-textarea-border-bottom-hover)}.textarea-resizer-icon.sc-tds-textarea{color:var(--tds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--tds-textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-textarea-label-color)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);transition:0.1s ease all;color:var(--tds-textarea-label-inside-color);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--tds-textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::before,.textarea-container.textarea-focus.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{width:50%}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--tds-textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-error)}.textarea-error.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after,.textarea-error.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::before{background:var(--tds-textarea-bar-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-error)}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:transparent}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px;color:var(--tds-textarea-icon-read-only-color)}.textarea-icon__readonly-label.sc-tds-textarea{display:none;position:absolute;right:18px;top:48px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);padding:8px;color:var(--tds-textarea-icon-read-only-label-color);background-color:var(--tds-textarea-icon-read-only-label-background);white-space:nowrap;border-radius:4px 0 4px 4px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea:hover~.textarea-icon__readonly-label.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textfield-input.sc-tds-textarea{padding-right:54px;background-color:transparent}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}';export{r as tds_textarea}

package/dist/tegel/p-1a2f3852.entry.js

@@ -1 +0,0 @@
-import{r as e,c as a,h as o,H as s,g as t}from"./p-2049fab2.js";import{g as n}from"./p-11648030.js";import{h as r}from"./p-ae110fc2.js";const i=class{constructor(o){e(this,o),this.tdsClose=a(this,"tdsClose",7),this.handleClose=()=>{this.tdsClose.emit({bannerId:this.bannerId}).defaultPrevented||(this.hidden=!0)},this.icon=void 0,this.header=void 0,this.subheader=void 0,this.variant="default",this.bannerId=n(),this.hidden=!1}async hideBanner(){this.hidden=!0}async showBanner(){this.hidden=!1}connectedCallback(){"error"===this.variant?this.icon="error":"information"===this.variant&&(this.icon="info")}render(){const e=r("subheader",this.host),a=r("subheader",this.host),t=r("actions",this.host);return o(s,{key:"cce608e8685f68d432cb3e2dd847a1919d7fac17",role:"banner","aria-hidden":`${this.hidden}`,"aria-live":this.host.getAttribute("aria-live")?this.host.getAttribute("aria-live"):"polite","aria-atomic":this.host.getAttribute("aria-atomic"),class:`${this.variant} ${this.hidden?"hide":"show"}`},this.icon&&o("div",{key:"45c455342ea61eadf0090a98a67e4137499cc9db",class:`banner-icon ${this.variant}`},o("tds-icon",{key:"c503d90c8abdf3d794c5ea4744acf4bf726d9b68",name:this.icon,size:"20px"})),o("div",{key:"0b625094274021007e5ebb2a13ad74037e2bcce9",class:"content"},o("div",{key:"957b3928258ad7640cedec4c5882b7db5d5c5362",class:"header-subheader"},this.header&&o("div",{key:"b4c2221163bd72d05300766cecad13081c631f3f",class:"header"},this.header),e&&o("slot",{key:"70329f3c96268ccac2a82ff5f2a35619abaea25e",name:"header"}),this.subheader&&o("div",{key:"922b918a9fb308dbe367e2409db1807ff2fcb736",class:"subheader"},this.subheader),a&&o("slot",{key:"8ce26997a04b5d8a7607b06980c556a69a400740",name:"subheader"})),t&&o("slot",{key:"6e7e450a48e1c3aa4765b6049789b273a740c3ba",name:"actions"})),o("div",{key:"e644385a339db3f121be9ae2c23eb4875194291a",class:"banner-close"},o("button",{key:"a172a6f4fb35a64c5f0002b9c73740c413c39c12",onClick:()=>{this.handleClose()}},o("tds-icon",{key:"da9b83b7c7538b431f919c7e13265d28fde1e39f",name:"cross",size:"20px"}))))}get host(){return t(this)}};i.style=":host(.hide){display:none;visibility:hidden}:host(.error){background-color:var(--tds-banner-background-error)}:host(.information){background-color:var(--tds-banner-background-info)}:host{display:flex;background-color:var(--tds-banner-background-default);z-index:400;padding-left:16px}:host .banner-icon{padding-left:4px;padding-top:14px;padding-right:12px;color:var(--tds-banner-prefix-default-color)}:host .banner-icon.error{color:var(--tds-banner-prefix-error-color)}:host .banner-icon.information{color:var(--tds-banner-prefix-info-color)}:host .content{color:var(--tds-banner-text-color);display:flex;flex-direction:column;flex-grow:1;padding:16px 0}:host .content.no-icon{padding-left:16px}:host .header-subheader{display:flex;flex-direction:column;gap:4px}:host .header,:host slot[name=header]{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls)}:host .subheader,:host slot[name=subheader]{display:block;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host slot[name=actions]::slotted(*){display:block;width:fit-content;margin-top:16px}:host .banner-close{color:var(--tds-banner-x-color)}:host .banner-close button{padding-right:16px;padding-top:14px;background-color:transparent;border:none;color:var(--tds-banner-x-color)}:host .banner-close button:hover{cursor:pointer}:host .banner-close button:focus-visible{outline:none}:host .banner-close button:focus-visible tds-icon{outline:2px solid var(--tds-blue-400);outline-offset:-2px}";export{i as tds_banner}

package/dist/tegel/p-1bc2c73c.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,H as s,g as c}from"./p-2049fab2.js";import{i as o}from"./p-0bd4c19c.js";import"./p-3fe9cbbf.js";const r=class{constructor(t){e(this,t)}render(){const e=Object.assign({},o(this.host));return t(s,{key:"fa81c06234538414f64c983239c34b7a32184d35"},t("tds-header-item",{key:"5c1168413c62c9f51df5d15bc4b1c12f971cf2f8"},t("button",Object.assign({key:"e2225a6e50590b6b25d282737e2198cbd6bf1458"},e),t("tds-icon",{key:"5659662f934a61c57b981a24e27cc4e25247cbf7",class:"icon",name:"burger",size:"20px"}))))}get host(){return c(this)}};r.style=":host{color:var(--tds-white)}:host tds-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 tds-header-item{display:none}:host([persistent]) tds-header-item{display:block}}";export{r as tds_header_hamburger}

package/dist/tegel/p-26ae4a93.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s}from"./p-2049fab2.js";const e=class{constructor(s){t(this,s),this.value="",this.hidden=!1,this.size="lg",this.shape="",this.text=""}watchProps(){this.checkProps()}componentWillLoad(){this.checkProps()}checkProps(){const t=parseInt(this.value);Number.isNaN(t)||"sm"===this.size?""!==this.value&&"sm"!==this.size&&console.warn("The provided value is either empty or string, please provide value as number."):(this.shape=this.value.toString().length>=2?"pill":"",this.size="lg",this.text=t.toString().length>=3?"99+":t.toString())}render(){return s("host",{key:"edf6347da9742ae8353a33fa1613c0dd9170357b",class:`tds-badge tds-badge-${this.size} ${"pill"===this.shape?"tds-badge-pill":""} ${this.hidden?"tds-badge-hidden":""}`},s("div",{key:"223c0b81e4de5e790daa011481bc45d7565e5cfc",class:"tds-badge-text"},this.text))}static get watchers(){return{value:["watchProps"],size:["watchProps"]}}};e.style=":host{--tds-badge-background-color:var(--tds-negative);--tds-badge-color-text:var(--tds-white);box-sizing:border-box;display:block}:host *{box-sizing:border-box}.tds-badge{display:block;border-radius:12px;background-color:var(--tds-badge-background-color);text-align:center}.tds-badge.tds-badge-sm{height:8px;width:8px;line-height:8px}.tds-badge.tds-badge-lg{height:20px;line-height:20px;width:20px}.tds-badge.tds-badge-pill{display:inline-block;width:unset;padding-left:8px;padding-right:8px}.tds-badge.tds-badge-hidden{display:none}.tds-badge-text{font-size:12px;color:var(--tds-badge-color-text);font-weight:bold}";export{e as tds_badge}

package/dist/tegel/p-54a105a4.entry.js

@@ -1 +0,0 @@
-import{r as a,h as e,H as s,g as t}from"./p-2049fab2.js";const d=class{constructor(e){a(this,e)}render(){return e(s,{key:"9b3b472651a6d410b143316851ca701eab5a82c3"},e("tds-header-item",{key:"843bc3ce81ae39261a7eb4429ed4d9d76f051cfb"},e("slot",{key:"d3a939ac410d229c78532c133e54b868507f7aff"})))}get host(){return t(this)}};d.style=":host tds-header-item{display:none}:host tds-header-item ::slotted(*){background-image:var(--tds-background-image-scania-symbol-svg), var(--tds-background-image-scania-symbol-png);background-size:30px auto;background-position:center;background-repeat:no-repeat}@media (min-width: 992px){:host tds-header-item{display:block}}";export{d as tds_header_brand_symbol}

package/dist/tegel/p-5a891dd2.entry.js

@@ -1 +0,0 @@
-import{r as d,c as t,h as s,H as o,g as a}from"./p-2049fab2.js";import{h as i}from"./p-ae110fc2.js";const e=class{constructor(s){d(this,s),this.tdsClose=t(this,"tdsClose",7),this.handleClose=d=>{this.tdsClose.emit(d).defaultPrevented||(this.isShown=!1)},this.handleShow=()=>{this.isShown=!0},this.handleOverlayClick=d=>{const t=d.composedPath()[0];("tds-modal-close"===t.classList[0]||"tds-modal-backdrop"===t.classList[0]&&!1===this.prevent)&&this.handleClose(d)},this.handleReferenceElementClick=d=>{this.isShown?this.handleClose(d):this.handleShow()},this.setShowButton=()=>{var d;if(this.selector||this.referenceEl){const t=null!==(d=this.referenceEl)&&void 0!==d?d:document.querySelector(this.selector);t&&this.initializeReferenceElement(t)}},this.initializeReferenceElement=d=>{d&&d.addEventListener("click",this.handleReferenceElementClick)},this.header=void 0,this.prevent=!1,this.size="md",this.actionsPosition="static",this.selector=void 0,this.referenceEl=void 0,this.show=void 0,this.closable=!0,this.isShown=!1}async showModal(){this.isShown=!0}async closeModal(){this.isShown=!1}connectedCallback(){void 0===this.closable&&(this.closable=!0),void 0!==this.show&&(this.isShown=this.show),this.initializeModal(),this.header&&i("header",this.host)&&console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. ")}componentWillLoad(){this.initializeModal()}disconnectedCallback(){this.cleanupModal()}async initializeModal(){this.setDismissButtons(),this.setShowButton()}async cleanupModal(){var d;if(this.selector||this.referenceEl){const t=null!==(d=this.referenceEl)&&void 0!==d?d:document.querySelector(this.selector);t&&t.removeEventListener("click",this.handleReferenceElementClick)}this.host.querySelectorAll("[data-dismiss-modal]").forEach((d=>{d.removeEventListener("click",this.handleClose)}))}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((d=>{d.addEventListener("click",this.handleClose)}))}render(){const d=i("header",this.host),t=i("actions",this.host);return s(o,{key:"c39328a5796996173d2a484b7b509d03524cb2d6",class:this.isShown?"show":"hide",onClick:d=>this.handleOverlayClick(d)},s("div",{key:"f270ed2ab8f671418d5196cda7d4085d6fa69d02",class:"tds-modal-backdrop"}),s("div",{key:"8d4670500365548f786a3c6200f9395998198ac0",class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`},s("div",{key:"27a05c42f14827b74b560e1f0b23286c851ff676",class:"header"},this.header&&s("div",{key:"dadbb997eec4b06e6a64a7cdc800603653053862",class:"header-text"},this.header),d&&s("slot",{key:"07beeba1aea6030fd1c9f2c0aac132828e28a481",name:"header"}),this.closable&&s("button",{key:"e2c25399c520409e8d98345d715a9ea9a4ddfb14",class:"tds-modal-close","aria-label":"close",onClick:d=>this.handleClose(d)},s("tds-icon",{key:"d74d288daea98783e8f4649e0320ce1f9e3b68d0",name:"cross",size:"20px"}))),s("div",{key:"594f17d9eba2cb2ec6ffc7382669caba1f5f525a",class:"body"},s("slot",{key:"dcdaede2986c40a927a74608bed7145696871962",name:"body"})),t&&s("slot",{key:"e0403d1f1201833742925ae8cbb599c2d9ba7b94",name:"actions"})))}get host(){return a(this)}};e.style=".tds-modal{box-sizing:border-box;background-color:var(--tds-modal-background);margin:auto;position:relative;border-radius:4px;max-height:85vh;overflow-y:auto;pointer-events:auto;}.tds-modal *{box-sizing:border-box}.tds-modal::-webkit-scrollbar{width:5px;background-color:var(--tds-grey-300);border-radius:0 1em 1em 0}.tds-modal::-webkit-scrollbar-track{background-color:var(--tds-grey-300);border-radius:0 1em 1em 0}.tds-modal::-webkit-scrollbar-thumb{background-color:var(--tds-grey-500);border-radius:0 1em 1em 0}.tds-modal__actions-sticky{overflow:hidden;display:flex;flex-direction:column}.tds-modal__actions-sticky .body{font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls);max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{bottom:-1px;left:0;right:0;background-color:var(--tds-modal-background);padding:var(--tds-spacing-element-24) var(--tds-spacing-element-16) var(--tds-spacing-element-16);display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--tds-modal-background);display:flex;gap:16px;padding:24px 16px 16px}@media (min-width: 320px){.tds-modal-xs{width:100%}.tds-modal-sm{width:100%}.tds-modal-md{width:100%}.tds-modal-lg{width:100%}}@media (min-width: 672px){.tds-modal-xs{width:50%}.tds-modal-sm{width:62.5%}.tds-modal-md{width:75%}.tds-modal-lg{width:100%}}@media (min-width: 1056px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:43.75%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1312px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1584px){.tds-modal-xs{width:25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:50%}.tds-modal-lg{width:75%}}@media (max-width: 320px){.tds-modal-md,.tds-modal-lg,.tds-modal-sm{height:100%}.tds-modal-md slot[name=actions]::slotted(*),.tds-modal-lg slot[name=actions]::slotted(*),.tds-modal-sm slot[name=actions]::slotted(*){display:flex}}.header{display:flex;padding:var(--tds-spacing-element-16);position:sticky;top:0;background-color:var(--tds-modal-background);z-index:1}.header,slot[name=header]::slotted(*){color:var(--tds-modal-text);font:var(--tds-headline-05) !important;letter-spacing:var(--tds-headline-05-ls) !important;margin:0;flex:1}.body{color:var(--tds-modal-text);font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls);overflow-y:visible;padding:0 var(--tds-spacing-element-16) var(--tds-spacing-element-16);}.body::-webkit-scrollbar{width:5px;background-color:var(--tds-grey-300)}.body::-webkit-scrollbar-track{background-color:var(--tds-grey-300)}.body::-webkit-scrollbar-thumb{background-color:var(--tds-grey-500)}.tds-modal-backdrop{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--tds-modal-backdrop);pointer-events:auto}.tds-modal-backdrop *{box-sizing:border-box}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--tds-modal-icon);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}@media (min-width: 320px){.tds-modal-close{margin-left:var(--tds-spacing-element-16)}}@media (min-width: 1056px){.tds-modal-close{margin-left:var(--tds-spacing-element-48)}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:var(--tds-spacing-element-16)}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:var(--tds-spacing-element-48)}}.tds-modal-close-btn svg{fill:var(--tds-modal-icon)}.tds-modal-overflow{overflow:hidden}:host{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;padding:0 16px;z-index:700;pointer-events:none}:host *{box-sizing:border-box}:host .tds-modal-close{border:none;background-color:transparent}:host .tds-modal-close-btn{border:none;background-color:transparent}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host(.show){display:flex}:host(.hide){display:none}";export{e as tds_modal}

package/dist/tegel/p-5d0e8f1e.entry.js

@@ -1 +0,0 @@
-import{r as e,h as r,H as o}from"./p-2049fab2.js";const a=class{constructor(r){e(this,r)}render(){return r(o,{key:"1b2afd6810710416ac4362d00af34f2ec889ea1f"},r("tds-header-dropdown-list-item",{key:"860b07b16c713c8a74e7443c452263e054c6aebd",size:"lg"},r("slot",{key:"521f412cd86ae413537bca6821f9c95bce075f63"})))}};a.style=":host{display:block;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}";export{a as tds_header_launcher_list_item}

package/dist/tegel/p-6938329a.entry.js

@@ -1 +0,0 @@
-import{r as e,h as s,H as r}from"./p-2049fab2.js";import{g as a}from"./p-11648030.js";const c=class{constructor(s){e(this,s),this.uuid=a()}render(){return s(r,{key:"3e4fe30a4ec6234898314d838831ffccdaf37ccf"},s("tds-header-dropdown-list",{key:"0a3926403b5800b45433edd035f700a6778bbc2b",size:"lg"},s("slot",{key:"bcbe4495b9f136b07a5c3c1e7062ec116707a5e4"})))}};export{c as tds_header_launcher_list}

package/dist/tegel/p-693e48cf.entry.js

@@ -1 +0,0 @@
-import{r as t,c as o,h as s,H as e,g as i}from"./p-2049fab2.js";const d=class{constructor(s){t(this,s),this.tdsChange=o(this,"tdsChange",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.tdsInput=o(this,"tdsInput",6),this.tdsValueChange=o(this,"tdsValueChange",6),this.setDefaultOption=()=>{if(this.defaultValue){const t=this.multiselect?new Set(this.defaultValue.split(",")):[this.defaultValue],o=Array.from(t);this.updateDropdownState(o)}},this.getChildren=()=>{const t=Array.from(this.host.children).filter((t=>"TDS-DROPDOWN-OPTION"===t.tagName));if(0!==t.length)return t;console.warn("TDS DROPDOWN: Data missing. Disregard if loading data asynchronously.")},this.getSelectedChildren=()=>0===this.selectedOptions.length?[]:this.selectedOptions.map((t=>{var o;return null===(o=this.getChildren())||void 0===o?void 0:o.find((o=>o.value===t))})).filter(Boolean),this.getSelectedChildrenLabels=()=>{var t;return null===(t=this.getSelectedChildren())||void 0===t?void 0:t.map((t=>t.textContent.trim()))},this.getValue=()=>{const t=this.getSelectedChildrenLabels();return t?null==t?void 0:t.join(", "):""},this.setValueAttribute=()=>{0===this.selectedOptions.length?this.host.removeAttribute("value"):this.host.setAttribute("value",this.selectedOptions.join(","))},this.getOpenDirection=()=>{var t,o,s,e,i;if("auto"===this.openDirection||!this.openDirection){const d=null!==(o=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==o?o:0;return(null!==(i=null===(e=(s=this.host).getBoundingClientRect)||void 0===e?void 0:e.call(s).top)&&void 0!==i?i:0)+d+57>window.innerHeight?"up":"down"}return this.openDirection},this.handleToggleOpen=()=>{this.disabled||(this.open=!this.open,this.open&&this.focusInputElement())},this.focusInputElement=()=>{this.inputElement&&this.inputElement.focus()},this.handleFilter=t=>{this.tdsInput.emit(t);const o=t.target.value.toLowerCase(),s=this.getChildren();""===o?(s.forEach((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=s.filter((t=>(this.normalizeString(t.textContent).toLowerCase().includes(this.normalizeString(o).toLowerCase())?t.removeAttribute("hidden"):t.setAttribute("hidden",""),!t.hasAttribute("hidden")))).length},this.handleFilterReset=()=>{this.reset(),this.inputElement.value="",this.handleFilter({target:{value:""}}),this.inputElement.focus(),this.internalValue=""},this.handleFocus=t=>{this.open=!0,this.filterFocus=!0,this.multiselect&&(this.inputElement.value=""),this.tdsFocus.emit(t),this.handleFilter({target:{value:""}})},this.handleBlur=t=>{this.tdsBlur.emit(t)},this.resetInput=()=>{this.host.querySelector("input")&&this.reset()},this.name=void 0,this.disabled=!1,this.helper=void 0,this.label=void 0,this.labelPosition=void 0,this.modeVariant=null,this.openDirection="auto",this.placeholder=void 0,this.size="lg",this.animation="slide",this.error=!1,this.multiselect=!1,this.filter=!1,this.normalizeText=!0,this.noResultText="No result",this.defaultValue=void 0,this.value=null,this.open=!1,this.internalValue=void 0,this.filterResult=void 0,this.filterFocus=void 0,this.selectedOptions=[]}handleValueChange(t){const o=this.normalizeValue(t);this.hasValueChanged(o,this.selectedOptions)&&this.updateDropdownState(o)}normalizeValue(t){return t&&""!==t?this.multiselect?Array.isArray(t)?t:t.split(",").filter((t=>""!==t)):Array.isArray(t)?t:[t]:[]}hasValueChanged(t,o){return t.length!==o.length||t.some((t=>!o.includes(t)))}updateDropdownState(t){this.selectedOptions=[...this.validateValues(t)],this.value=this.multiselect?this.selectedOptions:this.selectedOptions[0]||null,this.internalValue=this.getValue(),this.updateOptionElements(),this.updateDisplayValue(),this.emitChange(),this.setValueAttribute()}validateValues(t){return t.filter((t=>{var o;const s=null===(o=this.getChildren())||void 0===o?void 0:o.some((o=>o.value===t));return s||console.warn(`Option with value "${t}" does not exist`),s}))}updateOptionElements(){var t;null===(t=this.getChildren())||void 0===t||t.forEach((t=>{t.setSelected(this.selectedOptions.includes(t.value))}))}updateDisplayValue(){this.internalValue=this.getSelectedChildrenLabels().join(", "),this.filter&&this.inputElement&&(this.inputElement.value=this.internalValue)}emitChange(){const t=this.multiselect?this.selectedOptions.join(","):this.selectedOptions[0]||null;this.tdsChange.emit({name:this.name,value:null!=t?t:null})}async setValue(t){const o=this.normalizeValue(t);return this.updateDropdownState(o),this.getSelectedChildren().map((t=>({value:t.value,label:t.textContent.trim()})))}async reset(){this.updateDropdownState([])}async removeValue(t){const o=this.selectedOptions.filter((o=>o!==t));this.updateDropdownState(o)}async focusElement(){this.focusInputElement(),this.handleFocus({})}async close(){this.open=!1}onAnyClick(t){this.open&&!t.composedPath().includes(this.host)&&(this.open=!1)}async onKeyDown(t){const{activeElement:o}=document;if(!o)return;const s=this.getChildren();if("ArrowDown"===t.key){const t=o.nextElementSibling?s.findIndex((t=>t===o.nextElementSibling)):0;s[((t,o)=>{if(void 0===t[o])return 0;for(let s=o;s<t.length;s++)if(!t[s].disabled)return s})(s,t)].focus()}else"ArrowUp"===t.key?s[((t,o)=>{if(void 0===t[o])return t.length-1;for(let s=o;s>=0;s--)if(!t[s].disabled)return s})(s,o.nextElementSibling?this.getChildren().findIndex((t=>t===o.previousElementSibling)):0)].focus():"Escape"===t.key&&(this.open=!1)}handleOpenState(){this.filter&&this.multiselect&&(this.open||(this.inputElement.value=this.selectedOptions.length?this.getValue():""))}componentWillLoad(){if(this.defaultValue&&!this.value){const t=this.multiselect?this.defaultValue.split(","):[this.defaultValue];this.updateDropdownState(t)}}handleSlotChange(){this.setDefaultOption()}normalizeString(t){return this.normalizeText?t.normalize("NFD").replace(/\p{Diacritic}/gu,""):t}async appendValue(t){this.updateDropdownState(this.multiselect?[...this.selectedOptions,t]:[t])}componentDidRender(){const t=this.host.closest("form");t&&t.addEventListener("reset",this.resetInput)}disconnectedCallback(){const t=this.host.closest("form");t&&t.removeEventListener("reset",this.resetInput)}render(){return((t,o,s,e)=>{let i=t.querySelector("input");t.querySelector("input")||(i=t.ownerDocument.createElement("input"),i.type="hidden",t.appendChild(i)),i.disabled=e,i.name=o,i.value=s||""})(this.host,this.name,this.selectedOptions.join(","),this.disabled),s(e,{key:"e61969b03dc211a0007166d7319285cc50207910",role:"select",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},this.label&&"outside"===this.labelPosition&&s("div",{key:"d97ce5d02635b30698564226be8c55b477f42de5",class:"label-outside "+(this.disabled?"disabled":"")},this.label),s("div",{key:"29099efd6d106a5c6013ac83a545c290bb1d0af7",class:`dropdown-select ${this.size} ${this.disabled?"disabled":""}`},this.filter?s("div",{class:{filter:!0,focus:this.filterFocus,disabled:this.disabled,error:this.error}},s("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&this.placeholder&&s("div",{class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&s("div",{class:`\n                    label-inside-as-placeholder\n                    ${this.size}\n                    ${this.selectedOptions.length?"selected":""}\n                    `},this.label),s("input",{ref:t=>this.inputElement=t,class:"inside"===this.labelPosition?"placeholder":"",type:"text",placeholder:this.filterFocus?"":this.placeholder,value:this.multiselect&&this.filterFocus?"":this.getValue(),disabled:this.disabled,onInput:t=>this.handleFilter(t),onBlur:t=>{this.filterFocus=!1,this.multiselect&&(this.inputElement.value=this.getValue()),this.handleBlur(t)},onFocus:t=>this.handleFocus(t),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),s("tds-icon",{tabIndex:0,role:"button","aria-label":"Clear filter",svgTitle:"Clear filter",onClick:this.handleFilterReset,onKeyDown:t=>{"Enter"===t.key&&this.handleFilterReset()},class:"clear-icon "+(this.open&&""!==this.inputElement.value?"":"hide"),name:"cross",size:"16px"}),s("tds-icon",{tabIndex:0,role:"button","aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",onClick:this.handleToggleOpen,onKeyDown:t=>{"Enter"===t.key&&this.handleToggleOpen()},class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})):s("button",{onClick:()=>this.handleToggleOpen(),onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n                ${this.selectedOptions.length?"value":"placeholder"}\n                ${this.open?"open":"closed"}\n                ${this.error?"error":""}\n                `,disabled:this.disabled},s("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&this.placeholder&&s("div",{class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&s("div",{class:`\n                    label-inside-as-placeholder\n                    ${this.size}\n                    ${this.selectedOptions.length?"selected":""}\n                    `},this.label),s("div",{class:`placeholder ${this.size}`},this.selectedOptions.length?this.getValue():this.placeholder),s("tds-icon",{"aria-label":"Open/Close dropdown",svgTitle:"Open/Close dropdown",class:"menu-icon "+(this.open?"open":"closed"),name:"chevron_down",size:"16px"})))),s("div",{key:"04cf1b3b829f482b189a59fb5fd8f9c3932b4982",ref:t=>this.dropdownList=t,class:{"dropdown-list":!0,[this.size]:!0,[this.getOpenDirection()]:!0,"label-outside":this.label&&"outside"===this.labelPosition,open:this.open,closed:!this.open,[`animation-enter-${this.animation}`]:"none"!==this.animation&&this.open,[`animation-exit-${this.animation}`]:"none"!==this.animation&&!this.open}},s("slot",{key:"3dce31c592336d9b5c2e8e5fa25a0a8ff23694d3",onSlotchange:()=>this.handleSlotChange()}),0===this.filterResult&&""!==this.noResultText&&s("div",{key:"7f1e8b0d7fff2f09412f389507ff7c2f2430a70b",class:`no-result ${this.size}`},this.noResultText)),this.helper&&s("div",{key:"0c728acc0d233f674ad7bc394176aa89b01ee66d",class:`helper ${this.error?"error":""} ${this.disabled?"disabled":""}`},this.error&&s("tds-icon",{key:"65691c3c11f4b6c908028475c03d1f4b6f35ce74",name:"error",size:"16px"}),this.helper))}get host(){return i(this)}static get watchers(){return{value:["handleValueChange"],open:["handleOpenState"]}}};d.style='@charset "UTF-8";:host button{all:unset;height:100%;width:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:var(--tds-dropdown-border-radius)}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--tds-dropdown-placeholder-color);line-height:1.3}:host button.value{color:var(--tds-dropdown-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3}:host button:focus{border-bottom-color:var(--tds-dropdown-border-bottom-open)}:host button:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-border-bottom-open)}:host button.error{border-bottom:1px solid var(--tds-negative)}:host button.error:focus{border-bottom-color:transparent}:host button.error:focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-negative)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host button .menu-icon{margin-right:0}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);padding-left:16px;border-radius:4px 4px 0 0}:host .filter:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host .filter.disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--tds-dropdown-filter-input-color)}:host .filter .label-inside-as-placeholder{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3;color:var(--tds-dropdown-placeholder-color)}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{border-bottom-color:transparent}:host .filter.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-dropdown-border-bottom-open)}:host .filter.error{border-bottom:1px solid var(--tds-negative)}:host .filter.error.focus{border-bottom-color:transparent}:host .filter.error.focus::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--tds-negative)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--tds-dropdown-placeholder-color)}:host .filter input:disabled::placeholder{color:var(--tds-dropdown-disabled-color)}:host .filter tds-icon{cursor:pointer}:host .filter .menu-icon{margin-right:16px}:host .filter .clear-icon{margin:0 8px;color:var(--tds-dropdown-clear-icon-color);padding-right:8px;border-right:1px solid var(--tds-dropdown-clear-icon-color)}:host .filter .clear-icon:hover{color:var(--tds-dropdown-clear-icon-hover-color)}:host .filter .clear-icon.hide{display:none;visibility:hidden}:host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host{display:block;position:relative;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .label-outside{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-dropdown-label-color);margin-bottom:8px}:host .label-outside.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select{position:relative}:host .dropdown-select button{transition:border-bottom-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-select button:focus{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button:hover{border-bottom-color:var(--tds-dropdown-border-bottom-hover)}:host .dropdown-select button{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button.error{border-bottom-color:var(--tds-negative)}:host .dropdown-select button.error:focus{border-bottom-color:transparent}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select.disabled button{border:none}:host .dropdown-select .label-inside{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);color:var(--tds-dropdown-label-inside-color)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm{display:none}:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--tds-dropdown-placeholder-color)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{margin-top:4px;color:var(--tds-dropdown-helper-color);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--tds-negative)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{z-index:100;position:absolute;margin-top:1px;width:100%;transform-origin:top;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 3px 0;border-radius:var(--tds-dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none}:host .dropdown-list:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .dropdown-list::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm{max-height:260px}:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;box-shadow:rgba(0, 0, 0, 0.1) 0 -1px 3px 0;border-radius:var(--tds-dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;align-items:center;padding:0 16px;background-color:var(--tds-dropdown-bg)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm{height:40px}:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--tds-dropdown-menu-icon-color)}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}';const r=class{constructor(s){t(this,s),this.tdsSelect=o(this,"tdsSelect",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.componentWillRender=()=>{this.parentElement="TDS-DROPDOWN"===this.host.parentElement.tagName?this.host.parentElement:this.host.getRootNode().host,this.multiselect=this.parentElement.multiselect,this.size=this.parentElement.size,this.label=this.host.textContent.trim()},this.handleSingleSelect=()=>{this.disabled||(this.selected=!0,this.parentElement.appendValue(this.value),this.parentElement.close(),this.tdsSelect.emit({value:this.value,selected:this.selected}))},this.handleMultiselect=t=>{this.disabled||(t.detail.checked?(this.parentElement.appendValue(this.value),this.selected=!0,this.tdsSelect.emit({value:this.value,selected:this.selected})):(this.parentElement.removeValue(this.value),this.selected=!1,this.tdsSelect.emit({value:this.value,selected:this.selected})),t.stopPropagation())},this.handleFocus=t=>{this.tdsFocus.emit(t)},this.handleBlur=t=>{this.tdsBlur.emit(t)},this.value=void 0,this.disabled=!1,this.selected=!1,this.multiselect=void 0,this.size="lg"}async setSelected(t){this.selected=t}render(){return s(e,{key:"1cb00a19c5dbcc47e1b2bc97d1d5ccc8ac5a532a",role:"option","aria-disabled":this.disabled,"aria-selected":this.selected},s("div",{key:"5deaf44c7306f4b1856200bf0a5640e99fcb449d",class:`dropdown-option \n          ${this.size}\n          ${this.selected?"selected":""}\n          ${this.disabled?"disabled":""}\n          `},this.multiselect?s("div",{class:"multiselect",onKeyDown:t=>{"Escape"===t.key&&this.parentElement.close()}},s("tds-checkbox",{onTdsChange:t=>{this.handleMultiselect(t)},disabled:this.disabled,checked:this.selected,class:{[this.size]:!0}},s("div",{slot:"label"},s("slot",null)))):s("button",{onClick:()=>{this.handleSingleSelect()},onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),disabled:this.disabled,class:this.size},s("div",{class:"single-select"},s("slot",null),this.selected&&s("tds-icon",{name:"tick",size:"16px"})))))}static get delegatesFocus(){return!0}get host(){return i(this)}};r.style=":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{background-color:var(--tds-dropdown-option-background-hover);cursor:pointer}:host .dropdown-option:hover.disabled{background-color:var(--tds-dropdown-option-background);cursor:not-allowed}:host([hidden]){display:none}";export{d as tds_dropdown,r as tds_dropdown_option}

package/dist/tegel/p-6aabf7e1.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a,H as d}from"./p-2049fab2.js";const o=class{constructor(a){e(this,a)}render(){return a(d,{key:"a22924316d030baaa80d15676d514eefe150b9df"},a("div",{key:"ad453aaa2fcaf52c94f2e7990c6d52f9db7fb55a"}))}};o.style=":host{position:fixed;width:100%;height:100%;background-color:black}div{position:fixed;width:100%;height:100%;pointer-events:none}";export{o as tds_side_menu_overlay}