@scania/tegel 1.47.2 → 1.48.0

package/dist/components/tds-textarea.js

@@ -1,156 +1 @@
-import { p as proxyCustomElement, H, d as createEvent, h } from './p-28ef5186.js';
-import { g as generateUniqueId } from './p-11648030.js';
-import { g as getAriaInvalid } from './p-bbf9492a.js';
-import { d as defineCustomElement$4 } from './p-f086ba26.js';
-import { d as defineCustomElement$3 } from './p-e62ed985.js';
-import { d as defineCustomElement$2 } from './p-4f672d4f.js';
-
-const textareaCss = ".textarea-container.sc-tds-textarea{border-radius:4px 4px 0 0;position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{position:relative;width:unset;min-width:100%}.textarea-input.sc-tds-textarea{border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-textarea-color);background-color:var(--tds-textarea-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;border-bottom:1px solid var(--tds-textarea-border-bottom);transition:border-bottom-color 200ms ease}.textarea-input.sc-tds-textarea:read-only{background-color:var(--tds-textarea-read-only-background)}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--tds-textarea-placeholder);transition:color 200ms ease}.textarea-input.sc-tds-textarea:disabled{background-color:var(--tds-textarea-disabled-background);color:var(--tds-textarea-disabled-color);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--tds-textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{border-bottom-color:var(--tds-textarea-border-bottom-hover)}.textarea-input.sc-tds-textarea:hover::placeholder{color:var(--tds-textarea-placeholder-hover)}.textarea-input.sc-tds-textarea:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;border-radius:0;border-bottom:1px solid transparent}.textarea-resizer-icon.sc-tds-textarea{color:var(--tds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--tds-textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-textarea-label-color)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);transition:0.1s ease all;color:var(--tds-textarea-label-inside-color);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--tds-textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--tds-textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:transparent;pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px;color:var(--tds-textarea-icon-read-only-color)}.textarea-icon__readonly-label.sc-tds-textarea{display:none;position:absolute;right:18px;top:48px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);padding:8px;color:var(--tds-textarea-icon-read-only-label-color);background-color:var(--tds-textarea-icon-read-only-label-background);white-space:nowrap;border-radius:4px 0 4px 4px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-read-only-color)}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}.textarea-readonly.sc-tds-textarea:has(.textarea-icon__readonly) .textarea-input.sc-tds-textarea{padding-right:54px}";
-const TdsTextareaStyle0 = textareaCss;
-
-const TdsTextarea$1 = /*@__PURE__*/ proxyCustomElement(class TdsTextarea extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.tdsChange = createEvent(this, "tdsChange", 6);
-        this.tdsBlur = createEvent(this, "tdsBlur", 6);
-        this.tdsInput = createEvent(this, "tdsInput", 6);
-        this.tdsFocus = createEvent(this, "tdsFocus", 6);
-        this.uuid = generateUniqueId();
-        this.label = '';
-        this.name = '';
-        this.helper = undefined;
-        this.cols = undefined;
-        this.rows = undefined;
-        this.labelPosition = 'no-label';
-        this.placeholder = '';
-        this.value = '';
-        this.disabled = false;
-        this.readOnly = false;
-        this.hideReadOnlyIcon = false;
-        this.state = 'default';
-        this.maxLength = undefined;
-        this.modeVariant = null;
-        this.autofocus = false;
-        this.noMinWidth = false;
-        this.tdsAriaLabel = undefined;
-        this.focusInput = false;
-    }
-    handleChange(event) {
-        this.tdsChange.emit(event);
-    }
-    handleBlur(event) {
-        this.tdsBlur.emit(event);
-        this.focusInput = false;
-    }
-    // Data input event in value prop
-    handleInput(event) {
-        if (event.target instanceof HTMLTextAreaElement) {
-            this.value = event.target.value;
-            this.tdsInput.emit(event);
-        }
-    }
-    /* Set the input as focus when clicking the whole textarea with suffix/prefix */
-    handleFocus(event) {
-        var _a;
-        (_a = this.textEl) === null || _a === void 0 ? void 0 : _a.focus();
-        this.focusInput = true;
-        this.tdsFocus.emit(event);
-    }
-    /** Method to programmatically focus the textarea element */
-    async focusElement() {
-        if (this.textEl) {
-            this.textEl.focus();
-            this.focusInput = true;
-        }
-    }
-    setModeVariant(modeVariant) {
-        if (this.readOnly && modeVariant === 'primary') {
-            return 'secondary';
-        }
-        if (this.readOnly && modeVariant === 'secondary') {
-            return 'primary';
-        }
-        return modeVariant;
-    }
-    render() {
-        var _a, _b;
-        return (h("div", { key: 'd7cf9dcacedf2b147de04a8e7a3bf3be9a3795a3', class: {
-                'textarea-container': true,
-                'textarea-label-inside': this.labelPosition === 'inside',
-                'textarea-focus': this.focusInput,
-                'textarea-disabled': this.disabled,
-                'textarea-readonly': !this.disabled && this.readOnly,
-                [`tds-mode-variant-${this.setModeVariant(this.modeVariant)}`]: true,
-                'textarea-data': this.value !== '',
-                [`textarea-${this.state}`]: this.state === 'error' || this.state === 'success',
-                'no-min-width': this.noMinWidth,
-            } }, this.labelPosition !== 'no-label' && (h("label", { key: 'cb98c61db81f4efc7b72c50cc56ca121f3d449c8', htmlFor: `textarea-element-${this.uuid}`, class: 'textarea-label' }, this.label)), h("div", { key: '8cfd739439df3a7a29ac73054c789f137b6aceb1', class: "textarea-wrapper" }, h("textarea", { key: 'd0d4eae432b70f1a5704e7d5c0fa351be37cf3b7', id: `textarea-element-${this.uuid}`, class: 'textarea-input', ref: (inputEl) => {
-                this.textEl = inputEl;
-            }, disabled: this.disabled, readonly: !this.disabled && this.readOnly, placeholder: this.placeholder, value: this.value, name: this.name, autofocus: this.autofocus, maxlength: this.maxLength, cols: this.cols, rows: this.rows, onFocus: (event) => {
-                if (!this.readOnly) {
-                    this.handleFocus(event);
-                }
-            }, onBlur: (event) => {
-                if (!this.readOnly) {
-                    this.handleBlur(event);
-                }
-            }, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), "aria-invalid": getAriaInvalid(this.host, this.state), "aria-readonly": this.readOnly ? 'true' : 'false', "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": `textarea-helper-element-${this.uuid}` }), h("span", { key: 'ea26d42ffcc583c3047101200f3abcdcc731bda7', class: "textarea-resizer-icon" }, h("svg", { key: 'b61a4cda00dde41c07961ba320b996b14b04ce80', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '33118433cdc99ce54347f6720912302d0d3e8c58', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z", fill: "currentColor" }))), !this.disabled && !this.hideReadOnlyIcon && this.readOnly && (h("span", { key: 'b399c8b24f70b6f12b54045cc526fb858f162a06', class: "textarea-icon__readonly" }, h("tds-tooltip", { key: '61e7fa6193e2046a8d619078265cae1b0d43b482', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), h("tds-icon", { key: 'e3e74b086fb69ced9d59be3802038e055b9a08d5', id: "readonly-tooltip", name: "edit_inactive", svgTitle: "inactive" })))), h("span", { key: 'be3f5a580e3b741229c61326c0e03df53b1510ee', class: 'textarea-helper', "aria-live": "assertive", id: `textarea-helper-element-${this.uuid}` }, this.state === 'error' && this.helper && !this.readOnly && (h("tds-icon", { key: '2e201cf5e459f0b295ec32a25e1fd1d71e8491df', name: "error", size: "16px" })), this.helper), ((_a = this.maxLength) !== null && _a !== void 0 ? _a : 0) > 0 && (h("div", { key: 'bf7060e27d93495f349771d8b1cc5fb6d0f81e01', class: 'textarea-textcounter' }, this.value === null ? 0 : (_b = this.value) === null || _b === void 0 ? void 0 : _b.length, h("span", { key: 'fd01defdf5a5a3e854b082ed0f6e68e5c943151b', class: "textfield-textcounter-divider" }, " / "), " ", this.maxLength))));
-    }
-    get host() { return this; }
-    static get style() { return TdsTextareaStyle0; }
-}, [2, "tds-textarea", {
-        "label": [1],
-        "name": [1],
-        "helper": [1],
-        "cols": [2],
-        "rows": [2],
-        "labelPosition": [1, "label-position"],
-        "placeholder": [1],
-        "value": [1],
-        "disabled": [4],
-        "readOnly": [4, "read-only"],
-        "hideReadOnlyIcon": [4, "hide-read-only-icon"],
-        "state": [1],
-        "maxLength": [2, "max-length"],
-        "modeVariant": [1, "mode-variant"],
-        "autofocus": [4],
-        "noMinWidth": [4, "no-min-width"],
-        "tdsAriaLabel": [1, "tds-aria-label"],
-        "focusInput": [32],
-        "focusElement": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-textarea", "tds-icon", "tds-popover-core", "tds-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-textarea":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsTextarea$1);
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "tds-popover-core":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "tds-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsTextarea = TdsTextarea$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsTextarea, defineCustomElement };
+import{t,p as e,H as a,c as r,h as s}from"./index.js";import{g as o}from"./p-Cn4f8w1e.js";import{g as d}from"./p-wEP_nEaO.js";import{d as i}from"./p-C0fx1H4h.js";import{d as l}from"./p-BrDlXJ4P.js";import{d as n}from"./p-DC6RGvDS.js";const c=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.tdsChange=r(this,"tdsChange",6),this.tdsBlur=r(this,"tdsBlur",6),this.tdsInput=r(this,"tdsInput",6),this.tdsFocus=r(this,"tdsFocus",6),this.uuid=o(),this.label="",this.name="",this.labelPosition="no-label",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.state="default",this.modeVariant=null,this.autofocus=!1,this.noMinWidth=!1,this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleBlur(t){this.tdsBlur.emit(t),this.focusInput=!1}handleInput(t){t.target instanceof HTMLTextAreaElement&&(this.value=t.target.value,this.tdsInput.emit(t))}handleFocus(t){var e;null===(e=this.textEl)||void 0===e||e.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}async focusElement(){this.textEl&&(this.textEl.focus(),this.focusInput=!0)}setModeVariant(t){return this.readOnly&&"primary"===t?"secondary":this.readOnly&&"secondary"===t?"primary":t}render(){var t,e;return s("div",{key:"d7cf9dcacedf2b147de04a8e7a3bf3be9a3795a3",class:{"textarea-container":!0,"textarea-label-inside":"inside"===this.labelPosition,"textarea-focus":this.focusInput,"textarea-disabled":this.disabled,"textarea-readonly":!this.disabled&&this.readOnly,["tds-mode-variant-"+this.setModeVariant(this.modeVariant)]:!0,"textarea-data":""!==this.value,["textarea-"+this.state]:"error"===this.state||"success"===this.state,"no-min-width":this.noMinWidth}},"no-label"!==this.labelPosition&&s("label",{key:"cb98c61db81f4efc7b72c50cc56ca121f3d449c8",htmlFor:"textarea-element-"+this.uuid,class:"textarea-label"},this.label),s("div",{key:"8cfd739439df3a7a29ac73054c789f137b6aceb1",class:"textarea-wrapper"},s("textarea",{key:"d0d4eae432b70f1a5704e7d5c0fa351be37cf3b7",id:"textarea-element-"+this.uuid,class:"textarea-input",ref:t=>{this.textEl=t},disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,name:this.name,autofocus:this.autofocus,maxlength:this.maxLength,cols:this.cols,rows:this.rows,onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),"aria-invalid":d(this.host,this.state),"aria-readonly":this.readOnly?"true":"false","aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":"textarea-helper-element-"+this.uuid}),s("span",{key:"ea26d42ffcc583c3047101200f3abcdcc731bda7",class:"textarea-resizer-icon"},s("svg",{key:"b61a4cda00dde41c07961ba320b996b14b04ce80",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"33118433cdc99ce54347f6720912302d0d3e8c58","fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z",fill:"currentColor"}))),!this.disabled&&!this.hideReadOnlyIcon&&this.readOnly&&s("span",{key:"b399c8b24f70b6f12b54045cc526fb858f162a06",class:"textarea-icon__readonly"},s("tds-tooltip",{key:"61e7fa6193e2046a8d619078265cae1b0d43b482",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),s("tds-icon",{key:"e3e74b086fb69ced9d59be3802038e055b9a08d5",id:"readonly-tooltip",name:"edit_inactive",svgTitle:"inactive"}))),s("span",{key:"be3f5a580e3b741229c61326c0e03df53b1510ee",class:"textarea-helper","aria-live":"assertive",id:"textarea-helper-element-"+this.uuid},"error"===this.state&&this.helper&&!this.readOnly&&s("tds-icon",{key:"2e201cf5e459f0b295ec32a25e1fd1d71e8491df",name:"error",size:"16px"}),this.helper),(null!==(t=this.maxLength)&&void 0!==t?t:0)>0&&s("div",{key:"bf7060e27d93495f349771d8b1cc5fb6d0f81e01",class:"textarea-textcounter"},null===this.value?0:null===(e=this.value)||void 0===e?void 0:e.length,s("span",{key:"fd01defdf5a5a3e854b082ed0f6e68e5c943151b",class:"textfield-textcounter-divider"}," / ")," ",this.maxLength))}get host(){return this}static get style(){return".textarea-container.sc-tds-textarea{border-radius:4px 4px 0 0;position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{position:relative;width:unset;min-width:100%}.textarea-input.sc-tds-textarea{border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-textarea-color);background-color:var(--tds-textarea-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;border-bottom:1px solid var(--tds-textarea-border-bottom);transition:border-bottom-color 200ms ease}.textarea-input.sc-tds-textarea:read-only{background-color:var(--tds-textarea-read-only-background)}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--tds-textarea-placeholder);transition:color 200ms ease}.textarea-input.sc-tds-textarea:disabled{background-color:var(--tds-textarea-disabled-background);color:var(--tds-textarea-disabled-color);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--tds-textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{border-bottom-color:var(--tds-textarea-border-bottom-hover)}.textarea-input.sc-tds-textarea:hover::placeholder{color:var(--tds-textarea-placeholder-hover)}.textarea-input.sc-tds-textarea:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;border-radius:0;border-bottom:1px solid transparent}.textarea-resizer-icon.sc-tds-textarea{color:var(--tds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--tds-textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-textarea-label-color)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);transition:0.1s ease all;color:var(--tds-textarea-label-inside-color);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--tds-textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--tds-textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:transparent;pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px;color:var(--tds-textarea-icon-read-only-color)}.textarea-icon__readonly-label.sc-tds-textarea{display:none;position:absolute;right:18px;top:48px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);padding:8px;color:var(--tds-textarea-icon-read-only-label-color);background-color:var(--tds-textarea-icon-read-only-label-background);white-space:nowrap;border-radius:4px 0 4px 4px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-read-only-color)}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}.textarea-readonly.sc-tds-textarea:has(.textarea-icon__readonly) .textarea-input.sc-tds-textarea{padding-right:54px}"}},[2,"tds-textarea",{label:[1],name:[1],helper:[1],cols:[2],rows:[2],labelPosition:[1,"label-position"],placeholder:[1],value:[1],disabled:[4],readOnly:[4,"read-only"],hideReadOnlyIcon:[4,"hide-read-only-icon"],state:[1],maxLength:[2,"max-length"],modeVariant:[1,"mode-variant"],autofocus:[4],noMinWidth:[4,"no-min-width"],tdsAriaLabel:[1,"tds-aria-label"],focusInput:[32],focusElement:[64]}]);function x(){"undefined"!=typeof customElements&&["tds-textarea","tds-icon","tds-popover-core","tds-tooltip"].forEach((e=>{switch(e){case"tds-textarea":customElements.get(t(e))||customElements.define(t(e),c);break;case"tds-icon":customElements.get(t(e))||i();break;case"tds-popover-core":customElements.get(t(e))||l();break;case"tds-tooltip":customElements.get(t(e))||n()}}))}x();const p=c,b=x;export{p as TdsTextarea,b as defineCustomElement}

package/dist/components/tds-toast.js

@@ -1,117 +1 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-import { g as generateUniqueId } from './p-11648030.js';
-import { h as hasSlot } from './p-ae110fc2.js';
-import { d as defineCustomElement$2 } from './p-f086ba26.js';
-
-const toastCss = ":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-toast-color-info)}:host .wrapper.information tds-icon{color:var(--tds-toast-color-info)}:host .wrapper.success{border-left:4px solid var(--tds-toast-color-success)}:host .wrapper.success tds-icon{color:var(--tds-toast-color-success)}:host .wrapper.error{border-left:4px solid var(--tds-toast-color-error)}:host .wrapper.error tds-icon{color:var(--tds-toast-color-error)}:host .wrapper.warning{border-left:4px solid var(--tds-toast-color-warning)}:host .wrapper.warning tds-icon{color:var(--tds-toast-icon-color-warning)}:host .wrapper button.close{height:20px;width:20px;display:flex;align-items:center;justify-content:center;margin:14px 14px 0 22px;border:none;background:transparent}:host .wrapper button.close:hover{cursor:pointer}:host .wrapper button.close:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}: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;max-width:250px;word-break:break-word}: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}:host .content .subheader.no-link slot::slotted(*),:host .content slot[name=subheader]::slotted(*).no-link slot::slotted(*){padding-bottom:0}:host .content .toast-bottom{padding-top:12px}: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)}";
-const TdsToastStyle0 = toastCss;
-
-const TdsToast$1 = /*@__PURE__*/ proxyCustomElement(class TdsToast extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.tdsClose = createEvent(this, "tdsClose", 7);
-        this.getIconName = () => {
-            switch (this.variant) {
-                case 'information':
-                    return 'info';
-                case 'error':
-                    return 'error';
-                case 'warning':
-                    return 'warning';
-                case 'success':
-                    return 'tick';
-                default:
-                    return 'info';
-            }
-        };
-        this.handleClose = () => {
-            const tdsCloseEvent = this.tdsClose.emit({
-                toastId: this.toastId,
-            });
-            if (!tdsCloseEvent.defaultPrevented) {
-                this.hidden = true;
-            }
-        };
-        this.handleShow = () => {
-            const tdsCloseEvent = this.tdsClose.emit({
-                toastId: this.toastId,
-            });
-            if (!tdsCloseEvent.defaultPrevented) {
-                this.hidden = false;
-            }
-        };
-        this.toastId = generateUniqueId();
-        this.header = undefined;
-        this.subheader = undefined;
-        this.variant = 'information';
-        this.hidden = false;
-        this.closable = true;
-        this.toastRole = 'alert';
-        this.tdsCloseAriaLabel = undefined;
-        this.tdsAriaLive = 'polite';
-    }
-    /** Hides the Toast. */
-    async hideToast() {
-        this.hidden = true;
-    }
-    /** Shows the Toast. */
-    async showToast() {
-        this.hidden = false;
-    }
-    connectedCallback() {
-        if (!this.tdsCloseAriaLabel) {
-            console.warn('tds-toast: tdsCloseAriaLabel is required');
-        }
-    }
-    render() {
-        const usesHeaderSlot = hasSlot('header', this.host);
-        const usesSubheaderSlot = hasSlot('subheader', this.host);
-        const usesActionsSlot = hasSlot('actions', this.host);
-        return (h(Host, { key: 'c486cb86a0e94181135e304cbda2b1bbbb20da22', "aria-live": this.tdsAriaLive, toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
-                hide: this.hidden,
-                show: !this.hidden,
-            } }, h("div", { key: '946ba38a6c95e3450936014cc46c1eb43f927f0d', class: `
-            wrapper
-            ${this.variant}` }, h("tds-icon", { key: '3af328a28e80e1b3f69ec0f4dda31f9d9c7c8571', name: this.getIconName(), size: "20px", svgTitle: this.getIconName() }), h("div", { key: 'eec58153da1bc4dee5955e2393f0610db40242c1', class: `content` }, h("div", { key: 'd40f9433b851fbd3dcfd0d60099d5035a87af2e0', class: "header-subheader" }, this.header && h("div", { key: '7748dda823fc8c17f4a7eb94d15140ba4301fa83', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: '880576822af000000c972125aea031c73569768d', name: "header" }), this.subheader && h("div", { key: 'cc9dee1cef953cce966ebee2ed6c82f693f21dc1', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: '01f596caf428985a0bb4dbc97282dead449fef61', name: "subheader" })), usesActionsSlot && (h("div", { key: '81e666f0d9810a0baf008782e6fee3f731b04ab2', class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, h("slot", { key: '085aab762cc590904d6531fcf7e969d1fa0f4eca', name: "actions" })))), this.closable && (h("button", { key: '6e1c909296a175d3a994caccb57f59ab5da9eae2', id: "my-button", "aria-label": this.tdsCloseAriaLabel, onClick: this.handleClose, class: "close" }, h("tds-icon", { key: 'a1e5a6c21070afea181f6b5f20000458b50dbb45', name: "cross", size: "20px", svgTitle: "cross" }))))));
-    }
-    get host() { return this; }
-    static get style() { return TdsToastStyle0; }
-}, [1, "tds-toast", {
-        "toastId": [1, "toast-id"],
-        "header": [1],
-        "subheader": [1],
-        "variant": [1],
-        "hidden": [516],
-        "closable": [4],
-        "toastRole": [1, "toast-role"],
-        "tdsCloseAriaLabel": [1, "tds-close-aria-label"],
-        "tdsAriaLive": [1, "tds-aria-live"],
-        "hideToast": [64],
-        "showToast": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-toast", "tds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-toast":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsToast$1);
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsToast = TdsToast$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsToast, defineCustomElement };
+import{t,p as s,H as e,c as o,h as a,a as r}from"./index.js";import{g as d}from"./p-Cn4f8w1e.js";import{h as i}from"./p-DDX6uFcm.js";import{d as c}from"./p-C0fx1H4h.js";const n=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsClose=o(this,"tdsClose",7),this.toastId=d(),this.variant="information",this.hidden=!1,this.closable=!0,this.toastRole="alert",this.tdsAriaLive="polite",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)}}async hideToast(){this.hidden=!0}async showToast(){this.hidden=!1}connectedCallback(){this.tdsCloseAriaLabel||console.warn("tds-toast: tdsCloseAriaLabel is required")}render(){const t=i("header",this.host),s=i("subheader",this.host),e=i("actions",this.host);return a(r,{key:"c486cb86a0e94181135e304cbda2b1bbbb20da22","aria-live":this.tdsAriaLive,toastRole:this.toastRole,"aria-describedby":this.host.getAttribute("aria-describedby"),class:{hide:this.hidden,show:!this.hidden}},a("div",{key:"946ba38a6c95e3450936014cc46c1eb43f927f0d",class:"\n            wrapper\n            "+this.variant},a("tds-icon",{key:"3af328a28e80e1b3f69ec0f4dda31f9d9c7c8571",name:this.getIconName(),size:"20px",svgTitle:this.getIconName()}),a("div",{key:"eec58153da1bc4dee5955e2393f0610db40242c1",class:"content"},a("div",{key:"d40f9433b851fbd3dcfd0d60099d5035a87af2e0",class:"header-subheader"},this.header&&a("div",{key:"7748dda823fc8c17f4a7eb94d15140ba4301fa83",class:"header"},this.header),t&&a("slot",{key:"880576822af000000c972125aea031c73569768d",name:"header"}),this.subheader&&a("div",{key:"cc9dee1cef953cce966ebee2ed6c82f693f21dc1",class:"subheader"},this.subheader),s&&a("slot",{key:"01f596caf428985a0bb4dbc97282dead449fef61",name:"subheader"})),e&&a("div",{key:"81e666f0d9810a0baf008782e6fee3f731b04ab2",class:"toast-bottom "+(s||this.subheader?"subheader":"no-subheader")},a("slot",{key:"085aab762cc590904d6531fcf7e969d1fa0f4eca",name:"actions"}))),this.closable&&a("button",{key:"6e1c909296a175d3a994caccb57f59ab5da9eae2",id:"my-button","aria-label":this.tdsCloseAriaLabel,onClick:this.handleClose,class:"close"},a("tds-icon",{key:"a1e5a6c21070afea181f6b5f20000458b50dbb45",name:"cross",size:"20px",svgTitle:"cross"}))))}get host(){return this}static get style(){return":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-toast-color-info)}:host .wrapper.information tds-icon{color:var(--tds-toast-color-info)}:host .wrapper.success{border-left:4px solid var(--tds-toast-color-success)}:host .wrapper.success tds-icon{color:var(--tds-toast-color-success)}:host .wrapper.error{border-left:4px solid var(--tds-toast-color-error)}:host .wrapper.error tds-icon{color:var(--tds-toast-color-error)}:host .wrapper.warning{border-left:4px solid var(--tds-toast-color-warning)}:host .wrapper.warning tds-icon{color:var(--tds-toast-icon-color-warning)}:host .wrapper button.close{height:20px;width:20px;display:flex;align-items:center;justify-content:center;margin:14px 14px 0 22px;border:none;background:transparent}:host .wrapper button.close:hover{cursor:pointer}:host .wrapper button.close:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}: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;max-width:250px;word-break:break-word}: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}:host .content .subheader.no-link slot::slotted(*),:host .content slot[name=subheader]::slotted(*).no-link slot::slotted(*){padding-bottom:0}:host .content .toast-bottom{padding-top:12px}: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)}"}},[257,"tds-toast",{toastId:[1,"toast-id"],header:[1],subheader:[1],variant:[1],hidden:[516],closable:[4],toastRole:[1,"toast-role"],tdsCloseAriaLabel:[1,"tds-close-aria-label"],tdsAriaLive:[1,"tds-aria-live"],hideToast:[64],showToast:[64]}]);function l(){"undefined"!=typeof customElements&&["tds-toast","tds-icon"].forEach((s=>{switch(s){case"tds-toast":customElements.get(t(s))||customElements.define(t(s),n);break;case"tds-icon":customElements.get(t(s))||c()}}))}l();const h=n,p=l;export{h as TdsToast,p as defineCustomElement}

package/dist/components/tds-toggle.js

@@ -1,86 +1 @@
-import { p as proxyCustomElement, H, d as createEvent, h } from './p-28ef5186.js';
-import { g as generateUniqueId } from './p-11648030.js';
-
-const toggleCss = ".tds-toggle.sc-tds-toggle .disabled.sc-tds-toggle{cursor:not-allowed}.tds-toggle.sc-tds-toggle .toggle-headline.sc-tds-toggle{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-toggle-headline);margin-bottom:12px}.tds-toggle.sc-tds-toggle .toggle-headline.disabled.sc-tds-toggle{color:var(--tds-toggle-headline-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle{appearance:initial;margin:0;width:44px;height:24px;position:relative;display:inline-block;vertical-align:middle;cursor:pointer}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after,.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{content:\"\";position:absolute;box-sizing:border-box;transition:all var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-scania)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{width:44px;height:24px;border-radius:16px;background-color:var(--tds-toggle-off-slider);left:0;border:1px solid transparent}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after{width:16px;height:16px;background-color:var(--tds-toggle-switch);border-radius:50%;left:4px;top:4px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus-visible{outline:none;outline:2px solid var(--tds-toggle-border-outline);border-radius:16px;outline-offset:-2px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus-visible::before{width:40px;height:20px;left:2px;top:2px;background-color:var(--tds-toggle-off-slider-focus);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:hover::before{background-color:var(--tds-toggle-off-slider-hover)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:active::before{background-color:var(--tds-toggle-off-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:focus-visible::before{background-color:var(--tds-toggle-on-slider-focus);border:1px solid var(--tds-toggle-on-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:hover::before{background-color:var(--tds-toggle-on-slider-hover)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:active::before{background-color:var(--tds-toggle-on-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::after{left:24px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled{cursor:not-allowed}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::before{background-color:var(--tds-toggle-on-slider-disabled);border:1px solid var(--tds-toggle-on-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::before{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::after{width:8px;height:8px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:focus-visible::before{width:24px;height:12px;left:2px;top:2px;background-color:var(--tds-toggle-off-slider-focus);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:focus-visible:active::before{background-color:var(--tds-toggle-off-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:active::before{background-color:var(--tds-toggle-off-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked:focus-visible::before{background-color:var(--tds-toggle-on-slider-focus);border:1px solid var(--tds-toggle-on-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked:hover::before{background-color:var(--tds-toggle-on-slider-hover)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked:active::before{background-color:var(--tds-toggle-on-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::after{left:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle label.sc-tds-toggle{display:inline-block;vertical-align:middle;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);color:var(--tds-toggle-label-color);padding-left:8px;cursor:pointer}.tds-toggle.sc-tds-toggle label.disabled.sc-tds-toggle{color:var(--tds-toggle-label-color-disabled)}";
-const TdsToggleStyle0 = toggleCss;
-
-const TdsToggle$1 = /*@__PURE__*/ proxyCustomElement(class TdsToggle extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.tdsToggle = createEvent(this, "tdsToggle", 6);
-        this.handleToggle = () => {
-            this.checked = !this.checked;
-            this.tdsToggle.emit({
-                toggleId: this.toggleId,
-                checked: this.checked,
-            });
-        };
-        this.checked = false;
-        this.required = false;
-        this.size = 'lg';
-        this.name = undefined;
-        this.headline = undefined;
-        this.disabled = false;
-        this.toggleId = generateUniqueId();
-        this.tdsAriaLabel = undefined;
-    }
-    /** Toggles the Toggle. */
-    async toggle() {
-        this.checked = !this.checked;
-        return {
-            toggleId: this.toggleId,
-            checked: this.checked,
-        };
-    }
-    /** Method to programmatically focus the toggle element */
-    async focusElement() {
-        if (this.inputElement) {
-            this.inputElement.focus();
-        }
-    }
-    componentWillLoad() {
-        this.labelSlot = this.host.querySelector("[slot='label']");
-    }
-    render() {
-        return (h("div", { key: '18b73a45ee7d84119fa92e0510a6bc6aa0629dcd', class: "tds-toggle" }, this.headline && (h("div", { key: 'eac54354b87c7c825d0ad7fb162ec371ad88f24d', class: {
-                'toggle-headline': true,
-                'disabled': this.disabled,
-            } }, this.headline)), h("input", { key: '516d60fa34dad6fee640af0e3caad199e3408140', ref: (inputEl) => {
-                if (inputEl)
-                    this.inputElement = inputEl;
-            }, "aria-label": this.tdsAriaLabel, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), this.labelSlot && (h("label", { key: '48aca635f98f92bcb669dcdae4accb2f5822fe42', class: { disabled: this.disabled }, htmlFor: this.toggleId }, h("slot", { key: '66a1c7fbd981dd02ccfe5e69f76b978ddca596ea', name: "label" })))));
-    }
-    get host() { return this; }
-    static get style() { return TdsToggleStyle0; }
-}, [6, "tds-toggle", {
-        "checked": [516],
-        "required": [4],
-        "size": [1],
-        "name": [1],
-        "headline": [1],
-        "disabled": [4],
-        "toggleId": [1, "toggle-id"],
-        "tdsAriaLabel": [1, "tds-aria-label"],
-        "toggle": [64],
-        "focusElement": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-toggle"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-toggle":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsToggle$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsToggle = TdsToggle$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsToggle, defineCustomElement };
+import{t,p as e,H as s,c as o,h as d}from"./index.js";import{g}from"./p-Cn4f8w1e.js";const l=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.tdsToggle=o(this,"tdsToggle",6),this.checked=!1,this.required=!1,this.size="lg",this.disabled=!1,this.toggleId=g(),this.handleToggle=()=>{this.checked=!this.checked,this.tdsToggle.emit({toggleId:this.toggleId,checked:this.checked})}}async toggle(){return this.checked=!this.checked,{toggleId:this.toggleId,checked:this.checked}}async focusElement(){this.inputElement&&this.inputElement.focus()}componentWillLoad(){this.labelSlot=this.host.querySelector("[slot='label']")}render(){return d("div",{key:"18b73a45ee7d84119fa92e0510a6bc6aa0629dcd",class:"tds-toggle"},this.headline&&d("div",{key:"eac54354b87c7c825d0ad7fb162ec371ad88f24d",class:{"toggle-headline":!0,disabled:this.disabled}},this.headline),d("input",{key:"516d60fa34dad6fee640af0e3caad199e3408140",ref:t=>{t&&(this.inputElement=t)},"aria-label":this.tdsAriaLabel,"aria-describedby":this.host.getAttribute("aria-describedby"),"aria-labelledby":this.host.getAttribute("aria-labelledby"),"aria-checked":this.checked,"aria-required":this.required,onChange:()=>this.handleToggle(),class:""+this.size,checked:this.checked,disabled:this.disabled,required:this.required,type:"checkbox",name:this.name,id:this.toggleId,role:"switch"}),this.labelSlot&&d("label",{key:"48aca635f98f92bcb669dcdae4accb2f5822fe42",class:{disabled:this.disabled},htmlFor:this.toggleId},d("slot",{key:"66a1c7fbd981dd02ccfe5e69f76b978ddca596ea",name:"label"})))}get host(){return this}static get style(){return'.tds-toggle.sc-tds-toggle .disabled.sc-tds-toggle{cursor:not-allowed}.tds-toggle.sc-tds-toggle .toggle-headline.sc-tds-toggle{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-toggle-headline);margin-bottom:12px}.tds-toggle.sc-tds-toggle .toggle-headline.disabled.sc-tds-toggle{color:var(--tds-toggle-headline-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle{appearance:initial;margin:0;width:44px;height:24px;position:relative;display:inline-block;vertical-align:middle;cursor:pointer}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after,.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{content:"";position:absolute;box-sizing:border-box;transition:all var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-scania)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{width:44px;height:24px;border-radius:16px;background-color:var(--tds-toggle-off-slider);left:0;border:1px solid transparent}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after{width:16px;height:16px;background-color:var(--tds-toggle-switch);border-radius:50%;left:4px;top:4px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus-visible{outline:none;outline:2px solid var(--tds-toggle-border-outline);border-radius:16px;outline-offset:-2px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus-visible::before{width:40px;height:20px;left:2px;top:2px;background-color:var(--tds-toggle-off-slider-focus);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:hover::before{background-color:var(--tds-toggle-off-slider-hover)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:active::before{background-color:var(--tds-toggle-off-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:focus-visible::before{background-color:var(--tds-toggle-on-slider-focus);border:1px solid var(--tds-toggle-on-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:hover::before{background-color:var(--tds-toggle-on-slider-hover)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:active::before{background-color:var(--tds-toggle-on-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::after{left:24px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled{cursor:not-allowed}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::before{background-color:var(--tds-toggle-on-slider-disabled);border:1px solid var(--tds-toggle-on-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::before{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::after{width:8px;height:8px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:focus-visible::before{width:24px;height:12px;left:2px;top:2px;background-color:var(--tds-toggle-off-slider-focus);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:focus-visible:active::before{background-color:var(--tds-toggle-off-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:active::before{background-color:var(--tds-toggle-off-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked:focus-visible::before{background-color:var(--tds-toggle-on-slider-focus);border:1px solid var(--tds-toggle-on-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked:hover::before{background-color:var(--tds-toggle-on-slider-hover)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked:active::before{background-color:var(--tds-toggle-on-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::after{left:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle label.sc-tds-toggle{display:inline-block;vertical-align:middle;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);color:var(--tds-toggle-label-color);padding-left:8px;cursor:pointer}.tds-toggle.sc-tds-toggle label.disabled.sc-tds-toggle{color:var(--tds-toggle-label-color-disabled)}'}},[262,"tds-toggle",{checked:[516],required:[4],size:[1],name:[1],headline:[1],disabled:[4],toggleId:[1,"toggle-id"],tdsAriaLabel:[1,"tds-aria-label"],toggle:[64],focusElement:[64]}]);function c(){"undefined"!=typeof customElements&&["tds-toggle"].forEach((e=>{"tds-toggle"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))}c();const r=l,i=c;export{r as TdsToggle,i as defineCustomElement}

package/dist/components/tds-tooltip.js

@@ -1,6 +1 @@
-import { T as TdsTooltip$1, d as defineCustomElement$1 } from './p-4f672d4f.js';
-
-const TdsTooltip = TdsTooltip$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsTooltip, defineCustomElement };
+import{T as o,d as s}from"./p-DC6RGvDS.js";const p=o,r=s;export{p as TdsTooltip,r as defineCustomElement}