@scania/tegel 1.6.0 → 1.7.0

package/dist/types/components/toast/toast.d.ts

@@ -16,6 +16,8 @@ export declare class TdsToast {
     variant: 'information' | 'error' | 'warning' | 'success';
     /** Hides the Toast. */
     hidden: boolean;
+    /** Enables the close button. */
+    closable: boolean;
     /** ARIA role for the Toast. */
     toastRole: 'alert' | 'log' | 'status';
     /** Hides the Toast. */

package/dist/types/components/tooltip/tooltip.d.ts

@@ -17,9 +17,11 @@ export declare class TdsTooltip {
     show: boolean;
     /** Placement of Tooltip. */
     placement: Placement;
-    border: string;
+    /** Sets the offset skidding */
     offsetSkidding: number;
+    /** Sets the offset distance */
     offsetDistance: number;
+    border: string;
     popperjsExtraModifiers: {
         name: string;
         enabled: boolean;

package/dist/types/components.d.ts

@@ -115,6 +115,10 @@ export namespace Components {
           * Disables internal padding. Useful when passing other components to cell.
          */
         "disablePadding": boolean;
+        /**
+          * Setting for text align, default value "left". Other accepted values are "left", "start", "right", "end" or "center".
+         */
+        "textAlign": 'left' | 'start' | 'right' | 'end' | 'center';
     }
     interface TdsBreadcrumb {
         /**
@@ -477,9 +481,9 @@ export namespace Components {
          */
         "sortable": boolean;
         /**
-          * Setting for text align, default is left. Other accepted values are "right" or "end".
+          * Setting for text align, default is "left". Other accepted values are "left", "start", "right" or "end".
          */
-        "textAlign"?: string;
+        "textAlign": 'left' | 'start' | 'right' | 'end' | 'center';
     }
     interface TdsHeaderDropdown {
         /**
@@ -573,11 +577,11 @@ export namespace Components {
          */
         "size": string;
         /**
-          * Set description for the svg.
+          * Set description for the svg. Also used by aria-describedby.
          */
         "svgDescription"?: string;
         /**
-          * Override the default title for the svg.
+          * Override the default title for the svg. Also used by aria-labelledby.
          */
         "svgTitle"?: string;
     }
@@ -643,6 +647,10 @@ export namespace Components {
           * Changes the position behaviour of the actions slot.
          */
         "actionsPosition": 'sticky' | 'static';
+        /**
+          * Cleans up event listeners and other resources.
+         */
+        "cleanupModal": () => Promise<void>;
         /**
           * Closes the Modal.
          */
@@ -651,6 +659,10 @@ export namespace Components {
           * Sets the header of the Modal.
          */
         "header": string;
+        /**
+          * Initializes or re-initializes the modal, setting up event listeners.
+         */
+        "initializeModal": () => Promise<void>;
         /**
           * Disables closing Modal on clicking on overlay area.
          */
@@ -1185,7 +1197,7 @@ export namespace Components {
          */
         "placeholder": string;
         /**
-          * Set input in readonly state
+          * Set input in readonly state. Hides the suffix slot if true.
          */
         "readOnly": boolean;
         /**
@@ -1268,6 +1280,10 @@ export namespace Components {
         "value": string;
     }
     interface TdsToast {
+        /**
+          * Enables the close button.
+         */
+        "closable": boolean;
         /**
           * Header text for the component.
          */
@@ -1340,6 +1356,14 @@ export namespace Components {
           * Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button.
          */
         "mouseOverTooltip": boolean;
+        /**
+          * Sets the offset distance
+         */
+        "offsetDistance": number;
+        /**
+          * Sets the offset skidding
+         */
+        "offsetSkidding": number;
         /**
           * Placement of Tooltip.
          */
@@ -1636,6 +1660,7 @@ declare global {
         "tdsChange": any;
         "tdsBlur": FocusEvent;
         "tdsFocus": FocusEvent;
+        "tdsInput": InputEvent;
     }
     interface HTMLTdsDatetimeElement extends Components.TdsDatetime, HTMLStencilElement {
         addEventListener<K extends keyof HTMLTdsDatetimeElementEventMap>(type: K, listener: (this: HTMLTdsDatetimeElement, ev: TdsDatetimeCustomEvent<HTMLTdsDatetimeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2112,6 +2137,9 @@ declare global {
     interface HTMLTdsSliderElementEventMap {
         "tdsChange": {
     value: string;
+  };
+        "tdsInput": {
+    value: string;
   };
     }
     interface HTMLTdsSliderElement extends Components.TdsSlider, HTMLStencilElement {
@@ -2547,6 +2575,10 @@ declare namespace LocalJSX {
           * Disables internal padding. Useful when passing other components to cell.
          */
         "disablePadding"?: boolean;
+        /**
+          * Setting for text align, default value "left". Other accepted values are "left", "start", "right", "end" or "center".
+         */
+        "textAlign"?: 'left' | 'start' | 'right' | 'end' | 'center';
     }
     interface TdsBreadcrumb {
         /**
@@ -2772,6 +2804,10 @@ declare namespace LocalJSX {
           * Focus event for the Datetime
          */
         "onTdsFocus"?: (event: TdsDatetimeCustomEvent<FocusEvent>) => void;
+        /**
+          * Input event for the Datetime
+         */
+        "onTdsInput"?: (event: TdsDatetimeCustomEvent<InputEvent>) => void;
         /**
           * Size of the input
          */
@@ -2971,9 +3007,9 @@ declare namespace LocalJSX {
          */
         "sortable"?: boolean;
         /**
-          * Setting for text align, default is left. Other accepted values are "right" or "end".
+          * Setting for text align, default is "left". Other accepted values are "left", "start", "right" or "end".
          */
-        "textAlign"?: string;
+        "textAlign"?: 'left' | 'start' | 'right' | 'end' | 'center';
     }
     interface TdsHeaderDropdown {
         /**
@@ -3067,11 +3103,11 @@ declare namespace LocalJSX {
          */
         "size"?: string;
         /**
-          * Set description for the svg.
+          * Set description for the svg. Also used by aria-describedby.
          */
         "svgDescription"?: string;
         /**
-          * Override the default title for the svg.
+          * Override the default title for the svg. Also used by aria-labelledby.
          */
         "svgTitle"?: string;
     }
@@ -3458,10 +3494,16 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         /**
-          * Sends the value of the slider when changed.
+          * Sends the value of the slider when changed. Fires after mouse up and touch end events.
          */
         "onTdsChange"?: (event: TdsSliderCustomEvent<{
     value: string;
+  }>) => void;
+        /**
+          * Sends the value of the slider while moving the thumb. Fires on mouse move and touch move events.
+         */
+        "onTdsInput"?: (event: TdsSliderCustomEvent<{
+    value: string;
   }>) => void;
         /**
           * Sets the read only state for the whole component
@@ -3736,7 +3778,7 @@ declare namespace LocalJSX {
          */
         "placeholder"?: string;
         /**
-          * Set input in readonly state
+          * Set input in readonly state. Hides the suffix slot if true.
          */
         "readOnly"?: boolean;
         /**
@@ -3835,6 +3877,10 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface TdsToast {
+        /**
+          * Enables the close button.
+         */
+        "closable"?: boolean;
         /**
           * Header text for the component.
          */
@@ -3908,6 +3954,14 @@ declare namespace LocalJSX {
           * Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button.
          */
         "mouseOverTooltip"?: boolean;
+        /**
+          * Sets the offset distance
+         */
+        "offsetDistance"?: number;
+        /**
+          * Sets the offset skidding
+         */
+        "offsetSkidding"?: number;
         /**
           * Placement of Tooltip.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scania/tegel",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "description": "Tegel Design System",
   "type": "module",
   "keywords": [
@@ -36,6 +36,7 @@
     "build": "stencil build && stencil build --docs",
     "_comment": "Due to stencil bug with types creation, we need to run build two times!",
     "start": "stencil build --dev --watch --serve",
+    "start:dev": "stencil build --dev --watch --serve",
     "test": "node docker-test-runner.js",
     "update-snapshots": "docker run --rm --network host -v $(pwd):/work/ -w /work/ mcr.microsoft.com/playwright:v1.39.0-jammy /bin/bash -c 'npm install && npx playwright test --update-snapshots && exit'",
     "test.watch": "stencil test --spec --e2e --watchAll",
@@ -49,7 +50,8 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.8",
-    "@stencil/core": "^4.12.0",
+    "@stencil/core": "^4.12.6",
+    "date-fns": "^2.30.0",
     "prettier": "^2.7.1"
   },
   "devDependencies": {

package/dist/tegel/p-2d534698.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as d}from"./p-6bb7fa2c.js";const s=class{constructor(d){t(this,d),this.tdsChange=e(this,"tdsChange",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsFocus=e(this,"tdsFocus",6),this.getDefaultValue=()=>{const t=this.defaultValue.slice(0,4),e=this.defaultValue.slice(5,7),d=this.defaultValue.slice(8,10),s=this.defaultValue.slice(11,13),i=this.defaultValue.slice(14,16);switch(this.type){case"datetime-local":return`${t}-${e}-${d}T${s}:${i}`;case"date":return`${t}-${e}-${d}`;case"time":return`${this.defaultValue.slice(0,2)}:${this.defaultValue.slice(3,5)}`;default:throw new Error("Invalid type.")}},this.type="datetime-local",this.value="",this.min=void 0,this.max=void 0,this.defaultValue="none",this.disabled=!1,this.size="lg",this.noMinWidth=!1,this.modeVariant=null,this.name="",this.state=void 0,this.autofocus=!1,this.label="",this.helper="",this.focusInput=void 0}async setValue(t){this.value=t}componentWillLoad(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue())}handleFocusIn(){this.focusInput=!0}handleFocusOut(){this.focusInput=!1}handleInput(t){this.value=t.target.value,this.tdsChange.emit(t)}handleChange(t){this.tdsChange.emit(t)}handleFocusClick(t){this.textInput.focus(),this.tdsFocus.emit(t)}handleBlur(t){this.textInput.blur(),this.tdsBlur.emit(t)}render(){let t=" tds-datetime-input";return"md"===this.size&&(t+=`${t}-md`),"sm"===this.size&&(t+=`${t}-sm`),d("div",{key:"c1898a8f2f246873fd96d0341ec586d383cb82cc",class:`\n        ${this.noMinWidth?"tds-form-datetime-nomin":""}\n        ${this.focusInput?"tds-form-datetime tds-datetime-focus":" tds-form-datetime"}\n        ${this.value.length>0?"tds-datetime-data":""}\n        ${this.disabled?"tds-form-datetime-disabled":""}\n        ${"md"===this.size?"tds-form-datetime-md":""}\n        ${"sm"===this.size?"tds-form-datetime-sm":""}\n        ${"error"===this.state||"success"===this.state?`tds-form-datetime-${this.state}`:""}\n        ${null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""}`},this.label&&d("label",{htmlFor:this.name,class:"tds-datetime-label"},this.label),d("div",{key:"944fd7e9cc22e00963871f3b5c0beea9a79b5178",onClick:t=>this.handleFocusClick(t),class:"tds-datetime-container"},d("div",{key:"a5031fa204ba8243397940218b8441075c1a1956",class:"tds-datetime-input-container"},d("input",{key:"3f6450962c8c36266a5850e4301e1cbeebfdcf6a",ref:t=>this.textInput=t,class:t,type:this.type,disabled:this.disabled,value:this.value,min:this.min,max:this.max,autofocus:this.autofocus,name:this.name,onInput:t=>this.handleInput(t),onBlur:t=>this.handleBlur(t),onChange:t=>this.handleChange(t)}),d("div",{key:"96167c82dfe4cc3fd190022c221bb00276a437fe",class:"datetime-icon icon-datetime-local"},d("tds-icon",{key:"b4f224e2ea3131118c6877aa882cd02417ef7ebc",size:"20px",name:"calendar"})),d("div",{key:"1dbd2e11a29bc4d75a98072d4f988c66423fa4e2",class:"datetime-icon icon-time"},d("tds-icon",{key:"cfea2bb492ee6d6531041139bda0fabe48135932",size:"20px",name:"clock"}))),d("div",{key:"c336d198941fde234202ee75a87464517178bf69",class:"tds-datetime-bar"})),this.helper&&d("div",{class:"tds-datetime-helper"},d("div",{class:"tds-helper"},"error"===this.state&&d("tds-icon",{name:"error",size:"16px"}),this.helper)))}};s.style='.tds-datetime-input[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-md[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-sm[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime{display:none}.tds-datetime-input.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.tds-datetime-input.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-md.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-md.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-md.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input-md.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input-md.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-md.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input-md.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-sm.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-sm.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-sm.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input-sm.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input-sm.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-sm.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input-sm.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-container.sc-tds-datetime{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-datetime-background);border-bottom:1px solid var(--tds-datetime-border-bottom);transition:border-bottom-color 200ms ease}.tds-datetime-container.sc-tds-datetime:hover{border-bottom-color:var(--tds-datetime-border-bottom-hover)}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:48px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:40px}.tds-datetime-input-container.sc-tds-datetime{position:relative;width:100%}.tds-datetime-input-container.sc-tds-datetime .datetime-icon.sc-tds-datetime{height:20px;width:20px;position:absolute;top:50%;transform:translateY(-50%);right:18px;pointer-events:none;color:var(--tds-datetime-icon)}.tds-datetime-label.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-datetime-label-color)}.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-datetime-label-inside-color);left:16px}.tds-form-datetime.sc-tds-datetime{display:block;min-width:208px;background:unset}.tds-form-datetime-nomin.sc-tds-datetime{min-width:auto}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:20px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-focus.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.tds-datetime-bar.sc-tds-datetime{position:absolute;width:100%}.tds-datetime-bar.sc-tds-datetime::before,.tds-datetime-bar.sc-tds-datetime::after{content:"";height:2px;top:54px;width:0;position:absolute;background:var(--tds-datetime-bar);transition:0.35s ease all}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-md.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{top:46px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{top:40px}.tds-datetime-bar.sc-tds-datetime::before{left:50%}.tds-datetime-bar.sc-tds-datetime::after{right:50%}.tds-datetime-focus.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-datetime-focus.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{width:50%}.tds-datetime-helper.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-datetime-helper)}.tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:inline-flex;gap:8px}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:transparent}.tds-form-datetime-disabled.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-disabled)}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-label.sc-tds-datetime{color:var(--tds-datetime-label-disabled);cursor:not-allowed}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-success);color:var(--tds-datetime-color-success)}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-success.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{background:var(--tds-datetime-bar-sucess)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-error.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{background:var(--tds-datetime-bar-error)}.tds-form-datetime-error.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-error)}.tds-datetime-textcounter.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter);float:right}.tds-datetime-textcounter.sc-tds-datetime .tds-datetime-textcounter-divider.sc-tds-datetime{letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter-divider)}input[type=datetime-local].sc-tds-datetime::-webkit-inner-spin-button,input[type=datetime-local].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=date].sc-tds-datetime::-webkit-inner-spin-button,input[type=date].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=time].sc-tds-datetime::-webkit-inner-spin-button,input[type=time].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}';export{s as tds_datetime}

package/dist/tegel/p-4ac12ddb.entry.js

@@ -1 +0,0 @@
-import{r as t,h as o,H as s,g as i}from"./p-6bb7fa2c.js";import{i as d}from"./p-3fe9cbbf.js";const r=class{constructor(o){t(this,o),this.offsetSkidding=0,this.offsetDistance=8,this.popperjsExtraModifiers=[{name:"positionCalc",enabled:!0,phase:"main",fn:({state:t})=>{"bottom-start"===t.placement||"right-start"===t.placement?this.border="top-left":"bottom-end"===t.placement||"left-start"===t.placement?this.border="top-right":"top-end"===t.placement||"left-end"===t.placement?this.border="bottom-right":"top-start"===t.placement||"right-end"===t.placement?this.border="bottom-left":"bottom"!==t.placement&&"top"!==t.placement||(this.border="default")}}],this.inheritedAttributes=[],this.text="",this.selector="",this.referenceEl=void 0,this.mouseOverTooltip=!1,this.show=!1,this.placement="bottom"}componentWillLoad(){this.inheritedAttributes=d(this.host,["style","class"])}render(){var t;return o(s,{key:"bcc66dd0579d47ddc7dfe6f3cd37e95aac6efc9f"},o("tds-popover-core",Object.assign({key:"8cb113ad567f52b39979bda4ceff545973e163f7"},this.inheritedAttributes,{class:{"tds-tooltip":!0,[`tds-tooltip-${this.border}`]:!0,[null!==(t=this.inheritedAttributes.class)&&void 0!==t?t:""]:!0,"tds-tooltip-show":this.show},selector:this.selector,referenceEl:this.referenceEl,trigger:this.mouseOverTooltip?"hover-popover":"hover",modifiers:this.popperjsExtraModifiers,show:this.show,placement:this.placement,autoHide:!1,onInternalTdsShow:()=>{this.show=!0},onInternalTdsClose:()=>{this.show=!1}}),this.text,o("slot",{key:"d15a1e1164cc747cd336db2ce109c0cd782fbc68"})))}get host(){return i(this)}};r.style=".sc-tds-tooltip:root,.tds-mode-light.sc-tds-tooltip{--tds-tooltip-background:var(--tds-grey-800);--tds-tooltip-color:var(--tds-white)}.tds-mode-dark.sc-tds-tooltip{--tds-tooltip-background:var(--tds-grey-200);--tds-tooltip-color:var(--tds-grey-958)}.tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}";export{r as tds_tooltip}

package/dist/tegel/p-55afd9bb.entry.js

@@ -1 +0,0 @@
-import{r as d,c as t,h as o,H as s,g as a}from"./p-6bb7fa2c.js";import{h as i}from"./p-ae110fc2.js";const e=class{constructor(o){d(this,o),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.initializeReferenceElement=d=>{d&&d.addEventListener("click",(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.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.isShown=!1}async showModal(){this.isShown=!0}async closeModal(){this.isShown=!1}connectedCallback(){void 0!==this.show&&(this.isShown=this.show),this.setDismissButtons(),this.setShowButton(),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. ")}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((d=>{d.addEventListener("click",(d=>{this.handleClose(d)}))}))}render(){const d=i("header",this.host),t=i("actions",this.host);return o(s,{key:"d3e0d4d6611134126de12944c238e96acce8dc58",class:this.isShown?"show":"hide",onClick:d=>this.handleOverlayClick(d)},o("div",{key:"c3b155f003be30978deefd302a0db9f20c319367",class:"tds-modal-backdrop"}),o("div",{key:"4606f040cd26d18b6cea7a1ef3af036b917a622c",class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`},o("div",{key:"5f281f96937c5459ef6de75a240769f95a607739",class:"header"},this.header&&o("div",{class:"header"},this.header),d&&o("slot",{name:"header"}),o("button",{key:"d3cd87c242e5974886591241a8895780a0ee89a2",class:"tds-modal-close","aria-label":"close",onClick:d=>this.handleClose(d)},o("tds-icon",{key:"bc9cc1be58288d800e36e66b53033f1991322cce",name:"cross",size:"20px"}))),o("div",{key:"d30c37f23034e17dd4bb6a1a824f06147ba7982d",class:"body"},o("slot",{key:"51e0253c5082db0f65504f45446a0aec33b4b1a2",name:"body"})),t&&o("slot",{name:"actions"})))}get host(){return a(this)}};e.style=":root,.tds-mode-light{--tds-modal-backdrop:rgba(0 0 0 / 40%);--tds-modal-background:var(--tds-white);--tds-modal-text:var(--tds-grey-958);--tds-modal-icon:var(--tds-black);--tds-modal-icon-native:url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.40338 2.34308C3.11048 2.05019 2.63561 2.05019 2.34272 2.34308C2.04982 2.63598 2.04982 3.11085 2.34272 3.40374L6.93897 8L2.34283 12.5961C2.04994 12.889 2.04994 13.3639 2.34283 13.6568C2.63572 13.9497 3.1106 13.9497 3.40349 13.6568L7.99963 9.06066L12.5958 13.6568C12.8887 13.9497 13.3635 13.9497 13.6564 13.6568C13.9493 13.3639 13.9493 12.889 13.6564 12.5961L9.06029 8L13.6565 3.40376C13.9494 3.11086 13.9494 2.63599 13.6565 2.3431C13.3636 2.0502 12.8888 2.0502 12.5959 2.3431L7.99963 6.93934L3.40338 2.34308Z' fill='black'/%3E%3C/svg%3E%0A\");--tds-modal-scrollbar:var(--tds-grey-300);--tds-modal-scrollbar-track:var(--tds-grey-300);--tds-modal-scrollbar-thumb:var(--tds-grey-500)}.tds-mode-dark{--tds-modal-backdrop:rgba(0 0 0 / 40%);--tds-modal-background:var(--tds-grey-900);--tds-modal-text:var(--tds-grey-50);--tds-modal-icon:var(--tds-white);--tds-modal-icon-native:url(\"data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.40338 2.34308C3.11048 2.05019 2.63561 2.05019 2.34272 2.34308C2.04982 2.63598 2.04982 3.11085 2.34272 3.40374L6.93897 8L2.34283 12.5961C2.04994 12.889 2.04994 13.3639 2.34283 13.6568C2.63572 13.9497 3.1106 13.9497 3.40349 13.6568L7.99963 9.06066L12.5958 13.6568C12.8887 13.9497 13.3635 13.9497 13.6564 13.6568C13.9493 13.3639 13.9493 12.889 13.6564 12.5961L9.06029 8L13.6565 3.40376C13.9494 3.11086 13.9494 2.63599 13.6565 2.3431C13.3636 2.0502 12.8888 2.0502 12.5959 2.3431L7.99963 6.93934L3.40338 2.34308Z' fill='white'/%3E%3C/svg%3E%0A\");--tds-modal-scrollbar:var(--tds-grey-300);--tds-modal-scrollbar-track:var(--tds-grey-300);--tds-modal-scrollbar-thumb:var(--tds-grey-500)}.tds-modal{box-sizing:border-box;background-color:var(--tds-modal-background);margin:auto;position:relative;border-radius:4px;padding:16px;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}.tds-modal__actions-sticky .body{font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls);padding-bottom:96px;margin:0 -16px 0 0;max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{position:absolute;bottom:-1px;left:0;right:0;background-color:var(--tds-modal-background);padding: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}@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-bottom:var(--tds-spacing-element-8);position:sticky;top:0;background-color:var(--tds-modal-background);z-index:1}.header::before{content:\" \";position:absolute;height:16px;top:-16px;width:100%;background-color:var(--tds-modal-background)}.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);padding-bottom:40px;overflow-y:visible;padding-right:16px;}.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)}@media (min-width: 1056px){.body{padding-right:64px}}.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-5c528867.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s,H as e,g as i}from"./p-6bb7fa2c.js";const d=["verticalDividers","compactDesign","noMinWidth"],o=class{constructor(s){t(this,s),this.cellValue=void 0,this.cellKey=void 0,this.disablePadding=!1,this.textAlignState=void 0,this.activeSorting=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>d.includes(t))).forEach((s=>{if(void 0===this[s])throw new Error(`Table prop is not supported: ${s}`);this[s]=t.detail[s]}))}internalTdsHoverListener(t){const{tableId:s,key:e}=t.detail;s===this.tableId&&(this.activeSorting=this.cellKey===e)}internalTdsTextAlignListener(t){const[s,e,i]=t.detail;this.tableId===s&&this.cellKey===e&&(this.textAlignState=i)}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){d.forEach((t=>{this[t]=this.tableEl[t]}))}render(){return s(e,{key:"70e15157b5cdb058c0bb1a57bc45ba2a63a7cf1e",class:{"tds-table__body-cell":!0,"tds-table__body-cell--hover":this.activeSorting,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth,"tds-table__body-cell--no-padding":this.disablePadding},style:{textAlign:this.textAlignState}},this.cellValue,s("slot",{key:"2f006a87a5c0ed1b7212ab96913b40683df4c8a6"}))}get host(){return i(this)}};o.style=":host(.tds-table__body-cell){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:table-cell;box-sizing:border-box;color:var(--tds-table-color);padding:var(--tds-spacing-element-16);min-width:192px;vertical-align:top;background-color:transparent;transition:background-color 200ms ease}:host(.tds-table__body-cell) *{box-sizing:border-box}:host(.tds-table__body-cell--no-padding){padding:0}:host(.tds-table__body-cell--hover){background-color:var(--tds-table-body-cell-background-hover)}:host(.tds-table__compact){padding:var(--tds-spacing-element-8) var(--tds-spacing-element-16)}:host(.tds-table--divider){border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type){border-right:none}:host(.tds-table--no-min-width){min-width:unset}";export{o as tds_body_cell}

package/dist/tegel/p-68f0f81d.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as o,H as e,g as a}from"./p-6bb7fa2c.js";import{g as r}from"./p-11648030.js";import{h as i}from"./p-ae110fc2.js";const n=class{constructor(o){t(this,o),this.tdsClose=s(this,"tdsClose",7),this.getIconName=()=>{switch(this.variant){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}},this.handleClose=()=>{this.tdsClose.emit({toastId:this.toastId}).defaultPrevented||(this.hidden=!0)},this.handleShow=()=>{this.tdsClose.emit({toastId:this.toastId}).defaultPrevented||(this.hidden=!1)},this.toastId=r(),this.header=void 0,this.subheader=void 0,this.variant="information",this.hidden=!1,this.toastRole="alert"}async hideToast(){this.hidden=!0}async showToast(){this.hidden=!1}render(){const t=i("header",this.host),s=i("subheader",this.host),a=i("actions",this.host);return o(e,{key:"ef3bf94989a3966dbceae7266b9defd5f3e94b97",toastRole:this.toastRole,"aria-describedby":this.host.getAttribute("aria-describedby"),class:{hide:this.hidden,show:!this.hidden}},o("div",{key:"037b0d3313fbb663c147c195aef001fa6c0c0b5f",class:`\n            wrapper\n            ${this.variant}`},o("tds-icon",{key:"d69688a9dff7ec78c7bdc3923b5efb793034497e",name:this.getIconName(),size:"20px"}),o("div",{key:"cee5e70c6af0b0fb2f51131a5f000ef849456c6f",class:"content"},o("div",{key:"18855f70d0db55bd8aea5c7c82cc4a159cfb10a0",class:"header-subheader"},this.header&&o("div",{class:"header"},this.header),t&&o("slot",{name:"header"}),this.subheader&&o("div",{class:"subheader"},this.subheader),s&&o("slot",{name:"subheader"})),a&&o("div",{class:"toast-bottom "+(s||this.subheader?"subheader":"no-subheader")},o("slot",{name:"actions"}))),o("button",{key:"e95faf92ad8cfc5262aafbf1a5ace77a96f87e20",onClick:()=>{this.handleClose()},class:"close"},o("tds-icon",{key:"e1ce21f0ef7fb6862f560f153c515296c83d4f57",name:"cross",size:"20px"}))))}get host(){return a(this)}};n.style=":host(.hide){display:none;visibility:hidden}:host{z-index:800}:host .wrapper{display:flex;width:348px;background-color:var(--tds-toast-background-color);border-radius:4px}:host .wrapper.information{border-left:4px solid var(--tds-information)}:host .wrapper.information tds-icon{color:var(--tds-information)}:host .wrapper.success{border-left:4px solid var(--tds-positive)}:host .wrapper.success tds-icon{color:var(--tds-positive)}:host .wrapper.error{border-left:4px solid var(--tds-negative)}:host .wrapper.error tds-icon{color:var(--tds-negative)}:host .wrapper.warning{border-left:4px solid var(--tds-warning)}:host .wrapper.warning tds-icon{color:var(--tds-warning)}:host .wrapper button.close{height:20px;width:20px;display:flex;align-items:center;justify-content:center;margin:14px 14px 0 0;border:none;background:transparent}:host .wrapper button.close:hover{cursor:pointer}:host .wrapper button.close:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .wrapper button.close tds-icon{color:var(--tds-toast-dissmiss-color);padding:0}:host tds-icon{padding:14px 0 0 12px}:host .content{padding:16px 0 16px 10px;display:flex;flex-direction:column;flex:1}:host .content .header-subheader{display:flex;flex-direction:column;gap:4px}:host .content .header,:host .content slot[name=header]::slotted(*){font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-toast-headline-color)}:host .content .subheader,:host .content slot[name=subheader]::slotted(*){color:var(--tds-toast-subheadline-color);font:var(--tds-detail-02) !important;letter-spacing:var(--tds-detail-02-ls) !important;max-width:252px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .content .subheader.no-link slot::slotted(*),:host .content slot[name=subheader]::slotted(*).no-link slot::slotted(*){padding-bottom:0}:host .content .toast-bottom{margin-top:12px}:host slot[name=actions]::slotted(*){color:var(--tds-toast-link-color)}:host .tds-mode-variant-primary{--tds-toast-background:var(--tds-toast-background-primary)}:host .tds-mode-variant-secondary{--tds-toast-background:var(--tds-toast-background-secondary)}";export{n as tds_toast}

package/dist/tegel/p-6bb7fa2c.js

@@ -1,2 +0,0 @@
-let e,t,n,l=!1,o=!1,s=!1,i=!1,c=!1;const r="slot-fb{display:contents}slot-fb[hidden]{display:none}",f="http://www.w3.org/1999/xlink",u={},a=e=>"object"==(e=typeof e)||"function"===e;function d(e){var t,n,l;return null!==(l=null===(n=null===(t=e.head)||void 0===t?void 0:t.querySelector('meta[name="csp-nonce"]'))||void 0===n?void 0:n.getAttribute("content"))&&void 0!==l?l:void 0}const v=(e,t,...n)=>{let l=null,o=null,s=null,i=!1,c=!1;const r=[],f=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?f(l):null!=l&&"boolean"!=typeof l&&((i="function"!=typeof e&&!a(l))&&(l+=""),i&&c?r[r.length-1].t+=l:r.push(i?p(null,l):l),c=i)};if(f(n),t){t.key&&(o=t.key),t.name&&(s=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,r,$);const u=p(e,null);return u.l=t,r.length>0&&(u.o=r),u.i=o,u.u=s,u},p=(e,t)=>({v:0,p:e,t,$:null,o:null,l:null,i:null,u:null}),y={},$={forEach:(e,t)=>e.map(h).forEach(t),map:(e,t)=>e.map(h).map(t).map(m)},h=e=>({vattrs:e.l,vchildren:e.o,vkey:e.i,vname:e.u,vtag:e.p,vtext:e.t}),m=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),v(e.vtag,t,...e.vchildren||[])}const t=p(e.vtag,e.vtext);return t.l=e.vattrs,t.o=e.vchildren,t.i=e.vkey,t.u=e.vname,t},b=e=>ae(e).$hostElement$,w=(e,t,n)=>{const l=b(e);return{emit:e=>g(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},g=(e,t,n)=>{const l=ge.ce(t,n);return e.dispatchEvent(l),l},k=new WeakMap,j=e=>"sc-"+e.h,S=(e,t,n,l,o,s)=>{if(n!==l){let i=pe(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=C(n),s=C(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(i||"o"!==t[0]||"n"!==t[1]){const r=a(l);if((i||r&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let u=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(t=c,u=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(t)||(u?e.removeAttributeNS(f,t):e.removeAttribute(t)):(!i||4&s||o)&&!r&&(l=!0===l?"":l,u?e.setAttributeNS(f,t,l):e.setAttribute(t,l))}else if(t="-"===t[2]?t.slice(3):pe(be,c)?c.slice(2):c[2]+t.slice(3),n||l){const o=t.endsWith(x);t=t.replace(M,""),n&&ge.rel(e,t,n,o),l&&ge.ael(e,t,l,o)}}},O=/\s/,C=e=>e?e.split(O):[],x="Capture",M=RegExp(x+"$"),R=(e,t,n,l)=>{const o=11===t.$.nodeType&&t.$.host?t.$.host:t.$,s=e&&e.l||u,i=t.l||u;for(l in s)l in i||S(o,l,s[l],void 0,n,t.v);for(l in i)S(o,l,s[l],i[l],n,t.v)},P=(o,c,r,f)=>{const u=c.o[r];let a,d,v,p=0;if(l||(s=!0,"slot"===u.p&&(e&&f.classList.add(e+"-s"),u.v|=u.o?2:1)),null!==u.t)a=u.$=we.createTextNode(u.t);else if(1&u.v)a=u.$=we.createTextNode("");else{if(i||(i="svg"===u.p),a=u.$=we.createElementNS(i?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&u.v?"slot-fb":u.p),i&&"foreignObject"===u.p&&(i=!1),R(null,u,i),null!=e&&a["s-si"]!==e&&a.classList.add(a["s-si"]=e),u.o)for(p=0;p<u.o.length;++p)d=P(o,u,p,a),d&&a.appendChild(d);"svg"===u.p?i=!1:"foreignObject"===a.tagName&&(i=!0)}return a["s-hn"]=n,3&u.v&&(a["s-sr"]=!0,a["s-cr"]=t,a["s-sn"]=u.u||"",v=o&&o.o&&o.o[r],v&&v.p===u.p&&o.$&&E(o.$,!1)),a},E=(e,t)=>{ge.v|=1;const l=e.childNodes;for(let e=l.length-1;e>=0;e--){const o=l[e];o["s-hn"]!==n&&o["s-ol"]&&(W(o).insertBefore(o,N(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,s=!0),t&&E(o,t)}ge.v&=-2},T=(e,t,l,o,s,i)=>{let c,r=e["s-cr"]&&e["s-cr"].parentNode||e;for(r.shadowRoot&&r.tagName===n&&(r=r.shadowRoot);s<=i;++s)o[s]&&(c=P(null,l,s,e),c&&(o[s].$=c,r.insertBefore(c,N(t))))},F=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.$;V(t),e&&(o=!0,e["s-ol"]?e["s-ol"].remove():E(e,!0),e.remove())}}},L=(e,t,n=!1)=>e.p===t.p&&("slot"===e.p?e.u===t.u:!!n||e.i===t.i),N=e=>e&&e["s-ol"]||e,W=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,A=(e,t,n=!1)=>{const l=t.$=e.$,o=e.o,s=t.o,c=t.p,r=t.t;let f;null===r?(i="svg"===c||"foreignObject"!==c&&i,"slot"===c||R(e,t,i),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,i,c=0,r=0,f=0,u=0,a=t.length-1,d=t[0],v=t[a],p=l.length-1,y=l[0],$=l[p];for(;c<=a&&r<=p;)if(null==d)d=t[++c];else if(null==v)v=t[--a];else if(null==y)y=l[++r];else if(null==$)$=l[--p];else if(L(d,y,o))A(d,y,o),d=t[++c],y=l[++r];else if(L(v,$,o))A(v,$,o),v=t[--a],$=l[--p];else if(L(d,$,o))"slot"!==d.p&&"slot"!==$.p||E(d.$.parentNode,!1),A(d,$,o),e.insertBefore(d.$,v.$.nextSibling),d=t[++c],$=l[--p];else if(L(v,y,o))"slot"!==d.p&&"slot"!==$.p||E(v.$.parentNode,!1),A(v,y,o),e.insertBefore(v.$,d.$),v=t[--a],y=l[++r];else{for(f=-1,u=c;u<=a;++u)if(t[u]&&null!==t[u].i&&t[u].i===y.i){f=u;break}f>=0?(i=t[f],i.p!==y.p?s=P(t&&t[r],n,f,e):(A(i,y,o),t[f]=void 0,s=i.$),y=l[++r]):(s=P(t&&t[r],n,r,e),y=l[++r]),s&&W(d.$).insertBefore(s,N(d.$))}c>a?T(e,null==l[p+1]?null:l[p+1].$,n,l,r,p):r>p&&F(t,c,a)})(l,o,t,s,n):null!==s?(null!==e.t&&(l.textContent=""),T(l,null,t,s,0,s.length-1)):null!==o&&F(o,0,o.length-1),i&&"svg"===c&&(i=!1)):(f=l["s-cr"])?f.parentNode.textContent=r:e.t!==r&&(l.data=r)},D=e=>{const t=e.childNodes;for(const e of t)if(1===e.nodeType){if(e["s-sr"]){const n=e["s-sn"];e.hidden=!1;for(const l of t)if(l!==e)if(l["s-hn"]!==e["s-hn"]||""!==n){if(1===l.nodeType&&(n===l.getAttribute("slot")||n===l["s-sn"])){e.hidden=!0;break}}else if(1===l.nodeType||3===l.nodeType&&""!==l.textContent.trim()){e.hidden=!0;break}}D(e)}},U=[],H=e=>{let t,n,l;for(const s of e.childNodes){if(s["s-sr"]&&(t=s["s-cr"])&&t.parentNode){n=t.parentNode.childNodes;const e=s["s-sn"];for(l=n.length-1;l>=0;l--)if(t=n[l],!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==s["s-hn"])if(q(t,e)){let n=U.find((e=>e.m===t));o=!0,t["s-sn"]=t["s-sn"]||e,n?(n.m["s-sh"]=s["s-hn"],n.k=s):(t["s-sh"]=s["s-hn"],U.push({k:s,m:t})),t["s-sr"]&&U.map((e=>{q(e.m,t["s-sn"])&&(n=U.find((e=>e.m===t)),n&&!e.k&&(e.k=n.k))}))}else U.some((e=>e.m===t))||U.push({m:t})}1===s.nodeType&&H(s)}},q=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,V=e=>{e.l&&e.l.ref&&e.l.ref(null),e.o&&e.o.map(V)},_=(e,t)=>{t&&!e.j&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.j=t)))},z=(e,t)=>{if(e.v|=16,!(4&e.v))return _(e,e.S),Pe((()=>B(e,t)));e.v|=512},B=(e,t)=>{const n=e.O;let l;return t&&(e.v|=256,e.C&&(e.C.map((([e,t])=>Y(n,e,t))),e.C=void 0),l=Y(n,"componentWillLoad")),l=G(l,(()=>Y(n,"componentWillRender"))),G(l,(()=>J(e,n,t)))},G=(e,t)=>I(e)?e.then(t):t(),I=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,J=async(e,t,n)=>{var l;const o=e.$hostElement$,s=o["s-rc"];n&&(e=>{const t=e.M,n=e.$hostElement$,l=t.v,o=((e,t)=>{var n;const l=j(t),o=me.get(l);if(e=11===e.nodeType?e:we,o)if("string"==typeof o){let s,i=k.get(e=e.head||e);if(i||k.set(e,i=new Set),!i.has(l)){{s=we.createElement("style"),s.innerHTML=o;const t=null!==(n=ge.R)&&void 0!==n?n:d(we);null!=t&&s.setAttribute("nonce",t),e.insertBefore(s,e.querySelector("link"))}4&t.v&&(s.innerHTML+=r),i&&i.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"),2&l&&n.classList.add(o+"-s"))})(e);K(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!==(l=o["s-p"])&&void 0!==l?l:[],n=()=>Q(e);0===t.length?n():(Promise.all(t).then(n),e.v|=4,t.length=0)}},K=(i,c,r,f)=>{try{c=c.render(),i.v&=-17,i.v|=2,((i,c,r=!1)=>{var f,u,a,d;const $=i.$hostElement$,h=i.M,m=i.P||p(null,null),b=(e=>e&&e.p===y)(c)?c:v(null,null,c);if(n=$.tagName,h.T&&(b.l=b.l||{},h.T.map((([e,t])=>b.l[t]=$[e]))),r&&b.l)for(const e of Object.keys(b.l))$.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(b.l[e]=$[e]);if(b.p=null,b.v|=4,i.P=b,b.$=m.$=$.shadowRoot||$,e=$["s-sc"],t=$["s-cr"],l=0!=(1&h.v),o=!1,A(m,b,r),ge.v|=1,s){H(b.$);for(const e of U){const t=e.m;if(!t["s-ol"]){const e=we.createTextNode("");e["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=e,t)}}for(const e of U){const t=e.m,n=e.k;if(n){const e=n.parentNode;let l=n.nextSibling;{let n=null===(f=t["s-ol"])||void 0===f?void 0:f.previousSibling;for(;n;){let o=null!==(u=n["s-nr"])&&void 0!==u?u:null;if(o&&o["s-sn"]===t["s-sn"]&&e===o.parentNode&&(o=o.nextSibling,!o||!o["s-nr"])){l=o;break}n=n.previousSibling}}(!l&&e!==t.parentNode||t.nextSibling!==l)&&t!==l&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),e.insertBefore(t,l),1===t.nodeType&&(t.hidden=null!==(a=t["s-ih"])&&void 0!==a&&a))}else 1===t.nodeType&&(r&&(t["s-ih"]=null!==(d=t.hidden)&&void 0!==d&&d),t.hidden=!0)}}o&&D(b.$),ge.v&=-2,U.length=0,t=void 0})(i,c,f)}catch(e){ye(e,i.$hostElement$)}return null},Q=e=>{const t=e.$hostElement$,n=e.O,l=e.S;Y(n,"componentDidRender"),64&e.v?Y(n,"componentDidUpdate"):(e.v|=64,Z(t),Y(n,"componentDidLoad"),e.F(t),l||X()),e.L(t),e.j&&(e.j(),e.j=void 0),512&e.v&&Re((()=>z(e,!1))),e.v&=-517},X=()=>{Z(we.documentElement),Re((()=>g(be,"appload",{detail:{namespace:"tegel"}})))},Y=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){ye(e)}},Z=e=>e.classList.add("hydrated"),ee=(e,t,n)=>{var l;const o=e.prototype;if(t.N){e.watchers&&(t.W=e.watchers);const s=Object.entries(t.N);if(s.map((([e,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(o,e,{get(){return((e,t)=>ae(this).A.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=ae(e),s=o.$hostElement$,i=o.A.get(t),c=o.v,r=o.O;if(n=((e,t)=>null==e||a(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.N[t][0]),(!(8&c)||void 0===i)&&n!==i&&(!Number.isNaN(i)||!Number.isNaN(n))&&(o.A.set(t,n),r)){if(l.W&&128&c){const e=l.W[t];e&&e.map((e=>{try{r[e](n,i,t)}catch(e){ye(e,s)}}))}2==(18&c)&&z(o,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,e,{value(...t){var n;const l=ae(this);return null===(n=null==l?void 0:l.D)||void 0===n?void 0:n.then((()=>{var n;return null===(n=l.O)||void 0===n?void 0:n[e](...t)}))}})})),1&n){const n=new Map;o.attributeChangedCallback=function(e,l,s){ge.jmp((()=>{var i;const c=n.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(o.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const n=ae(this),o=null==n?void 0:n.v;if(o&&!(8&o)&&128&o&&s!==l){const o=n.O,c=null===(i=t.W)||void 0===i?void 0:i[e];null==c||c.forEach((t=>{null!=o[t]&&o[t].call(o,s,l,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!==(l=t.W)&&void 0!==l?l:{}),...s.filter((([e,t])=>15&t[0])).map((([e,l])=>{var o;const s=l[1]||e;return n.set(s,e),512&l[0]&&(null===(o=t.T)||void 0===o||o.push([e,s])),s}))]))}}return e},te=e=>{Y(e,"connectedCallback")},ne=e=>{Y(e,"disconnectedCallback")},le=(e,t={})=>{var n;const l=[],o=t.exclude||[],s=be.customElements,i=we.head,c=i.querySelector("meta[charset]"),f=we.createElement("style"),u=[];let a,v=!0;Object.assign(ge,t),ge.U=new URL(t.resourcesUrl||"./",we.baseURI).href;let p=!1;if(e.map((e=>{e[1].map((n=>{var i;const c={v:n[0],h:n[1],N:n[2],H:n[3]};4&c.v&&(p=!0),c.N=n[2],c.H=n[3],c.T=[],c.W=null!==(i=n[4])&&void 0!==i?i:{};const r=t.transformTagName?t.transformTagName(c.h):c.h,f=class extends HTMLElement{constructor(e){super(e),ve(e=this,c),1&c.v&&e.attachShadow({mode:"open",delegatesFocus:!!(16&c.v)})}connectedCallback(){a&&(clearTimeout(a),a=null),v?u.push(this):ge.jmp((()=>(e=>{if(0==(1&ge.v)){const t=ae(e),n=t.M,l=()=>{};if(1&t.v)se(e,t,n.H),(null==t?void 0:t.O)?te(t.O):(null==t?void 0:t.q)&&t.q.then((()=>te(t.O)));else{t.v|=1,12&n.v&&(e=>{const t=e["s-cr"]=we.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){_(t,t.S=n);break}}n.N&&Object.entries(n.N).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let l;if(0==(32&t.v)){t.v|=32;{if(l=he(n),l.then){const e=()=>{};l=await l,e()}l.isProxied||(n.W=l.watchers,ee(l,n,2),l.isProxied=!0);const e=()=>{};t.v|=8;try{new l(t)}catch(e){ye(e)}t.v&=-9,t.v|=128,e(),te(t.O)}if(l.style){let e=l.style;const t=j(n);if(!me.has(t)){const l=()=>{};((e,t,n)=>{let l=me.get(e);je&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,me.set(e,l)})(t,e,!!(1&n.v)),l()}}}const o=t.S,s=()=>z(t,!0);o&&o["s-rc"]?o["s-rc"].push(s):s()})(0,t,n)}l()}})(this)))}disconnectedCallback(){ge.jmp((()=>(async()=>{if(0==(1&ge.v)){const e=ae(this);e.V&&(e.V.map((e=>e())),e.V=void 0),(null==e?void 0:e.O)?ne(e.O):(null==e?void 0:e.q)&&e.q.then((()=>ne(e.O)))}})()))}componentOnReady(){return ae(this).q}};c._=e[0],o.includes(r)||s.get(r)||(l.push(r),s.define(r,ee(f,c,1)))}))})),p&&(f.innerHTML+=r),f.innerHTML+=l+"{visibility:hidden}.hydrated{visibility:inherit}",f.innerHTML.length){f.setAttribute("data-styles","");const e=null!==(n=ge.R)&&void 0!==n?n:d(we);null!=e&&f.setAttribute("nonce",e),i.insertBefore(f,c?c.nextSibling:i.firstChild)}v=!1,u.length?u.map((e=>e.connectedCallback())):ge.jmp((()=>a=setTimeout(X,30)))},oe=(e,t)=>t,se=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=ce(e,n),i=ie(t,o),c=re(n);ge.ael(s,l,i,c),(t.V=t.V||[]).push((()=>ge.rel(s,l,i,c)))}))},ie=(e,t)=>n=>{try{256&e.v?e.O[t](n):(e.C=e.C||[]).push([t,n])}catch(e){ye(e)}},ce=(e,t)=>4&t?we:8&t?be:16&t?we.body:e,re=e=>({passive:0!=(1&e),capture:0!=(2&e)}),fe=e=>ge.R=e,ue=new WeakMap,ae=e=>ue.get(e),de=(e,t)=>ue.set(t.O=e,t),ve=(e,t)=>{const n={v:0,$hostElement$:e,M:t,A:new Map};return n.D=new Promise((e=>n.L=e)),n.q=new Promise((e=>n.F=e)),e["s-p"]=[],e["s-rc"]=[],se(e,n,t.H),ue.set(e,n)},pe=(e,t)=>t in e,ye=(e,t)=>(0,console.error)(e,t),$e=new Map,he=e=>{const t=e.h.replace(/-/g,"_"),n=e._,l=$e.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>($e.set(n,e),e[t])),ye)
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},me=new Map,be="undefined"!=typeof window?window:{},we=be.document||{head:{}},ge={v:0,U:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},ke=e=>Promise.resolve(e),je=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),Se=[],Oe=[],Ce=(e,t)=>n=>{e.push(n),c||(c=!0,t&&4&ge.v?Re(Me):ge.raf(Me))},xe=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){ye(e)}e.length=0},Me=()=>{xe(Se),xe(Oe),(c=Se.length>0)&&ge.raf(Me)},Re=e=>ke().then(e),Pe=Ce(Oe,!0);export{oe as F,y as H,le as b,w as c,b as g,v as h,ke as p,de as r,fe as s}

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as s,H as a,g as l}from"./p-6bb7fa2c.js";const d=["multiselect","expandableRows","compactDesign","noMinWidth","verticalDividers"],o=class{constructor(a){t(this,a),this.tdsSort=e(this,"tdsSort",7),this.internalSortButtonClicked=e(this,"internalSortButtonClicked",6),this.internalTdsTextAlign=e(this,"internalTdsTextAlign",6),this.internalTdsHover=e(this,"internalTdsHover",6),this.sortButtonClick=()=>{this.sortingDirection="asc"!==this.sortingDirection?"asc":"desc",this.sortedByMyKey=!0,this.tdsSort.emit({tableId:this.tableId,columnKey:this.cellKey,sortingDirection:this.sortingDirection}),this.internalSortButtonClicked.emit({tableId:this.tableId,key:this.cellKey})},this.headerCellContent=()=>this.sortable?s("button",{class:"tds-table__header-button",onClick:()=>this.sortButtonClick()},s("span",{class:"tds-table__header-button-text",style:{textAlign:this.textAlignState}},this.cellValue,s("slot",null)),null===this.sortingDirection&&s("svg",{class:"tds-table__header-button-icon",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 15"},s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.45 13.67V4.62a.5.5 0 0 1 1 0v9.05h-1Z"}),s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6.07 10.28a.5.5 0 0 1 .7.08l2.1 2.66a.1.1 0 0 0 .15 0l2.09-2.66a.5.5 0 1 1 .78.62l-2.08 2.66a1.1 1.1 0 0 1-1.73 0l-2.1-2.66a.5.5 0 0 1 .1-.7ZM3.55.4v9.04a.5.5 0 1 1-1 0V.39h1Z"}),s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5.93 3.78a.5.5 0 0 1-.7-.08l-2.1-2.66a.1.1 0 0 0-.15 0L.89 3.7a.5.5 0 0 1-.78-.62L2.19.42a1.1 1.1 0 0 1 1.73 0l2.1 2.66a.5.5 0 0 1-.1.7Z"})),this.sortingDirection&&s("svg",{class:"tds-table__header-button-icon "+("desc"===this.sortingDirection?"tds-table__header-button-icon--rotate":""),fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M17 2.974a1 1 0 0 0-2 0v24.3l-9.312-9.312a1 1 0 0 0-1.414 1.414l9.887 9.888a2.6 2.6 0 0 0 3.677 0l9.888-9.888a1 1 0 0 0-1.414-1.414L17 27.274v-24.3Z"}))):s("p",{class:"tds-table__header-text",style:{textAlign:this.textAlignState}},this.cellValue,s("slot",null)),this.onHeadCellHover=t=>{this.internalTdsHover.emit({tableId:this.tableId,key:t})},this.cellKey=void 0,this.cellValue=void 0,this.customWidth=void 0,this.sortable=!1,this.textAlign=void 0,this.textAlignState=void 0,this.sortingDirection="asc",this.sortedByMyKey=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.multiselect=!1,this.enableToolbarDesign=!1,this.tableId="",this.expandableRows=!1}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>d.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}updateOptionsContent(t){const{tableId:e,key:s}=t.detail;this.tableId===e&&this.cellKey!==s&&(this.sortedByMyKey=!1,setTimeout((()=>{this.sortingDirection=null}),200))}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){d.forEach((t=>{this[t]=this.tableEl[t]}))}componentWillRender(){this.textAlignState="right"===this.textAlign||"end"===this.textAlign?"right":"left",this.internalTdsTextAlign.emit([this.tableId,this.cellKey,this.textAlignState]),this.enableToolbarDesign=this.host.closest("tds-table").getElementsByTagName("tds-table-toolbar").length>=1}render(){return s(a,{key:"d09c42078df2774f9bae1e9e2906abdf9e52f5ac",class:{"tds-table__header-cell":!0,"tds-table__header-cell--sortable":this.sortable,"tds-table__header-cell--is-sorted":this.sortedByMyKey,"tds-table__header-cell--custom-width":""!==this.customWidth,"tds-table__header-cell--right-align":"right"===this.textAlignState,"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth,"tds-table--extra-column":this.multiselect||this.expandableRows,"tds-table--toolbar-available":this.enableToolbarDesign},style:{width:this.customWidth},onMouseOver:()=>this.onHeadCellHover(this.cellKey),onMouseLeave:()=>this.onHeadCellHover("")},this.headerCellContent())}get host(){return l(this)}};o.style=":host(.tds-table__header-cell){box-sizing:border-box;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);display:table-cell;text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-header-background-hover);padding:0;height:48px;min-width:192px;box-sizing:border-box;vertical-align:middle;overflow:hidden;transition:background-color 200ms ease}:host(.tds-table__header-cell) *{box-sizing:border-box}:host(.tds-table__header-cell) .tds-table__header-text{padding:0 16px;margin:0}:host(.tds-table__header-cell--sortable) .tds-table__header-button{display:flex;align-items:center;gap:8px;justify-content:start;flex-direction:row;width:100%;height:100%;padding:0 16px;background-color:transparent;border:none;cursor:pointer;transition:background-color 200ms ease}:host(.tds-table__header-cell--sortable) .tds-table__header-button:focus{outline:2px solid var(--tds-table-header-btn-focus);outline-offset:-2px}:host(.tds-table__header-cell--sortable) .tds-table__header-button:focus .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--sortable) .tds-table__header-button .tds-table__header-button-text{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-header-btn-color)}:host(.tds-table__header-cell--sortable) .tds-table__header-button .tds-table__header-button-icon{flex:0 0 16px;height:16px;width:16px;opacity:0;transform-origin:center;transition:opacity 200ms ease-in, transform 200ms ease;fill:var(--tds-table-color)}:host(.tds-table__header-cell--sortable) .tds-table__header-button:hover .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--right-align) .tds-table__header-button{text-align:right;justify-content:end;flex-direction:row-reverse}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button{background-color:var(--tds-table-header-btn-background)}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button:hover{background-color:var(--tds-table-header-btn-background-hover)}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button .tds-table__header-button-icon--rotate{transform:rotate(180deg)}:host(.tds-table--compact){height:33px}:host(.tds-table--divider){border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type){border-right:none}:host(.tds-table--no-min-width){min-width:unset}:host(.tds-table__header-cell:first-of-type){border-top-left-radius:4px}:host(.tds-table__header-cell:last-of-type){border-top-right-radius:4px}:host(.tds-table--extra-column:first-of-type){border-top-left-radius:0}:host(.tds-table--toolbar-available){border-radius:0}:host(.tds-table--extra-column.tds-table--toolbar-available){border-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:first-of-type){border-top-left-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:last-of-type){border-top-right-radius:0}";export{o as tds_header_cell}

package/dist/tegel/p-8e40b046.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as o,H as e,g as i}from"./p-6bb7fa2c.js";const l=class{constructor(o){t(this,o),this.tdsChange=s(this,"tdsChange",6),this.tdsFocus=s(this,"tdsFocus",6),this.tdsBlur=s(this,"tdsBlur",6),this.tdsInput=s(this,"tdsInput",6),this.setDefaultOption=()=>{Array.from(this.host.children).filter((t=>"TDS-DROPDOWN-OPTION"===t.tagName)).forEach((t=>(this.multiselect?this.defaultValue.split(",").forEach((s=>{s===t.value&&(t.setSelected(!0),this.value=this.value?[...this.value,t.value]:[t.value])})):this.defaultValue===t.value?(t.setSelected(!0),this.value=[t.value]):t.setSelected(!1),this.setValueAttribute(),t)))},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.getOpenDirection=()=>{var t,s,o,e,i;if("auto"===this.openDirection||!this.openDirection){const l=null!==(s=null===(t=this.dropdownList)||void 0===t?void 0:t.offsetHeight)&&void 0!==s?s:0;return(null!==(i=null===(e=(o=this.host).getBoundingClientRect)||void 0===e?void 0:e.call(o).top)&&void 0!==i?i:0)+l+57>window.innerHeight?"up":"down"}return this.openDirection},this.getSelectedChildren=()=>{var t;return null===(t=this.value)||void 0===t?void 0:t.map((t=>this.getChildren().find((s=>s.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?this.filter?null==t?void 0:t.join(", "):null==t?void 0:t.toString():""},this.setValueAttribute=()=>{var t,s,o;""===(null===(t=this.value)||void 0===t?void 0:t.toString())&&(this.value=null),this.host.setAttribute("value",null!==(o=null===(s=this.value)||void 0===s?void 0:s.map((t=>t)).toString())&&void 0!==o?o:null)},this.handleFilter=t=>{this.tdsInput.emit(t);const s=t.target.value.toLowerCase(),o=this.getChildren();""===s?(o.forEach((t=>(t.removeAttribute("hidden"),t))),this.filterResult=null):this.filterResult=o.filter((t=>(this.normalizeString(t.textContent).toLowerCase().includes(this.normalizeString(s).toLowerCase())?t.removeAttribute("hidden"):t.setAttribute("hidden",""),!t.hasAttribute("hidden")))).length},this.handleFocus=t=>{this.tdsFocus.emit(t)},this.handleBlur=t=>{this.tdsBlur.emit(t)},this.handleChange=()=>{var t,s;this.tdsChange.emit({name:this.name,value:null!==(s=null===(t=this.value)||void 0===t?void 0:t.map((t=>t)).toString())&&void 0!==s?s:null})},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.error=!1,this.multiselect=!1,this.filter=!1,this.normalizeText=!0,this.noResultText="No result",this.defaultValue=void 0,this.open=!1,this.value=void 0,this.filterResult=void 0,this.filterFocus=void 0}async reset(){this.internalReset(),this.handleChange()}async setValue(t,s){let o;o="string"==typeof t?[t]:t,!this.multiselect&&o.length>1&&(console.warn("Tried to select multiple items, but multiselect is not enabled."),o=[o[0]]),this.internalReset();for(let t=0;t<o.length;t++)this.getChildren().some((s=>s.value===o[t]))||o.splice(t,1);this.value=o,this.setValueAttribute(),this.selectChildrenAsSelectedBasedOnSelectionProp(),this.handleChange();const e=this.getSelectedChildren().map((t=>({value:t.value,label:t.textContent.trim()})));return this.inputElement.value=this.filter?this.getValue():e.length>0?e[0].label:"",e}async appendValue(t){this.setValue(this.multiselect&&this.value?[...this.value,t]:t)}async removeValue(t){var s,o;let e;return this.multiselect?null===(s=this.getChildren())||void 0===s||s.forEach((s=>{var o;return s.value===t&&(this.value=null===(o=this.value)||void 0===o?void 0:o.filter((t=>t!==s.value)),e=s.textContent.trim(),s.setSelected(!1)),s})):this.reset(),this.handleChange(),this.setValueAttribute(),null===(o=this.value)||void 0===o?void 0:o.map((t=>({value:t,label:e})))}async close(){this.open=!1}onAnyClick(t){this.open&&!t.composedPath().includes(this.host)&&(this.open=!1)}async onKeyDown(t){const{activeElement:s}=document;if(!s)return;const o=this.getChildren();if("ArrowDown"===t.key){const t=s.nextElementSibling?o.findIndex((t=>t===s.nextElementSibling)):0;o[((t,s)=>{if(void 0===t[s])return 0;for(let o=s;o<t.length;o++)if(!t[o].disabled)return o})(o,t)].focus()}else"ArrowUp"===t.key?o[((t,s)=>{if(void 0===t[s])return t.length-1;for(let o=s;o>=0;o--)if(!t[o].disabled)return o})(o,s.nextElementSibling?this.getChildren().findIndex((t=>t===s.previousElementSibling)):0)].focus():"Escape"===t.key&&(this.open=!1)}handleOpenState(){this.filter&&this.multiselect&&(this.open||(this.inputElement.value=this.getValue()))}componentWillLoad(){this.defaultValue&&this.setDefaultOption()}normalizeString(t){return this.normalizeText?t.normalize("NFD").replace(/\p{Diacritic}/gu,""):t}internalReset(){this.getChildren().forEach((t=>(t.setSelected(!1),t))),this.value=null,this.setValueAttribute()}selectChildrenAsSelectedBasedOnSelectionProp(){this.getChildren().forEach((t=>{this.value.forEach((s=>{t.value!==s?this.multiselect||t.setSelected(!1):t.setSelected(!0)}))}))}render(){var t,s,i,l;return((t,s,o,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=s,i.value=o||""})(this.host,this.name,null===(t=this.value)||void 0===t?void 0:t.map((t=>t)).toString(),this.disabled),o(e,{key:"06fa1683eca585c19d2724d5743b29d0fcc8c6fe",role:"select",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""},this.label&&"outside"===this.labelPosition&&o("div",{class:"label-outside "+(this.disabled?"disabled":"")},this.label),o("div",{key:"19927d524a22726438add8cf4d8511c80a16f2f5",class:`dropdown-select ${this.size} ${this.disabled?"disabled":""}`},this.filter?o("div",{class:{filter:!0,focus:this.filterFocus,disabled:this.disabled,error:this.error}},o("div",{class:"value-wrapper"},this.label&&"inside"===this.labelPosition&&this.placeholder&&o("div",{class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&o("div",{class:`\n                    label-inside-as-placeholder\n                    ${this.size}\n                    ${(null===(s=this.value)||void 0===s?void 0:s.length)?"selected":""}\n                    `},this.label),o("input",{ref:t=>this.inputElement=t,class:"inside"===this.labelPosition?"placeholder":"",type:"text",placeholder:this.placeholder,value:this.getValue(),disabled:this.disabled,onInput:t=>this.handleFilter(t),onBlur:t=>{this.filterFocus=!1,this.handleBlur(t)},onFocus:t=>{this.open=!0,this.filterFocus=!0,this.handleFocus(t)},onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)}})),o("tds-icon",{onClick:()=>{this.open=!this.open,this.open&&this.inputElement.focus()},class:this.open?"open":"closed",name:"chevron_down",size:"16px"})):o("button",{onClick:()=>{this.open=!this.open},onKeyDown:t=>{"Escape"===t.key&&(this.open=!1)},class:`\n                ${this.value?"value":"placeholder"}\n                ${this.open?"open":"closed"}\n                ${this.error?"error":""}\n                `,disabled:this.disabled},o("div",{class:`value-wrapper ${this.size}`},this.label&&"inside"===this.labelPosition&&this.placeholder&&o("div",{class:`label-inside ${this.size}`},this.label),this.label&&"inside"===this.labelPosition&&!this.placeholder&&o("div",{class:`\n                    label-inside-as-placeholder\n                    ${this.size}\n                    ${(null===(i=this.value)||void 0===i?void 0:i.length)?"selected":""}\n                    `},this.label),o("div",{class:`placeholder ${this.size}`},(null===(l=this.value)||void 0===l?void 0:l.length)?this.getValue():this.placeholder),o("tds-icon",{class:this.open?"open":"closed",name:"chevron_down",size:"16px"})))),o("div",{key:"7c694f450e7aa381b0a44ccc048c98e1f1c634d9",ref:t=>this.dropdownList=t,class:`dropdown-list\n            ${this.size}\n            ${this.open?"open":"closed"}\n            ${this.getOpenDirection()}\n            ${this.label&&"outside"===this.labelPosition?"label-outside":""}`},o("slot",{key:"68b15927fe222b77580aade9fce8ccd31fe91d62"}),0===this.filterResult&&""!==this.noResultText&&o("div",{class:`no-result ${this.size}`},this.noResultText)),this.helper&&o("div",{class:`helper ${this.error?"error":""} ${this.disabled?"disabled":""}`},this.error&&o("tds-icon",{name:"error",size:"16px"}),this.helper))}get host(){return i(this)}static get watchers(){return{open:["handleOpenState"]}}};l.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:4px 4px 0 0}: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 .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 .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{margin-right:16px}: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.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 .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+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}: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 .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;transition:transform 0.2s ease-in-out;box-shadow:rgba(0, 0, 0, 0.1) 0 2px 3px 0;border-radius:0 0 4px 4px;overflow-y:auto}:host .dropdown-list::-webkit-scrollbar{width:4px;background-color:inherit}:host .dropdown-list::-webkit-scrollbar-thumb{background-color:var(--tds-grey-300)}:host .dropdown-list ::-webkit-scrollbar-button{height:0;width:0}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm{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:4px 4px 0 0}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);visibility:hidden}:host .dropdown-list.open{transform:scaleY(1)}: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 tds-icon{transition:transform 0.2s ease-in-out}:host tds-icon.open{transform:rotateZ(180deg)}';export{l as tds_dropdown}

package/dist/tegel/p-9d79f2fe.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as d,g as i}from"./p-6bb7fa2c.js";import{h as l}from"./p-ae110fc2.js";const s=class{constructor(d){t(this,d),this.tdsChange=e(this,"tdsChange",6),this.tdsInput=e(this,"tdsInput",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsBlur=e(this,"tdsBlur",6),this.type="text",this.labelPosition="no-label",this.label="",this.min=void 0,this.max=void 0,this.helper=void 0,this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.size="lg",this.modeVariant=null,this.noMinWidth=!1,this.name="",this.state="default",this.maxLength=void 0,this.autofocus=!1,this.focusInput=void 0}handleChange(t){this.tdsChange.emit(t)}handleInput(t){this.tdsInput.emit(t),this.value=t.target.value}handleFocus(t){this.textInput.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}handleBlur(t){this.focusInput=!1,this.tdsBlur.emit(t)}render(){var t;const e=l("prefix",this.host),i=l("suffix",this.host);return d("div",{key:"10f02c5fd7d8a5a340c193436e92686164f65277",class:`\n        ${this.noMinWidth?"form-text-field-nomin":""}\n        ${this.focusInput&&!this.disabled?"form-text-field text-field-focus":" form-text-field"}\n        ${this.value?"text-field-data":""}\n        ${"inside"===this.labelPosition&&"sm"!==this.size?"text-field-container-label-inside":""}\n        ${this.disabled?"form-text-field-disabled":""}\n        ${this.readOnly?"form-text-field-readonly":""}\n        ${null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""}\n        ${"md"===this.size?"form-text-field-md":""}\n        ${"sm"===this.size?"form-text-field-sm":""}\n        ${"error"===this.state||"success"===this.state?`form-text-field-${this.state}`:""}\n        `},"outside"===this.labelPosition&&d("div",{class:"text-field-label-outside"},d("div",null,this.label)),d("div",{key:"e0f9dda3a9efb72f61e419fba8889d91f859674b",onClick:()=>this.textInput.focus(),class:"text-field-container"},e&&d("div",{class:`text-field-slot-wrap-prefix text-field-${this.state}`},d("slot",{name:"prefix"})),d("div",{key:"3edab2913fcfd3a6d9bde99648afb2a62ee391ea",class:"text-field-input-container"},d("input",{key:"1abb6c38e8cfcb4557d957b055087c46a30f035b",ref:t=>this.textInput=t,class:`text-field-input text-field-input-${this.size}`,type:this.type,disabled:this.disabled,readonly:this.readOnly,placeholder:this.placeholder,value:this.value,autofocus:this.autofocus,maxlength:this.maxLength,name:this.name,min:this.min,max:this.max,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)}}),"inside"===this.labelPosition&&"sm"!==this.size&&d("label",{class:"text-field-label-inside"},this.label)),d("div",{key:"021c1a06221e989477fa554ad223238d714bd28d",class:"text-field-bar"}),i&&d("div",{class:`text-field-slot-wrap-suffix text-field-${this.state}`},d("slot",{name:"suffix"})),d("span",{key:"9246b6f25d37f5961906ac610bb0471bfb2f4ac0",class:"text-field-icon__readonly"},d("tds-icon",{key:"2b35b53f5e62493d0391d43a5a104c7da44680c5",name:"edit_inactive",size:"20px"})),d("span",{key:"b53594f386def37d0411214a94ddc77d8966a89d",class:"text-field-icon__readonly-label"},"This field is non-editable")),(this.helper||this.maxLength>0)&&d("div",{class:"text-field-helper"},"error"===this.state&&d("div",{class:"text-field-helper-error-state"},d("tds-icon",{name:"error",size:"16px"}),this.helper),"error"!==this.state&&this.helper,this.maxLength>0&&d("div",{class:"text-field-textcounter"},null===this.value?0:null===(t=this.value)||void 0===t?void 0:t.length,d("span",{class:"text-field-textcounter-divider"}," / "),this.maxLength)))}get host(){return i(this)}};s.style='.text-field-input-lg.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.text-field-input-lg.sc-tds-text-field::placeholder{color:var(--tds-text-field-color)}.text-field-input-lg.sc-tds-text-field:focus::placeholder{color:var(--tds-text-field-placeholder-focus-color)}.text-field-input-lg.sc-tds-text-field:disabled{cursor:not-allowed;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-lg.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-lg.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-md.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-md.sc-tds-text-field::placeholder{color:var(--tds-text-field-color)}.text-field-input-md.sc-tds-text-field:focus::placeholder{color:var(--tds-text-field-placeholder-focus-color)}.text-field-input-md.sc-tds-text-field:disabled{cursor:not-allowed;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-md.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-md.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-sm.sc-tds-text-field{all:unset;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-text-field-color);background-color:var(--tds-text-field-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.text-field-input-sm.sc-tds-text-field::placeholder{color:var(--tds-text-field-color)}.text-field-input-sm.sc-tds-text-field:focus::placeholder{color:var(--tds-text-field-placeholder-focus-color)}.text-field-input-sm.sc-tds-text-field:disabled{cursor:not-allowed;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-sm.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-sm.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-container.sc-tds-text-field{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-text-field-background);border-bottom:1px solid var(--tds-text-field-border-bottom);transition:border-bottom-color 200ms ease}.text-field-container.sc-tds-text-field:hover{border-bottom-color:var(--tds-text-field-border-bottom-hover)}.form-text-field-md.sc-tds-text-field .text-field-container.sc-tds-text-field{height:48px}.form-text-field-sm.sc-tds-text-field .text-field-container.sc-tds-text-field{height:40px}.text-field-input-container.sc-tds-text-field{position:relative;width:100%}.text-field-data.sc-tds-text-field,.text-field-input.sc-tds-text-field{color:var(--tds-text-field-data-color)}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-text-field-label-color)}.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-text-field-label-inside-color);left:16px}.form-text-field.sc-tds-text-field{display:block;min-width:208px}.form-text-field-nomin.sc-tds-text-field{min-width:auto}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:20px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder-focus-color)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder-focus-color)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder-focus-color)}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.text-field-bar.sc-tds-text-field{position:absolute;width:100%}.text-field-bar.sc-tds-text-field::before,.text-field-bar.sc-tds-text-field::after{content:"";height:2px;top:54px;width:0;position:absolute;background:var(--tds-text-field-bar);transition:0.35s ease all}.form-text-field-md.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.form-text-field-md.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{top:46px}.form-text-field-sm.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.form-text-field-sm.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{top:40px}.text-field-bar.sc-tds-text-field::before{left:50%}.text-field-bar.sc-tds-text-field::after{right:50%}.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.text-field-focus.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{width:50%}.text-field-helper.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;justify-content:space-between;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-text-field-helper)}.text-field-helper.sc-tds-text-field .text-field-textcounter.sc-tds-text-field{margin-left:auto}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:transparent}.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-prefix.sc-tds-text-field>*.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-slot-wrap-suffix.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-ps-color-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:18px;color:var(--tds-text-field-icon-read-only-label-color)}.text-field-icon__readonly-label.sc-tds-text-field{display:none;position:absolute;right:18px;top:48px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);padding:8px;white-space:nowrap;border-radius:4px 0 4px 4px;background-color:var(--tds-text-field-icon-read-only-label-background)}.form-text-field-readonly.sc-tds-text-field{pointer-events:none}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field:hover~.text-field-icon__readonly-label.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-input.sc-tds-text-field{padding-right:54px;background-color:transparent}.form-text-field-success.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-success)}.form-text-field-error.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-error)}.form-text-field-error.sc-tds-text-field .text-field-container.sc-tds-text-field{border-bottom-color:var(--tds-text-field-border-bottom-error)}.form-text-field-error.sc-tds-text-field .text-field-bar.sc-tds-text-field::before,.form-text-field-error.sc-tds-text-field .text-field-bar.sc-tds-text-field::after{background:var(--tds-text-field-bar-error)}.text-field-helper-error-state.sc-tds-text-field{display:flex;gap:8px;flex-wrap:nowrap}.text-field-textcounter.sc-tds-text-field{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-text-field-textcounter);float:right}.text-field-textcounter.sc-tds-text-field .text-field-textcounter-divider.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{align-self:center;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);margin:0 0 0 14px;color:var(--tds-text-field-ps-color)}.text-field-slot-wrap-prefix.sc-tds-text-field-s>:not(tds-icon),.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 0 0 2px}.text-field-slot-wrap-prefix.text-field-error.sc-tds-text-field,.text-field-slot-wrap-suffix.text-field-error.sc-tds-text-field{color:var(--tds-text-field-ps-color-error)}.text-field-slot-wrap-suffix.sc-tds-text-field{margin:0 14px 0 0}.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 2px 0 0}';export{s as tds_text_field}