@scania/tegel 0.0.1-beta.1 → 0.0.1-beta.11

package/dist/tegel/{p-677baf7f.entry.js → p-0fc35c8c.entry.js}

@@ -1 +1 @@
-import{r as l,h as e,H as s,g as t}from"./p-157e1618.js";const i=class{constructor(e){l(this,e),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.buttonWidth=0,this.modeVariant="primary",this.tabs=[],this.showLeftScroll=!1,this.showRightScroll=!1}componentDidRender(){this._calculateButtonWidth()}componentDidLoad(){new ResizeObserver((l=>{for(const e of l){const l=e.contentRect.width;let s=0;Array.from(this.host.children).forEach((l=>{const e=window.getComputedStyle(l);s+=l.clientWidth+parseFloat(e.marginLeft)+parseFloat(e.marginRight),l.classList.add("sdds-inline-tabs-fullbleed--tab")})),this.componentWidth=l,this.buttonsWidth=s,this.scrollWidth=s-l,this.buttonsWidth>this.componentWidth?this._evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}})).observe(this.navWrapperElement),this._calculateButtonWidth()}_calculateButtonWidth(){let l=0;Array.from(this.host.children).forEach((e=>{const s=window.getComputedStyle(e),t=e.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight);t>l&&(l=t)})),this.buttonWidth=l}_scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonWidth,this._evaluateScrollButtons()}_scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonWidth,this._evaluateScrollButtons()}_evaluateScrollButtons(){const l=this.navWrapperElement.scrollLeft;this.showRightScroll=!(l>=this.scrollWidth),this.showLeftScroll=!(l<=0)}render(){return e(s,null,e("div",{class:`sdds-inline-tabs-fullbleed sdds-inline-tabs-fullbleed-${this.modeVariant}`},e("div",{class:"sdds-inline-tabs-fullbleed-wrapper",ref:l=>this.navWrapperElement=l},e("slot",null)),e("div",{class:"sdds-inline-tabs-fullbleed-navigation"},e("button",{class:"sdds-inline-tabs-fullbleed--forward "+(this.showRightScroll?"sdds-inline-tabs-fullbleed--back__show":""),onClick:()=>this._scrollRight()},e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6.1147 17.3291C5.87062 17.0851 5.87062 16.6893 6.1147 16.4453L12.2948 10.2652C12.4412 10.1187 12.4412 9.8813 12.2948 9.73485L6.1147 3.55476C5.87062 3.31068 5.87062 2.91496 6.1147 2.67088C6.35878 2.4268 6.75451 2.4268 6.99858 2.67088L13.1787 8.85097C13.8133 9.48557 13.8133 10.5145 13.1787 11.1491L6.99858 17.3291C6.75451 17.5732 6.35878 17.5732 6.1147 17.3291Z",fill:"#0D0F13"}))),e("button",{class:"sdds-inline-tabs-fullbleed--back "+(this.showLeftScroll?"sdds-inline-tabs-fullbleed--back__show":""),onClick:()=>this._scrollLeft()},e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.8853 2.67085C14.1294 2.91493 14.1294 3.31066 13.8853 3.55473L7.70522 9.73482C7.55878 9.88127 7.55878 10.1187 7.70522 10.2652L13.8853 16.4452C14.1294 16.6893 14.1294 17.085 13.8853 17.3291C13.6412 17.5732 13.2455 17.5732 13.0014 17.3291L6.82134 11.149C6.18674 10.5144 6.18674 9.48554 6.82134 8.85094L13.0014 2.67085C13.2455 2.42677 13.6412 2.42677 13.8853 2.67085Z",fill:"#0D0F13"}))))))}get host(){return t(this)}};i.style='.sdds-inline-tabs-fullbleed{box-sizing:border-box;display:flex;position:relative;}.sdds-inline-tabs-fullbleed *{box-sizing:border-box}.sdds-inline-tabs-fullbleed::after{content:" ";display:block;border-bottom:1px solid var(--sdds-inline-tabs-fullbleed-horizontal-divider-bg);left:0;right:0;bottom:0;position:absolute}.sdds-inline-tabs-fullbleed-wrapper{display:flex;flex-wrap:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none}.sdds-inline-tabs-fullbleed-wrapper::-webkit-scrollbar{display:none}.sdds-inline-tabs-fullbleed--forward{cursor:pointer;width:48px;height:100%;border:0;position:absolute;right:0;top:0;background-color:var(--sdds-inline-tabs-fullbleed-scroll-btn-bg);display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none}.sdds-inline-tabs-fullbleed--forward__show{opacity:1;pointer-events:all}.sdds-inline-tabs-fullbleed--forward:hover{background-color:var(--sdds-inline-tabs-fullbleed-scroll-btn-hover-bg)}.sdds-inline-tabs-fullbleed--forward:active{background-color:var(--sdds-inline-tabs-fullbleed-scroll-btn-active-bg)}.sdds-inline-tabs-fullbleed--forward:focus{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}.sdds-inline-tabs-fullbleed--back{cursor:pointer;width:48px;height:100%;border:0;position:absolute;left:0;top:0;background-color:var(--sdds-inline-tabs-fullbleed-scroll-btn-bg);display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none}.sdds-inline-tabs-fullbleed--back__show{opacity:1;pointer-events:all}.sdds-inline-tabs-fullbleed--back:hover{background-color:var(--sdds-inline-tabs-fullbleed-scroll-btn-hover-bg)}.sdds-inline-tabs-fullbleed--back:active{background-color:var(--sdds-inline-tabs-fullbleed-scroll-btn-active-bg)}.sdds-inline-tabs-fullbleed--back:focus{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}.sdds-inline-tabs-fullbleed-centered{justify-content:center}::slotted(.sdds-inline-tabs-fullbleed--tab){font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);color:rgba(0, 21, 51, 0.6);padding:16px 0;margin-right:32px;text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out;white-space:nowrap;text-align:left}::slotted(.sdds-inline-tabs-fullbleed--tab)::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0;margin-right:auto;height:2px;background-color:var(--sdds-inline-tabs-fullbleed-tab-hover-indicator-bg);transition:width 0.15s ease-in-out;z-index:10}::slotted(.sdds-inline-tabs-fullbleed--tab:first-child){margin-left:32px}::slotted(.sdds-inline-tabs-fullbleed--tab:last-child){margin-right:32px}::slotted(.sdds-inline-tabs-fullbleed--tab:hover){color:var(--sdds-inline-tabs-fullbleed-tab-hover-color)}::slotted(.sdds-inline-tabs-fullbleed--tab:hover)::after{width:100%}::slotted(.sdds-inline-tabs-fullbleed--tab:focus){outline:2px solid var(--sdds-blue-400);outline-offset:-2px;color:var(--sdds-inline-tabs-fullbleed-tab-focus-color)}::slotted(.sdds-inline-tabs-fullbleed--tab:focus)::after{width:0}::slotted(.sdds-inline-tabs-fullbleed--tab__active){color:var(--sdds-inline-tabs-fullbleed-tab-active-color)}::slotted(.sdds-inline-tabs-fullbleed--tab__active)::after{width:100%;background-color:var(--sdds-inline-tabs-fullbleed-tab-active-indicator-bg)}::slotted(.sdds-inline-tabs-fullbleed--tab__active:focus)::after{width:100%}::slotted(.sdds-inline-tabs-fullbleed--tab__disabled){color:var(--sdds-inline-tabs-fullbleed-tab-active-color);pointer-events:none;opacity:0.16}.sdds-inline-tabs-fullbleed-primary{background-color:var(--sdds-white)}.sdds-inline-tabs-fullbleed-primary .sdds-inline-tabs-fullbleed--forward{background-color:var(--sdds-white)}.sdds-inline-tabs-fullbleed-primary .sdds-inline-tabs-fullbleed--back{background-color:var(--sdds-white)}.sdds-inline-tabs-fullbleed-secondary{background-color:var(--sdds-grey-50)}.sdds-inline-tabs-fullbleed-secondary .sdds-inline-tabs-fullbleed--forward{background-color:var(--sdds-grey-50)}.sdds-inline-tabs-fullbleed-secondary .sdds-inline-tabs-fullbleed--back{background-color:var(--sdds-grey-50)}';export{i as sdds_inline_tabs_fullbleed}
+import{r as l,h as e,H as s,g as t}from"./p-157e1618.js";const i=class{constructor(e){l(this,e),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.buttonWidth=0,this.modeVariant="primary",this.tabs=[],this.showLeftScroll=!1,this.showRightScroll=!1}componentDidRender(){this._calculateButtonWidth()}componentDidLoad(){new ResizeObserver((l=>{for(const e of l){const l=e.contentRect.width;let s=0;Array.from(this.host.children).forEach((l=>{const e=window.getComputedStyle(l);s+=l.clientWidth+parseFloat(e.marginLeft)+parseFloat(e.marginRight),l.classList.add("sdds-inline-tabs-fullbleed--tab")})),this.componentWidth=l,this.buttonsWidth=s,this.scrollWidth=s-l,this.buttonsWidth>this.componentWidth?this._evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}})).observe(this.navWrapperElement),this._calculateButtonWidth()}_calculateButtonWidth(){let l=0;Array.from(this.host.children).forEach((e=>{const s=window.getComputedStyle(e),t=e.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight);t>l&&(l=t)})),this.buttonWidth=l}_scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonWidth,this._evaluateScrollButtons()}_scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonWidth,this._evaluateScrollButtons()}_evaluateScrollButtons(){const l=this.navWrapperElement.scrollLeft;this.showRightScroll=!(l>=this.scrollWidth),this.showLeftScroll=!(l<=0)}render(){return e(s,null,e("div",{class:`sdds-inline-tabs-fullbleed sdds-inline-tabs-fullbleed-${this.modeVariant}`},e("div",{class:"sdds-inline-tabs-fullbleed-wrapper",ref:l=>this.navWrapperElement=l},e("slot",null)),e("div",{class:"sdds-inline-tabs-fullbleed-navigation"},e("button",{class:"sdds-inline-tabs-fullbleed--forward "+(this.showRightScroll?"sdds-inline-tabs-fullbleed--back__show":""),onClick:()=>this._scrollRight()},e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6.1147 17.3291C5.87062 17.0851 5.87062 16.6893 6.1147 16.4453L12.2948 10.2652C12.4412 10.1187 12.4412 9.8813 12.2948 9.73485L6.1147 3.55476C5.87062 3.31068 5.87062 2.91496 6.1147 2.67088C6.35878 2.4268 6.75451 2.4268 6.99858 2.67088L13.1787 8.85097C13.8133 9.48557 13.8133 10.5145 13.1787 11.1491L6.99858 17.3291C6.75451 17.5732 6.35878 17.5732 6.1147 17.3291Z",fill:"#0D0F13"}))),e("button",{class:"sdds-inline-tabs-fullbleed--back "+(this.showLeftScroll?"sdds-inline-tabs-fullbleed--back__show":""),onClick:()=>this._scrollLeft()},e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.8853 2.67085C14.1294 2.91493 14.1294 3.31066 13.8853 3.55473L7.70522 9.73482C7.55878 9.88127 7.55878 10.1187 7.70522 10.2652L13.8853 16.4452C14.1294 16.6893 14.1294 17.085 13.8853 17.3291C13.6412 17.5732 13.2455 17.5732 13.0014 17.3291L6.82134 11.149C6.18674 10.5144 6.18674 9.48554 6.82134 8.85094L13.0014 2.67085C13.2455 2.42677 13.6412 2.42677 13.8853 2.67085Z",fill:"#0D0F13"}))))))}get host(){return t(this)}};i.style='.sdds-inline-tabs-fullbleed{box-sizing:border-box;display:flex;position:relative;}.sdds-inline-tabs-fullbleed *{box-sizing:border-box}.sdds-inline-tabs-fullbleed::after{content:" ";display:block;border-bottom:1px solid var(--sdds-inline-tabs-fullbleed-horizontal-divider-bg);left:0;right:0;bottom:0;position:absolute}.sdds-inline-tabs-fullbleed-wrapper{display:flex;flex-wrap:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none}.sdds-inline-tabs-fullbleed-wrapper::-webkit-scrollbar{display:none}.sdds-inline-tabs-fullbleed--forward{cursor:pointer;width:48px;height:100%;border:0;position:absolute;right:0;top:0;background-color:var(--sdds-inline-tabs-fullbleed-scroll-btn-bg);display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none}.sdds-inline-tabs-fullbleed--forward__show{opacity:1;pointer-events:all}.sdds-inline-tabs-fullbleed--forward:hover{background-color:var(--sdds-inline-tabs-fullbleed-scroll-btn-hover-bg)}.sdds-inline-tabs-fullbleed--forward:active{background-color:var(--sdds-inline-tabs-fullbleed-scroll-btn-active-bg)}.sdds-inline-tabs-fullbleed--forward:focus{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}.sdds-inline-tabs-fullbleed--back{cursor:pointer;width:48px;height:100%;border:0;position:absolute;left:0;top:0;background-color:var(--sdds-inline-tabs-fullbleed-scroll-btn-bg);display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none}.sdds-inline-tabs-fullbleed--back__show{opacity:1;pointer-events:all}.sdds-inline-tabs-fullbleed--back:hover{background-color:var(--sdds-inline-tabs-fullbleed-scroll-btn-hover-bg)}.sdds-inline-tabs-fullbleed--back:active{background-color:var(--sdds-inline-tabs-fullbleed-scroll-btn-active-bg)}.sdds-inline-tabs-fullbleed--back:focus{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}.sdds-inline-tabs-fullbleed-centered{justify-content:center}::slotted(.sdds-inline-tabs-fullbleed--tab){font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);color:rgba(0, 21, 51, 0.6);padding:16px 0;margin-right:32px;text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out;white-space:nowrap;text-align:left}::slotted(.sdds-inline-tabs-fullbleed--tab)::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0;margin-right:auto;height:2px;background-color:var(--sdds-inline-tabs-fullbleed-tab-hover-indicator-bg);transition:width 0.15s ease-in-out;z-index:1}::slotted(.sdds-inline-tabs-fullbleed--tab:first-child){margin-left:32px}::slotted(.sdds-inline-tabs-fullbleed--tab:last-child){margin-right:32px}::slotted(.sdds-inline-tabs-fullbleed--tab:hover){color:var(--sdds-inline-tabs-fullbleed-tab-hover-color)}::slotted(.sdds-inline-tabs-fullbleed--tab:hover)::after{width:100%}::slotted(.sdds-inline-tabs-fullbleed--tab:focus){outline:2px solid var(--sdds-blue-400);outline-offset:-2px;color:var(--sdds-inline-tabs-fullbleed-tab-focus-color)}::slotted(.sdds-inline-tabs-fullbleed--tab:focus)::after{width:0}::slotted(.sdds-inline-tabs-fullbleed--tab__active){color:var(--sdds-inline-tabs-fullbleed-tab-active-color)}::slotted(.sdds-inline-tabs-fullbleed--tab__active)::after{width:100%;background-color:var(--sdds-inline-tabs-fullbleed-tab-active-indicator-bg)}::slotted(.sdds-inline-tabs-fullbleed--tab__active:focus)::after{width:100%}::slotted(.sdds-inline-tabs-fullbleed--tab__disabled){color:var(--sdds-inline-tabs-fullbleed-tab-active-color);pointer-events:none;opacity:0.16}.sdds-inline-tabs-fullbleed-primary{background-color:var(--sdds-white)}.sdds-inline-tabs-fullbleed-primary .sdds-inline-tabs-fullbleed--forward{background-color:var(--sdds-white)}.sdds-inline-tabs-fullbleed-primary .sdds-inline-tabs-fullbleed--back{background-color:var(--sdds-white)}.sdds-inline-tabs-fullbleed-secondary{background-color:var(--sdds-grey-50)}.sdds-inline-tabs-fullbleed-secondary .sdds-inline-tabs-fullbleed--forward{background-color:var(--sdds-grey-50)}.sdds-inline-tabs-fullbleed-secondary .sdds-inline-tabs-fullbleed--back{background-color:var(--sdds-grey-50)}';export{i as sdds_inline_tabs_fullbleed}

package/dist/tegel/p-21dbda3f.entry.js

@@ -0,0 +1 @@
+import{r as o,h as d,H as s}from"./p-157e1618.js";const r=class{constructor(d){o(this,d),this.divider=!0,this.modeVariant="primary"}render(){return d(s,{class:`sdds-accordion ${this.divider?"sdds-accordion-divider":""} ${this.modeVariant}`},d("slot",null))}};r.style=":host{display:block;box-sizing:border-box}:host *{box-sizing:border-box}:host .sdds-accordion-header-icon-start,:host .sdds-accordion-header-icon-end{position:relative}:host(:focus){outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host(:focus) .sdds-accordion-item .sdds-accordion-header-icon-start,:host(:focus) .sdds-accordion-item .sdds-accordion-header-icon-end{background-color:var(--sdds-accordion-bg-focus);outline:none}:host(:focus) .sdds-accordion-item .sdds-accordion-header-icon-start::after,:host(:focus) .sdds-accordion-item .sdds-accordion-header-icon-end::after{border-color:var(--sdds-accordion-border-focus)}:host(:focus) .disabled,:host(:focus) .disabled *{cursor:not-allowed}:host(:focus) .disabled .sdds-accordion-header-icon-start,:host(:focus) .disabled .sdds-accordion-header-icon-end{background-color:var(--sdds-accordion-bg);outline:none;pointer-events:none}:host(:focus) .disabled .sdds-accordion-header-icon-start::after,:host(:focus) .disabled .sdds-accordion-header-icon-end::after{border-color:transparent}:host(:active) .sdds-accordion-header-icon-start,:host(:active) .sdds-accordion-header-icon-end{background-color:var(--sdds-accordion-bg-active);outline:none}:host(:active) .disabled,:host(:active) .disabled *{cursor:not-allowed}:host(:active) .disabled .sdds-accordion-header-icon-start,:host(:active) .disabled .sdds-accordion-header-icon-end{background-color:var(--sdds-accordion-bg);outline:none;pointer-events:none}:host(:active) .disabled .sdds-accordion-header-icon-start::after,:host(:active) .disabled .sdds-accordion-header-icon-end::after{border-color:transparent}:host(:last-child){border-bottom:1px solid var(--sdds-accordion-border)}";export{r as sdds_accordion}

package/dist/tegel/{p-f2f7aa45.entry.js → p-28116fd7.entry.js}

@@ -1 +1 @@
-import{r as s,h as o,H as t,g as e}from"./p-157e1618.js";import{c as i}from"./p-ec26fc38.js";const d=class{constructor(o){s(this,o),this.selector="",this.show=!1,this.placement="auto",this.offsetSkidding=0,this.offsetDistance=8,this.target=void 0}handleOutsideClick(){this.show&&(this.show=!1)}componentDidLoad(){this.target=document.querySelector(this.selector),i(this.target,this.popoverMenuElement,{strategy:"fixed",placement:this.placement,modifiers:[{name:"positionCalc",enabled:!0,phase:"main",fn({}){}},{name:"offset",options:{offset:[this.offsetSkidding,this.offsetDistance]}}]});const s=()=>{this.show=!0},o=()=>{this.show=!1};this.target.addEventListener("mousedown",(t=>{t.stopPropagation(),this.show?o():s()})),this.popoverMenuElement.addEventListener("mousemove",(s=>{s.stopPropagation()})),this.popoverMenuElement.addEventListener("mousedown",(s=>{s.stopPropagation()}))}render(){return o(t,{class:"sdds-popover-menu "+(this.show?"sdds-popover-menu-show":"")},o("slot",null))}get popoverMenuElement(){return e(this)}};d.style=":host{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--sdds-popover-bg-default);padding:16px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;display:none;z-index:20000}:host *{box-sizing:border-box}:host(.sdds-popover-menu-show){opacity:1;display:block}";export{d as sdds_popover_menu}
+import{r as s,h as o,H as t,g as e}from"./p-157e1618.js";import{c as i}from"./p-ec26fc38.js";const d=class{constructor(o){s(this,o),this.selector="",this.show=!1,this.placement="auto",this.offsetSkidding=0,this.offsetDistance=8,this.target=void 0}handleOutsideClick(){this.show&&(this.show=!1)}componentDidLoad(){this.target=document.querySelector(this.selector),i(this.target,this.popoverMenuElement,{strategy:"fixed",placement:this.placement,modifiers:[{name:"positionCalc",enabled:!0,phase:"main",fn({}){}},{name:"offset",options:{offset:[this.offsetSkidding,this.offsetDistance]}}]});const s=()=>{this.show=!0},o=()=>{this.show=!1};this.target.addEventListener("mousedown",(t=>{t.stopPropagation(),this.show?o():s()})),this.popoverMenuElement.addEventListener("mousemove",(s=>{s.stopPropagation()})),this.popoverMenuElement.addEventListener("mousedown",(s=>{s.stopPropagation()}))}render(){return o(t,{class:"sdds-popover-menu "+(this.show?"sdds-popover-menu-show":"")},o("slot",null))}get popoverMenuElement(){return e(this)}};d.style=":host{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--sdds-popover-bg-default);padding:16px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;display:none;z-index:800}:host *{box-sizing:border-box}:host(.sdds-popover-menu-show){opacity:1;display:block}";export{d as sdds_popover_menu}

package/dist/tegel/{p-4cb85347.entry.js → p-3c2de07c.entry.js}

@@ -1 +1 @@
-import{r as e,c as s,h as d}from"./p-157e1618.js";const a=class{constructor(d){e(this,d),this.customChange=s(this,"customChange",7),this.label="",this.name="",this.helper="",this.cols=void 0,this.rows=void 0,this.labelPosition="no-label",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.state="default",this.maxLength=void 0,this.modeVariant="primary",this.autoFocus=!1,this.focusInput=void 0}handleInput(e){this.value=e.target.value}handleFocusClick(){this.textEl.focus(),this.focusInput=!0}handleChange(e){this.customChange.emit(e)}render(){var e;return d("div",{class:`\n        sdds-textarea-container\n        ${"inside"===this.labelPosition?"sdds-textarea-label-inside":""}\n        ${this.focusInput?"sdds-textarea-focus":""}\n        ${this.disabled?"sdds-textarea-disabled":""}\n        ${this.readOnly?"sdds-textarea-readonly":""}\n        ${"primary"===this.modeVariant?"sdds-on-white-bg":""}\n        ${this.value?"sdds-textarea-data":""}\n        ${"error"===this.state||"success"===this.state?`sdds-textarea-${this.state}`:""}\n        `,onClick:()=>this.handleFocusClick()},"no-label"!==this.labelPosition&&d("span",{class:"sdds-textarea-label"},this.label),d("div",{class:"sdds-textarea-wrapper"},d("textarea",{onFocus:()=>{this.focusInput=!0},onBlur:()=>{this.focusInput=!1},class:"sdds-textarea-input",ref:e=>this.textEl=e,disabled:this.disabled,readonly:this.readOnly,placeholder:this.placeholder,value:this.value,name:this.name,autofocus:this.autoFocus,maxlength:this.maxLength,cols:this.cols,rows:this.rows,onInput:e=>this.handleInput(e),onChange:e=>this.handleChange(e)}),d("span",{class:"sdds-textarea-resizer-icon"},d("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d("path",{"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"}))),d("svg",{class:"sdds-textarea-icon__readonly",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.6242 10.7946L17.1365 7.28228C17.6247 6.79412 17.6247 6.00266 17.1365 5.5145L14.485 2.86295C13.9968 2.37479 13.2054 2.37479 12.7172 2.86295L9.20483 6.3753L10.0887 7.25919L11.3914 5.95654L14.0429 8.6081L12.7403 9.91075L13.6242 10.7946ZM13.6011 3.74684L16.2526 6.39839L14.9268 7.72421L12.2753 5.07265L13.6011 3.74684Z",fill:"#0D0F13"}),d("path",{d:"M7.43707 9.91075L5.00974 12.3381L4.01561 15.9837L7.6613 14.9896L10.0886 12.5623L10.9725 13.4462L8.54519 15.8735C8.39136 16.0274 8.20004 16.1384 7.99014 16.1956L3.28932 17.4774C3.07294 17.5364 2.84154 17.475 2.68295 17.3164C2.52436 17.1578 2.46291 16.9264 2.52191 16.71L3.80377 12.0092C3.861 11.7993 3.97202 11.608 4.12585 11.4542L6.55318 9.02686L7.43707 9.91075Z",fill:"#0D0F13"}),d("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.43306 1.43306C1.67714 1.18898 2.07287 1.18898 2.31695 1.43306L18.5671 17.6832C18.8112 17.9273 18.8112 18.323 18.5671 18.5671C18.323 18.8112 17.9273 18.8112 17.6832 18.5671L1.43306 2.31695C1.18898 2.07287 1.18898 1.67714 1.43306 1.43306Z",fill:"#0D0F13"})),d("span",{class:"sdds-textarea-icon__readonly-label"},"This field is non-editable")),this.helper.length>0&&d("span",{class:"sdds-textarea-helper"},this.helper),this.maxLength>0&&d("div",{class:"sdds-textarea-textcounter"},null===this.value?0:null===(e=this.value)||void 0===e?void 0:e.length,d("span",{class:"sdds-textfield-textcounter-divider"}," / ")," ",this.maxLength))}};a.style=':root,.sdds-theme-light{--sdds-textarea-color:var(--sdds-grey-868);--sdds-textarea-bg:var(--sdds-white);--sdds-textarea-placeholder:var(--sdds-grey-500);--sdds-textarea-placeholder-focus-color:var(--sdds-grey-500);--sdds-textarea-on-white-bg:var(--sdds-grey-50);--sdds-textarea-disabled-color:var(--sdds-grey-400);--sdds-textarea-disabled-bg:var(--sdds-white);--sdds-textarea-disabled-placeholder:var(--sdds-grey-400);--sdds-textarea-disabled-label:var(--sdds-grey-400);--sdds-textarea-label-color:var(--sdds-grey-958);--sdds-textarea-label-inside-color:var(--sdds-grey-700);--sdds-textarea-placeholder-focus-color:var(--sdds-grey-500);--sdds-textarea-helper:var(--sdds-grey-700);--sdds-textarea-helper-error:var(--sdds-red-500);--sdds-textarea-bar:var(--sdds-blue-400);--sdds-textarea-bar-error:var(--sdds-red-500);--sdds-textarea-textcounter:var(--sdds-grey-700);--sdds-textarea-textcounter-divider:var(--sdds-grey-500);--sdds-textarea-border-bottom:var(--sdds-grey-400);--sdds-textarea-border-bottom-hover:var(--sdds-grey-600);--sdds-textarea-border-bottom-success:var(--sdds-grey-800);--sdds-textarea-border-bottom-error:var(--sdds-red-500);--sdds-textarea-icon-read-only-color:var(--sdds-white);--sdds-textarea-icon-read-only-label-color:var(--sdds-grey-800);--sdds-textarea-resize-icon:var(--sdds-grey-500)}.sdds-theme-dark{--sdds-textarea-color:var(--sdds-grey-868);--sdds-textarea-bg:var(--sdds-red);--sdds-textarea-placeholder:var(--sdds-grey-500);--sdds-textarea-placeholder-focus-color:var(--sdds-grey-500);--sdds-textarea-on-white-bg:var(--sdds-grey-50);--sdds-textarea-disabled-color:var(--sdds-grey-400);--sdds-textarea-disabled-bg:var(--sdds-red);--sdds-textarea-disabled-placeholder:var(--sdds-grey-400);--sdds-textarea-disabled-label:var(--sdds-grey-400);--sdds-textarea-label-color:var(--sdds-grey-958);--sdds-textarea-label-inside-color:var(--sdds-grey-700);--sdds-textarea-placeholder-focus-color:var(--sdds-grey-500);--sdds-textarea-helper:var(--sdds-grey-700);--sdds-textarea-helper-error:var(--sdds-red-500);--sdds-textarea-bar:var(--sdds-blue-400);--sdds-textarea-bar-error:var(--sdds-red-500);--sdds-textarea-textcounter:var(--sdds-grey-700);--sdds-textarea-textcounter-divider:var(--sdds-grey-500);--sdds-textarea-border-bottom:var(--sdds-grey-400);--sdds-textarea-border-bottom-hover:var(--sdds-grey-600);--sdds-textarea-border-bottom-success:var(--sdds-grey-800);--sdds-textarea-border-bottom-error:var(--sdds-red-500);--sdds-textarea-icon-read-only-color:var(--sdds-white);--sdds-textarea-icon-read-only-label-color:var(--sdds-grey-800);--sdds-textarea-resize-icon:var(--sdds-grey-500)}.sdds-on-white-bg{--sdds-textarea-bg:var(--sdds-textarea-on-white-bg)}.sdds-textarea-container{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}.sdds-textarea-container .sdds-textarea-wrapper{position:relative;width:unset;min-width:100%}.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::before,.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::after{content:"";height:2px;width:0;position:absolute;background:var(--sdds-textarea-bar);transition:0.35s ease all}.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::before{left:50%}.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::after{right:50%}.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::after,.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::before{top:calc(100% - 2px)}.sdds-textarea-input{border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--sdds-textarea-color);background-color:var(--sdds-textarea-bg);font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);padding:var(--sdds-spacing-element-20) var(--sdds-spacing-element-16);display:block;resize:vertical;border-bottom:1px solid var(--sdds-textarea-border-bottom);transition:border-bottom-color 200ms ease}.sdds-textarea-input::placeholder{opacity:1;color:var(--sdds-textarea-placeholder)}.sdds-textarea-input:focus::placeholder{color:var(--sdds-textarea-placeholder-focus-color)}.sdds-textarea-input:disabled{background-color:var(--sdds-textarea-disabled-bg);color:var(--sdds-textarea-disabled-color);cursor:not-allowed}.sdds-textarea-input:disabled::placeholder{color:var(--sdds-textarea-disabled-placeholder)}.sdds-textarea-input:disabled~.sdds-textfield-label-inside{color:var(--sdds-textarea-disabled-label)}.sdds-textarea-input::-webkit-resizer{display:none}.sdds-textarea-input:hover{border-bottom-color:var(--sdds-textarea-border-bottom-hover)}.sdds-textarea-resizer-icon{color:var(--sdds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--sdds-textarea-bg)}.sdds-textarea-resizer-icon svg{display:block}.sdds-textarea-label{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);display:block;z-index:2;margin-bottom:var(--sdds-spacing-element-8);color:var(--sdds-textarea-label-color)}.sdds-textarea-container.sdds-textarea-label-inside .sdds-textarea-label{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);transition:0.1s ease all;color:var(--sdds-textarea-label-inside-color);position:absolute;top:var(--sdds-spacing-element-20);left:var(--sdds-spacing-element-16)}.sdds-textarea-container.sdds-textarea-label-inside .sdds-textarea-input::placeholder{color:transparent}.sdds-textarea-container.sdds-textarea-label-inside .sdds-textarea-input ::placeholder{color:transparent}.sdds-textarea-container.sdds-textarea-label-inside .sdds-textarea-input:focus::placeholder{transition:color 0.35s ease;color:var(--sdds-textarea-placeholder-focus-color)}.sdds-textarea-container.sdds-textarea-focus.sdds-textarea-label-inside .sdds-textarea-label{font:var(--sdds-detail-07);letter-spacing:var(--sdds-detail-07-ls);top:var(--sdds-spacing-element-8)}.sdds-textarea-container.sdds-textarea-focus .sdds-textarea-wrapper::before,.sdds-textarea-container.sdds-textarea-focus .sdds-textarea-wrapper::after{width:50%}.sdds-textarea-container.sdds-textarea-data.sdds-textarea-label-inside .sdds-textarea-label{font:var(--sdds-detail-07);letter-spacing:var(--sdds-detail-07-ls);top:var(--sdds-spacing-element-8)}.sdds-textarea-textcounter{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);color:var(--sdds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--sdds-spacing-element-4)}.sdds-textarea-textcounter .sdds-textfield-textcounter-divider{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);color:var(--sdds-textarea-textcounter-divider)}.sdds-textarea-helper{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);display:block;padding-top:var(--sdds-spacing-element-4);color:var(--sdds-textarea-helper);flex-grow:2;flex-basis:auto}.sdds-textarea-helper~.sdds-textarea-textcounter{flex-basis:auto}.sdds-textarea-success .sdds-textarea-input{border-bottom-color:var(--sdds-textarea-border-bottom-success)}.sdds-textarea-error .sdds-textarea-input{border-bottom-color:var(--sdds-textarea-border-bottom-error)}.sdds-textarea-error .sdds-textarea-wrapper::after,.sdds-textarea-error .sdds-textarea-wrapper::before{background:var(--sdds-textarea-bar-error)}.sdds-textarea-error .sdds-textarea-helper{color:var(--sdds-textarea-helper-error)}.sdds-textarea-disabled .sdds-textarea-input{border-bottom-color:transparent}.sdds-textarea-disabled .sdds-textarea-label{color:var(--sdds-textarea-disabled-label)}.sdds-textarea-icon__readonly{display:none;position:absolute;right:18px;top:18px}.sdds-textarea-icon__readonly-label{display:none;position:absolute;right:18px;top:48px;font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);padding:8px;color:var(--sdds-textarea-icon-read-only-label-color);background-color:var(--sdds-textarea-icon-read-only-label-bg);white-space:nowrap;border-radius:4px 0 4px 4px}.sdds-textarea-readonly{pointer-events:none}.sdds-textarea-readonly .sdds-textarea-icon__readonly{display:block}.sdds-textarea-readonly .sdds-textarea-icon__readonly:hover~.sdds-textarea-icon__readonly-label{display:block}.sdds-textarea-readonly .sdds-textfield-input{padding-right:54px;background-color:transparent}.sdds-textarea-readonly .sdds-textfield-container{background-color:transparent}';export{a as sdds_textarea}
+import{r as e,c as s,h as d}from"./p-157e1618.js";const a=class{constructor(d){e(this,d),this.customChange=s(this,"customChange",7),this.label="",this.name="",this.helper="",this.cols=void 0,this.rows=void 0,this.labelPosition="no-label",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.state="default",this.maxLength=void 0,this.modeVariant="primary",this.autoFocus=!1,this.focusInput=void 0}handleInput(e){this.value=e.target.value}handleFocusClick(){this.textEl.focus(),this.focusInput=!0}handleChange(e){this.customChange.emit(e)}render(){var e;return d("div",{class:`\n        sdds-textarea-container\n        ${"inside"===this.labelPosition?"sdds-textarea-label-inside":""}\n        ${this.focusInput?"sdds-textarea-focus":""}\n        ${this.disabled?"sdds-textarea-disabled":""}\n        ${this.readOnly?"sdds-textarea-readonly":""}\n        ${"primary"===this.modeVariant?"sdds-on-white-bg":""}\n        ${this.value?"sdds-textarea-data":""}\n        ${"error"===this.state||"success"===this.state?`sdds-textarea-${this.state}`:""}\n        `,onClick:()=>this.handleFocusClick()},"no-label"!==this.labelPosition&&d("span",{class:"sdds-textarea-label"},this.label),d("div",{class:"sdds-textarea-wrapper"},d("textarea",{onFocus:()=>{this.focusInput=!0},onBlur:()=>{this.focusInput=!1},class:"sdds-textarea-input",ref:e=>this.textEl=e,disabled:this.disabled,readonly:this.readOnly,placeholder:this.placeholder,value:this.value,name:this.name,autofocus:this.autoFocus,maxlength:this.maxLength,cols:this.cols,rows:this.rows,onInput:e=>this.handleInput(e),onChange:e=>this.handleChange(e)}),d("span",{class:"sdds-textarea-resizer-icon"},d("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d("path",{"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"}))),d("svg",{class:"sdds-textarea-icon__readonly",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.6242 10.7946L17.1365 7.28228C17.6247 6.79412 17.6247 6.00266 17.1365 5.5145L14.485 2.86295C13.9968 2.37479 13.2054 2.37479 12.7172 2.86295L9.20483 6.3753L10.0887 7.25919L11.3914 5.95654L14.0429 8.6081L12.7403 9.91075L13.6242 10.7946ZM13.6011 3.74684L16.2526 6.39839L14.9268 7.72421L12.2753 5.07265L13.6011 3.74684Z",fill:"#0D0F13"}),d("path",{d:"M7.43707 9.91075L5.00974 12.3381L4.01561 15.9837L7.6613 14.9896L10.0886 12.5623L10.9725 13.4462L8.54519 15.8735C8.39136 16.0274 8.20004 16.1384 7.99014 16.1956L3.28932 17.4774C3.07294 17.5364 2.84154 17.475 2.68295 17.3164C2.52436 17.1578 2.46291 16.9264 2.52191 16.71L3.80377 12.0092C3.861 11.7993 3.97202 11.608 4.12585 11.4542L6.55318 9.02686L7.43707 9.91075Z",fill:"#0D0F13"}),d("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.43306 1.43306C1.67714 1.18898 2.07287 1.18898 2.31695 1.43306L18.5671 17.6832C18.8112 17.9273 18.8112 18.323 18.5671 18.5671C18.323 18.8112 17.9273 18.8112 17.6832 18.5671L1.43306 2.31695C1.18898 2.07287 1.18898 1.67714 1.43306 1.43306Z",fill:"#0D0F13"})),d("span",{class:"sdds-textarea-icon__readonly-label"},"This field is non-editable")),this.helper.length>0&&d("span",{class:"sdds-textarea-helper"},this.helper),this.maxLength>0&&d("div",{class:"sdds-textarea-textcounter"},null===this.value?0:null===(e=this.value)||void 0===e?void 0:e.length,d("span",{class:"sdds-textfield-textcounter-divider"}," / ")," ",this.maxLength))}};a.style=':root,.sdds-theme-light{--sdds-textarea-color:var(--sdds-grey-868);--sdds-textarea-bg:var(--sdds-white);--sdds-textarea-placeholder:var(--sdds-grey-500);--sdds-textarea-placeholder-focus-color:var(--sdds-grey-500);--sdds-textarea-on-white-bg:var(--sdds-grey-50);--sdds-textarea-disabled-color:var(--sdds-grey-400);--sdds-textarea-disabled-bg:var(--sdds-white);--sdds-textarea-disabled-placeholder:var(--sdds-grey-400);--sdds-textarea-disabled-label:var(--sdds-grey-400);--sdds-textarea-label-color:var(--sdds-grey-958);--sdds-textarea-label-inside-color:var(--sdds-grey-700);--sdds-textarea-placeholder-focus-color:var(--sdds-grey-500);--sdds-textarea-helper:var(--sdds-grey-700);--sdds-textarea-helper-error:var(--sdds-red-500);--sdds-textarea-bar:var(--sdds-blue-400);--sdds-textarea-bar-error:var(--sdds-red-500);--sdds-textarea-textcounter:var(--sdds-grey-700);--sdds-textarea-textcounter-divider:var(--sdds-grey-500);--sdds-textarea-border-bottom:var(--sdds-grey-400);--sdds-textarea-border-bottom-hover:var(--sdds-grey-600);--sdds-textarea-border-bottom-success:var(--sdds-grey-800);--sdds-textarea-border-bottom-error:var(--sdds-red-500);--sdds-textarea-icon-read-only-color:var(--sdds-white);--sdds-textarea-icon-read-only-label-color:var(--sdds-grey-800);--sdds-textarea-resize-icon:var(--sdds-grey-500)}.sdds-theme-dark{--sdds-textarea-color:var(--sdds-grey-868);--sdds-textarea-bg:var(--sdds-red);--sdds-textarea-placeholder:var(--sdds-grey-500);--sdds-textarea-placeholder-focus-color:var(--sdds-grey-500);--sdds-textarea-on-white-bg:var(--sdds-grey-50);--sdds-textarea-disabled-color:var(--sdds-grey-400);--sdds-textarea-disabled-bg:var(--sdds-red);--sdds-textarea-disabled-placeholder:var(--sdds-grey-400);--sdds-textarea-disabled-label:var(--sdds-grey-400);--sdds-textarea-label-color:var(--sdds-grey-958);--sdds-textarea-label-inside-color:var(--sdds-grey-700);--sdds-textarea-placeholder-focus-color:var(--sdds-grey-500);--sdds-textarea-helper:var(--sdds-grey-700);--sdds-textarea-helper-error:var(--sdds-red-500);--sdds-textarea-bar:var(--sdds-blue-400);--sdds-textarea-bar-error:var(--sdds-red-500);--sdds-textarea-textcounter:var(--sdds-grey-700);--sdds-textarea-textcounter-divider:var(--sdds-grey-500);--sdds-textarea-border-bottom:var(--sdds-grey-400);--sdds-textarea-border-bottom-hover:var(--sdds-grey-600);--sdds-textarea-border-bottom-success:var(--sdds-grey-800);--sdds-textarea-border-bottom-error:var(--sdds-red-500);--sdds-textarea-icon-read-only-color:var(--sdds-white);--sdds-textarea-icon-read-only-label-color:var(--sdds-grey-800);--sdds-textarea-resize-icon:var(--sdds-grey-500)}.sdds-on-white-bg{--sdds-textarea-bg:var(--sdds-textarea-on-white-bg)}.sdds-textarea-container{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}.sdds-textarea-container .sdds-textarea-wrapper{position:relative;width:unset;min-width:100%}.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::before,.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::after{content:"";height:2px;width:0;position:absolute;background:var(--sdds-textarea-bar);transition:0.35s ease all}.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::before{left:50%}.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::after{right:50%}.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::after,.sdds-textarea-container:not(.sdds-textarea-disabled) .sdds-textarea-wrapper::before{top:calc(100% - 2px)}.sdds-textarea-input{border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--sdds-textarea-color);background-color:var(--sdds-textarea-bg);font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);padding:var(--sdds-spacing-element-20) var(--sdds-spacing-element-16);display:block;resize:vertical;border-bottom:1px solid var(--sdds-textarea-border-bottom);transition:border-bottom-color 200ms ease}.sdds-textarea-input::placeholder{opacity:1;color:var(--sdds-textarea-placeholder)}.sdds-textarea-input:focus::placeholder{color:var(--sdds-textarea-placeholder-focus-color)}.sdds-textarea-input:disabled{background-color:var(--sdds-textarea-disabled-bg);color:var(--sdds-textarea-disabled-color);cursor:not-allowed}.sdds-textarea-input:disabled::placeholder{color:var(--sdds-textarea-disabled-placeholder)}.sdds-textarea-input:disabled~.sdds-textfield-label-inside{color:var(--sdds-textarea-disabled-label)}.sdds-textarea-input::-webkit-resizer{display:none}.sdds-textarea-input:hover{border-bottom-color:var(--sdds-textarea-border-bottom-hover)}.sdds-textarea-resizer-icon{color:var(--sdds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--sdds-textarea-bg)}.sdds-textarea-resizer-icon svg{display:block}.sdds-textarea-label{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--sdds-spacing-element-8);color:var(--sdds-textarea-label-color)}.sdds-textarea-container.sdds-textarea-label-inside .sdds-textarea-label{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);transition:0.1s ease all;color:var(--sdds-textarea-label-inside-color);position:absolute;top:var(--sdds-spacing-element-20);left:var(--sdds-spacing-element-16)}.sdds-textarea-container.sdds-textarea-label-inside .sdds-textarea-input::placeholder{color:transparent}.sdds-textarea-container.sdds-textarea-label-inside .sdds-textarea-input ::placeholder{color:transparent}.sdds-textarea-container.sdds-textarea-label-inside .sdds-textarea-input:focus::placeholder{transition:color 0.35s ease;color:var(--sdds-textarea-placeholder-focus-color)}.sdds-textarea-container.sdds-textarea-focus.sdds-textarea-label-inside .sdds-textarea-label{font:var(--sdds-detail-07);letter-spacing:var(--sdds-detail-07-ls);top:var(--sdds-spacing-element-8)}.sdds-textarea-container.sdds-textarea-focus .sdds-textarea-wrapper::before,.sdds-textarea-container.sdds-textarea-focus .sdds-textarea-wrapper::after{width:50%}.sdds-textarea-container.sdds-textarea-data.sdds-textarea-label-inside .sdds-textarea-label{font:var(--sdds-detail-07);letter-spacing:var(--sdds-detail-07-ls);top:var(--sdds-spacing-element-8)}.sdds-textarea-textcounter{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);color:var(--sdds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--sdds-spacing-element-4)}.sdds-textarea-textcounter .sdds-textfield-textcounter-divider{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);color:var(--sdds-textarea-textcounter-divider)}.sdds-textarea-helper{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);display:block;padding-top:var(--sdds-spacing-element-4);color:var(--sdds-textarea-helper);flex-grow:2;flex-basis:auto}.sdds-textarea-helper~.sdds-textarea-textcounter{flex-basis:auto}.sdds-textarea-success .sdds-textarea-input{border-bottom-color:var(--sdds-textarea-border-bottom-success)}.sdds-textarea-error .sdds-textarea-input{border-bottom-color:var(--sdds-textarea-border-bottom-error)}.sdds-textarea-error .sdds-textarea-wrapper::after,.sdds-textarea-error .sdds-textarea-wrapper::before{background:var(--sdds-textarea-bar-error)}.sdds-textarea-error .sdds-textarea-helper{color:var(--sdds-textarea-helper-error)}.sdds-textarea-disabled .sdds-textarea-input{border-bottom-color:transparent}.sdds-textarea-disabled .sdds-textarea-label{color:var(--sdds-textarea-disabled-label)}.sdds-textarea-icon__readonly{display:none;position:absolute;right:18px;top:18px}.sdds-textarea-icon__readonly-label{display:none;position:absolute;right:18px;top:48px;font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);padding:8px;color:var(--sdds-textarea-icon-read-only-label-color);background-color:var(--sdds-textarea-icon-read-only-label-bg);white-space:nowrap;border-radius:4px 0 4px 4px}.sdds-textarea-readonly{pointer-events:none}.sdds-textarea-readonly .sdds-textarea-icon__readonly{display:block}.sdds-textarea-readonly .sdds-textarea-icon__readonly:hover~.sdds-textarea-icon__readonly-label{display:block}.sdds-textarea-readonly .sdds-textfield-input{padding-right:54px;background-color:transparent}.sdds-textarea-readonly .sdds-textfield-container{background-color:transparent}';export{a as sdds_textarea}

package/dist/tegel/{p-7451779b.entry.js → p-46140930.entry.js}

@@ -1 +1 @@
-import{r as s,c as d,h as i}from"./p-157e1618.js";const e=class{constructor(i){s(this,i),this.sliderChangeEmitter=d(this,"sliderChange",7),this.wrapperElement=null,this.scrubberElement=null,this.scrubberInnerElement=null,this.dividersElement=null,this.trackElement=null,this.trackFillElement=null,this.minusElement=null,this.plusElement=null,this.inputElement=null,this.nativeRangeInputElement=null,this.scrubberGrabPos={x:0,y:0},this.scrubberGrabbed=!1,this.scrubberLeft=0,this.tickValues=[],this.disabledState=!1,this.readonlyState=!1,this.useControls=!1,this.useInput=!1,this.useSmall=!1,this.useSnapping=!1,this.supposedValueSlot=-1,this.eventListenersAdded=!1,this.resizeObserverAdded=!1,this.label="",this.value="0",this.min="0",this.max="100",this.ticks="0",this.showTickNumbers=!1,this.tooltip=null,this.disabled=null,this.readOnly=null,this.controls=null,this.input=null,this.step="1",this.name="",this.size="",this.snap=null}async reset(){this.componentWillLoad(),this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":this.stepLeft();break;case"ArrowRight":this.stepRight()}}handleMouseUp(){this.scrubberGrabbed&&(this.scrubberGrabbed=!1,this.scrubberInnerElement.classList.remove("pressed"),this.updateValue(),this.trackElement.focus())}handleTouchEnd(){this.scrubberGrabbed&&(this.scrubberGrabbed=!1,this.scrubberInnerElement.classList.remove("pressed"),this.updateValue(),this.trackElement.focus())}handleMouseMove(s){if(!this.scrubberGrabbed)return;const d=parseInt(this.ticks),i=this.trackElement.getBoundingClientRect();let e=s.clientX-i.left;if(this.supposedValueSlot=-1,this.useSnapping&&d>0){const s=Math.round(this.getTrackWidth()/(d+1));e=Math.round(e/s)*s,this.supposedValueSlot=Math.round(e/s)}this.scrubberLeft=this.constrainScrubber(e),this.scrubberElement.style.left=`${this.scrubberLeft}px`,this.updateValue(),this.updateTrack()}handleTouchMove(s){if(s.preventDefault(),!this.scrubberGrabbed)return;const d=parseInt(this.ticks),i=this.trackElement.getBoundingClientRect();let e=s.touches[0].clientX-i.left;if(this.supposedValueSlot=-1,this.useSnapping&&d>0){const s=Math.round(this.getTrackWidth()/(d+1));e=Math.round(e/s)*s,this.supposedValueSlot=Math.round(e/s)}this.scrubberLeft=this.constrainScrubber(e),this.scrubberElement.style.left=`${this.scrubberLeft}px`,this.updateValue(),this.updateTrack()}updateTrack(){const s=this.getTrackWidth();this.trackFillElement.style.width=this.scrubberLeft/s*100+"%"}dispatchChangeEvent(){this.sliderChangeEmitter.emit({value:this.value})}updateValue(){const s=this.getTrackWidth();if(this.supposedValueSlot>0)this.value=`${this.tickValues[this.supposedValueSlot]}`;else{const d=this.scrubberLeft/s;this.value=`${Math.trunc(this.getMin()+d*(this.getMax()-this.getMin()))}`}this.dispatchChangeEvent()}updateValueForced(s){this.value=s,this.dispatchChangeEvent()}getMin(){return parseFloat(this.min)}getMax(){return parseFloat(this.max)}constrainScrubber(s){const d=this.getTrackWidth();return s<0?0:s>d?d:s}getTrackWidth(){const s=this.trackElement.getBoundingClientRect();return s.right-s.left}calculateScrubberLeftFromValue(s){const d=s,i=this.getTrackWidth(),e=d-this.getMin(),t=this.getMax()-this.getMin();this.scrubberLeft=e/t*i,this.scrubberElement.style.left=`${this.scrubberLeft}px`}componentDidLoad(){this.resizeObserverAdded||(this.resizeObserverAdded=!0,new ResizeObserver((()=>{this.calculateScrubberLeftFromValue(this.value),this.updateTrack()})).observe(this.wrapperElement)),this.eventListenersAdded||(this.eventListenersAdded=!0,this.scrubberElement.addEventListener("mousedown",(s=>{s.preventDefault(),this.grabScrubber(s.offsetX,s.offsetY)})),this.scrubberElement.addEventListener("touchstart",(s=>{const d=this.scrubberElement.getBoundingClientRect();this.grabScrubber(s.targetTouches[0].pageX-d.left,s.targetTouches[0].pageY-d.top)})),this.useControls&&(this.minusElement.addEventListener("click",(()=>{this.stepLeft()})),this.plusElement.addEventListener("click",(()=>{this.stepRight()}))),this.inputElement&&this.inputElement.addEventListener("keydown",(s=>{if(s.stopPropagation(),"Enter"===s.key){let s=parseInt(this.inputElement.value);s<this.getMin()?s=this.getMin():s>this.getMax()&&(s=this.getMax()),this.calculateScrubberLeftFromValue(s),this.updateValueForced(s),this.updateTrack(),this.inputElement.blur(),this.wrapperElement.focus()}}))),this.calculateScrubberLeftFromValue(this.value),this.updateTrack()}grabScrubber(s,d){this.readonlyState||(this.scrubberGrabPos={x:s,y:d},this.scrubberGrabbed=!0,this.scrubberInnerElement.classList.add("pressed"))}calculateInputSizeFromMax(){return this.max.length}controlsStep(s){if(this.readonlyState)return;const d=this.getTrackWidth(),i=this.scrubberLeft/d,e=parseInt(this.ticks);let t=this.getMin()+i*(this.getMax()-this.getMin());t+=s,t<this.getMin()?t=this.getMin():t>this.getMax()&&(t=this.getMax()),this.value=`${t}`,this.useSnapping&&e>0&&(this.supposedValueSlot+=s>0?1:-1,this.supposedValueSlot<0?this.supposedValueSlot=0:this.supposedValueSlot>e+1&&(this.supposedValueSlot=e+1)),this.calculateScrubberLeftFromValue(t),this.updateTrack(),this.updateValue()}stepLeft(){this.controlsStep(-parseInt(this.step))}stepRight(){this.controlsStep(parseInt(this.step))}componentWillLoad(){const s=parseInt(this.ticks);if(s>0){this.tickValues=[this.getMin()];const d=(this.getMax()-this.getMin())/(s+1);for(let i=1;i<s+1;i++)this.tickValues.push(this.getMin()+Math.round(d*i));this.tickValues.push(this.getMax())}this.disabledState=null!==this.disabled,this.readonlyState=null!==this.readOnly,this.useInput=!1,this.useControls=!1,null!==this.controls?this.useControls=!0:null!==this.input&&(this.useInput=!0),this.useSmall=!1,"sm"===this.size&&(this.useSmall=!0),this.useSnapping=!1,null!==this.snap&&(this.useSnapping=!0),this.getMin()>this.getMax()&&(console.warn("min-prop must have a higher value than max-prop for the component to work correctly."),this.disabledState=!0)}render(){return i("div",{class:"sdds-slider-wrapper "+(this.readonlyState&&"read-only")},i("input",{ref:s=>this.nativeRangeInputElement=s,class:"sdds-slider-native-element",type:"range",value:this.value,name:this.name,min:this.min,max:this.max}),i("div",{class:`sdds-slider ${this.disabledState?"disabled":""} ${this.useSmall?"sdds-slider-small":""}`,ref:s=>this.wrapperElement=s},this.useInput&&i("div",{class:"sdds-slider__input-values"},i("div",{ref:s=>this.minusElement=s,class:"sdds-slider__input-value"},this.min)),this.useControls&&i("div",{class:"sdds-slider__controls"},i("div",{ref:s=>this.minusElement=s,class:"sdds-slider__control sdds-slider__control-minus"},i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.98975 8.00005C1.98975 8.27619 2.2136 8.50005 2.48975 8.50005H13.5104C13.7866 8.50005 14.0104 8.27619 14.0104 8.00005C14.0104 7.72391 13.7866 7.50005 13.5104 7.50005L2.48975 7.50005C2.2136 7.50005 1.98975 7.72391 1.98975 8.00005Z",fill:"#0D0F13"})))),i("div",{class:"sdds-slider-inner"},i("label",{class:this.tickValues.length>0&&"offset"},this.label),this.tickValues.length>0&&i("div",{class:"sdds-slider__value-dividers-wrapper"},i("div",{ref:s=>this.dividersElement=s,class:"sdds-slider__value-dividers"},this.tickValues.map((s=>i("div",{class:"sdds-slider__value-divider"},this.showTickNumbers&&i("span",null,s)))))),i("div",{class:"sdds-slider__track",ref:s=>this.trackElement=s,tabindex:"1"},i("div",{class:"sdds-slider__track-fill",ref:s=>this.trackFillElement=s}),i("div",{class:"sdds-slider__scrubber",ref:s=>this.scrubberElement=s},null!==this.tooltip&&i("div",{class:"sdds-slider__value"},this.value,i("svg",{width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z",fill:"#37414F"}))),i("div",{class:"sdds-slider__scrubber-inner",ref:s=>this.scrubberInnerElement=s})))),this.useInput&&i("div",{class:"sdds-slider__input-values"},i("div",{ref:s=>this.minusElement=s,class:"sdds-slider__input-value",tabindex:"2"},this.max),i("div",{class:"sdds-slider__input-field-wrapper"},i("input",{onFocus:s=>{this.readonlyState&&(s.preventDefault(),this.inputElement.blur())},size:this.calculateInputSizeFromMax(),class:"sdds-slider__input-field",value:this.value,ref:s=>this.inputElement=s}))),this.useControls&&i("div",{class:"sdds-slider__controls"},i("div",{ref:s=>this.plusElement=s,class:"sdds-slider__control sdds-slider__control-plus"},i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.50005 13.5104C8.50005 13.7865 8.27619 14.0104 8.00005 14.0104C7.7239 14.0104 7.50005 13.7865 7.50005 13.5104V8.5H2.48975C2.2136 8.5 1.98975 8.27614 1.98975 8C1.98975 7.72386 2.2136 7.5 2.48975 7.5H7.50005V2.48965C7.50005 2.21351 7.7239 1.98965 8.00005 1.98965C8.27619 1.98965 8.50005 2.21351 8.50005 2.48965V7.5H13.5104C13.7866 7.5 14.0104 7.72386 14.0104 8C14.0104 8.27614 13.7866 8.5 13.5104 8.5H8.50005V13.5104Z",fill:"#0D0F13"}))))))}};e.style='sdds-slider{box-sizing:border-box;width:100%;--sdds-slider-inputfield-bg:var(--sdds-white)}sdds-slider *{box-sizing:border-box}sdds-slider input[type=range].sdds-slider-native-element{display:none}.sdds-slider-wrapper{width:100%}.sdds-slider-wrapper.read-only{pointer-events:none}.sdds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.sdds-slider .sdds-slider-inner{width:100%;height:20px;position:relative}.sdds-slider .sdds-slider__controls{position:relative;top:-25px}.sdds-slider .sdds-slider__controls .sdds-slider__control{cursor:pointer}.sdds-slider .sdds-slider__controls .sdds-slider__control.sdds-slider__control-minus{padding:18px 18px 18px 0}.sdds-slider .sdds-slider__controls .sdds-slider__control.sdds-slider__control-plus{padding:18px 0 18px 18px}.sdds-slider .sdds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.sdds-slider .sdds-slider__input-values .sdds-slider__input-value{user-select:none;padding:18px;color:var(--sdds-grey-700);font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls)}.sdds-slider .sdds-slider__input-values .sdds-slider__input-field-wrapper{background-color:var(--sdds-slider-inputfield-bg);display:flex;align-items:center;justify-content:center}.sdds-slider .sdds-slider__input-values .sdds-slider__input-field-wrapper input.sdds-slider__input-field{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-grey-700);border:0;background-color:transparent;text-align:center;padding:12px;box-shadow:inset 0 -1px 0 var(--sdds-grey-400);border-radius:4px 4px 0 0}.sdds-slider .sdds-slider__input-values .sdds-slider__input-field-wrapper input.sdds-slider__input-field:hover{box-shadow:inset 0 -1px 0 var(--sdds-grey-600)}.sdds-slider .sdds-slider__input-values .sdds-slider__input-field-wrapper input.sdds-slider__input-field:focus{box-shadow:inset 0 -2px 0 var(--sdds-blue-400);outline:0}.sdds-slider label{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);user-select:none;position:absolute;color:var(--sdds-grey-958);top:-16px;transform:translateY(-100%)}.sdds-slider label.offset{top:-35px}.sdds-slider .sdds-slider__value{font:var(--sdds-detail-01);letter-spacing:var(--sdds-detail-01-ls);user-select:none;border-radius:4px;padding:8px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--sdds-grey-800);color:var(--sdds-white)}.sdds-slider .sdds-slider__value svg{position:absolute;left:50%;transform:translateX(-50%);top:34px}.sdds-slider .sdds-slider__scrubber{position:absolute}.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner{width:20px;height:20px;border-radius:100%;background-color:var(--sdds-blue-800);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer;z-index:10}.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner::before{content:" ";display:none;width:48px;height:48px;background-color:var(--sdds-blue-800);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner:hover::before{display:block;opacity:0.08}.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner.pressed{width:24px;height:24px}.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner.pressed::before{display:block;opacity:0.16 !important}.sdds-slider .sdds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.sdds-slider .sdds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.sdds-slider .sdds-slider__value-dividers .sdds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--sdds-grey-400);width:1px}.sdds-slider .sdds-slider__value-dividers .sdds-slider__value-divider span{display:block;user-select:none;color:var(-sdds-grey-700);font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.sdds-slider .sdds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--sdds-grey-400);position:relative}.sdds-slider .sdds-slider__track:focus{outline:0}.sdds-slider .sdds-slider__track:focus .sdds-slider__scrubber .sdds-slider__scrubber-inner{width:24px;height:24px}.sdds-slider .sdds-slider__track:focus .sdds-slider__scrubber .sdds-slider__scrubber-inner::before{display:block;opacity:0.08}.sdds-slider .sdds-slider__track .sdds-slider__track-fill{background-color:var(--sdds-blue-800);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.sdds-slider.disabled{cursor:not-allowed}.sdds-slider.disabled>*{pointer-events:none}.sdds-slider.disabled label{color:var(--sdds-grey-400)}.sdds-slider.disabled .sdds-slider__controls .sdds-slider__control{cursor:default}.sdds-slider.disabled .sdds-slider__controls .sdds-slider__control.sdds-slider__control-minus svg path,.sdds-slider.disabled .sdds-slider__controls .sdds-slider__control.sdds-slider__control-plus svg path{fill:var(--sdds-grey-400)}.sdds-slider.disabled .sdds-slider__input-values .sdds-slider__input-value{color:var(--sdds-grey-400)}.sdds-slider.disabled .sdds-slider__input-values .sdds-slider__input-field-wrapper{pointer-events:none}.sdds-slider.disabled .sdds-slider__input-values .sdds-slider__input-field-wrapper input.sdds-slider__input-field{color:var(--sdds-grey-400);pointer-events:none}.sdds-slider.disabled .sdds-slider__value{display:none}.sdds-slider.disabled .sdds-slider__track .sdds-slider__track-fill{background-color:var(--sdds-grey-400)}.sdds-slider.disabled .sdds-slider__value-dividers .sdds-slider__value-divider span{color:var(--sdds-grey-400)}.sdds-slider.disabled .sdds-slider__scrubber{pointer-events:none}.sdds-slider.disabled .sdds-slider__scrubber .sdds-slider__scrubber-inner{background:var(--sdds-grey-400);cursor:default}.sdds-slider.sdds-slider-small .sdds-slider__scrubber .sdds-slider__scrubber-inner{width:16px;height:16px}.sdds-slider.sdds-slider-small .sdds-slider__scrubber .sdds-slider__scrubber-inner::before{width:40px;height:40px}.sdds-slider.sdds-slider-small .sdds-slider__scrubber .sdds-slider__scrubber-inner.pressed{width:20px;height:20px}';export{e as sdds_slider}
+import{r as s,c as d,h as i}from"./p-157e1618.js";const e=class{constructor(i){s(this,i),this.sliderChangeEmitter=d(this,"sliderChange",7),this.wrapperElement=null,this.scrubberElement=null,this.scrubberInnerElement=null,this.dividersElement=null,this.trackElement=null,this.trackFillElement=null,this.minusElement=null,this.plusElement=null,this.inputElement=null,this.nativeRangeInputElement=null,this.scrubberGrabPos={x:0,y:0},this.scrubberGrabbed=!1,this.scrubberLeft=0,this.tickValues=[],this.disabledState=!1,this.readonlyState=!1,this.useControls=!1,this.useInput=!1,this.useSmall=!1,this.useSnapping=!1,this.supposedValueSlot=-1,this.eventListenersAdded=!1,this.resizeObserverAdded=!1,this.label="",this.value="0",this.min="0",this.max="100",this.ticks="0",this.showTickNumbers=!1,this.tooltip=null,this.disabled=null,this.readOnly=null,this.controls=null,this.input=null,this.step="1",this.name="",this.size="",this.snap=null}async reset(){this.componentWillLoad(),this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":this.stepLeft();break;case"ArrowRight":this.stepRight()}}handleMouseUp(){this.scrubberGrabbed&&(this.scrubberGrabbed=!1,this.scrubberInnerElement.classList.remove("pressed"),this.updateValue(),this.trackElement.focus())}handleTouchEnd(){this.scrubberGrabbed&&(this.scrubberGrabbed=!1,this.scrubberInnerElement.classList.remove("pressed"),this.updateValue(),this.trackElement.focus())}handleMouseMove(s){if(!this.scrubberGrabbed)return;const d=parseInt(this.ticks),i=this.trackElement.getBoundingClientRect();let e=s.clientX-i.left;if(this.supposedValueSlot=-1,this.useSnapping&&d>0){const s=Math.round(this.getTrackWidth()/(d+1));e=Math.round(e/s)*s,this.supposedValueSlot=Math.round(e/s)}this.scrubberLeft=this.constrainScrubber(e),this.scrubberElement.style.left=`${this.scrubberLeft}px`,this.updateValue(),this.updateTrack()}handleTouchMove(s){if(s.preventDefault(),!this.scrubberGrabbed)return;const d=parseInt(this.ticks),i=this.trackElement.getBoundingClientRect();let e=s.touches[0].clientX-i.left;if(this.supposedValueSlot=-1,this.useSnapping&&d>0){const s=Math.round(this.getTrackWidth()/(d+1));e=Math.round(e/s)*s,this.supposedValueSlot=Math.round(e/s)}this.scrubberLeft=this.constrainScrubber(e),this.scrubberElement.style.left=`${this.scrubberLeft}px`,this.updateValue(),this.updateTrack()}updateTrack(){const s=this.getTrackWidth();this.trackFillElement.style.width=this.scrubberLeft/s*100+"%"}dispatchChangeEvent(){this.sliderChangeEmitter.emit({value:this.value})}updateValue(){const s=this.getTrackWidth();if(this.supposedValueSlot>0)this.value=`${this.tickValues[this.supposedValueSlot]}`;else{const d=this.scrubberLeft/s;this.value=`${Math.trunc(this.getMin()+d*(this.getMax()-this.getMin()))}`}this.dispatchChangeEvent()}updateValueForced(s){this.value=s,this.dispatchChangeEvent()}getMin(){return parseFloat(this.min)}getMax(){return parseFloat(this.max)}constrainScrubber(s){const d=this.getTrackWidth();return s<0?0:s>d?d:s}getTrackWidth(){const s=this.trackElement.getBoundingClientRect();return s.right-s.left}calculateScrubberLeftFromValue(s){const d=s,i=this.getTrackWidth(),e=d-this.getMin(),t=this.getMax()-this.getMin();this.scrubberLeft=e/t*i,this.scrubberElement.style.left=`${this.scrubberLeft}px`}componentDidLoad(){this.resizeObserverAdded||(this.resizeObserverAdded=!0,new ResizeObserver((()=>{this.calculateScrubberLeftFromValue(this.value),this.updateTrack()})).observe(this.wrapperElement)),this.eventListenersAdded||(this.eventListenersAdded=!0,this.scrubberElement.addEventListener("mousedown",(s=>{s.preventDefault(),this.grabScrubber(s.offsetX,s.offsetY)})),this.scrubberElement.addEventListener("touchstart",(s=>{const d=this.scrubberElement.getBoundingClientRect();this.grabScrubber(s.targetTouches[0].pageX-d.left,s.targetTouches[0].pageY-d.top)})),this.useControls&&(this.minusElement.addEventListener("click",(()=>{this.stepLeft()})),this.plusElement.addEventListener("click",(()=>{this.stepRight()}))),this.inputElement&&this.inputElement.addEventListener("keydown",(s=>{if(s.stopPropagation(),"Enter"===s.key){let s=parseInt(this.inputElement.value);s<this.getMin()?s=this.getMin():s>this.getMax()&&(s=this.getMax()),this.calculateScrubberLeftFromValue(s),this.updateValueForced(s),this.updateTrack(),this.inputElement.blur(),this.wrapperElement.focus()}}))),this.calculateScrubberLeftFromValue(this.value),this.updateTrack()}grabScrubber(s,d){this.readonlyState||(this.scrubberGrabPos={x:s,y:d},this.scrubberGrabbed=!0,this.scrubberInnerElement.classList.add("pressed"))}calculateInputSizeFromMax(){return this.max.length}controlsStep(s){if(this.readonlyState)return;const d=this.getTrackWidth(),i=this.scrubberLeft/d,e=parseInt(this.ticks);let t=this.getMin()+i*(this.getMax()-this.getMin());t+=s,t<this.getMin()?t=this.getMin():t>this.getMax()&&(t=this.getMax()),this.value=`${t}`,this.useSnapping&&e>0&&(this.supposedValueSlot+=s>0?1:-1,this.supposedValueSlot<0?this.supposedValueSlot=0:this.supposedValueSlot>e+1&&(this.supposedValueSlot=e+1)),this.calculateScrubberLeftFromValue(t),this.updateTrack(),this.updateValue()}stepLeft(){this.controlsStep(-parseInt(this.step))}stepRight(){this.controlsStep(parseInt(this.step))}componentWillLoad(){const s=parseInt(this.ticks);if(s>0){this.tickValues=[this.getMin()];const d=(this.getMax()-this.getMin())/(s+1);for(let i=1;i<s+1;i++)this.tickValues.push(this.getMin()+Math.round(d*i));this.tickValues.push(this.getMax())}this.disabledState=null!==this.disabled,this.readonlyState=null!==this.readOnly,this.useInput=!1,this.useControls=!1,null!==this.controls?this.useControls=!0:null!==this.input&&(this.useInput=!0),this.useSmall=!1,"sm"===this.size&&(this.useSmall=!0),this.useSnapping=!1,null!==this.snap&&(this.useSnapping=!0),this.getMin()>this.getMax()&&(console.warn("min-prop must have a higher value than max-prop for the component to work correctly."),this.disabledState=!0)}render(){return i("div",{class:"sdds-slider-wrapper "+(this.readonlyState&&"read-only")},i("input",{ref:s=>this.nativeRangeInputElement=s,class:"sdds-slider-native-element",type:"range",value:this.value,name:this.name,min:this.min,max:this.max}),i("div",{class:`sdds-slider ${this.disabledState?"disabled":""} ${this.useSmall?"sdds-slider-small":""}`,ref:s=>this.wrapperElement=s},this.useInput&&i("div",{class:"sdds-slider__input-values"},i("div",{ref:s=>this.minusElement=s,class:"sdds-slider__input-value"},this.min)),this.useControls&&i("div",{class:"sdds-slider__controls"},i("div",{ref:s=>this.minusElement=s,class:"sdds-slider__control sdds-slider__control-minus"},i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M1.98975 8.00005C1.98975 8.27619 2.2136 8.50005 2.48975 8.50005H13.5104C13.7866 8.50005 14.0104 8.27619 14.0104 8.00005C14.0104 7.72391 13.7866 7.50005 13.5104 7.50005L2.48975 7.50005C2.2136 7.50005 1.98975 7.72391 1.98975 8.00005Z",fill:"#0D0F13"})))),i("div",{class:"sdds-slider-inner"},i("label",{class:this.tickValues.length>0&&"offset"},this.label),this.tickValues.length>0&&i("div",{class:"sdds-slider__value-dividers-wrapper"},i("div",{ref:s=>this.dividersElement=s,class:"sdds-slider__value-dividers"},this.tickValues.map((s=>i("div",{class:"sdds-slider__value-divider"},this.showTickNumbers&&i("span",null,s)))))),i("div",{class:"sdds-slider__track",ref:s=>this.trackElement=s,tabindex:"1"},i("div",{class:"sdds-slider__track-fill",ref:s=>this.trackFillElement=s}),i("div",{class:"sdds-slider__scrubber",ref:s=>this.scrubberElement=s},null!==this.tooltip&&i("div",{class:"sdds-slider__value"},this.value,i("svg",{width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z",fill:"#37414F"}))),i("div",{class:"sdds-slider__scrubber-inner",ref:s=>this.scrubberInnerElement=s})))),this.useInput&&i("div",{class:"sdds-slider__input-values"},i("div",{ref:s=>this.minusElement=s,class:"sdds-slider__input-value",tabindex:"2"},this.max),i("div",{class:"sdds-slider__input-field-wrapper"},i("input",{onFocus:s=>{this.readonlyState&&(s.preventDefault(),this.inputElement.blur())},size:this.calculateInputSizeFromMax(),class:"sdds-slider__input-field",value:this.value,ref:s=>this.inputElement=s}))),this.useControls&&i("div",{class:"sdds-slider__controls"},i("div",{ref:s=>this.plusElement=s,class:"sdds-slider__control sdds-slider__control-plus"},i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.50005 13.5104C8.50005 13.7865 8.27619 14.0104 8.00005 14.0104C7.7239 14.0104 7.50005 13.7865 7.50005 13.5104V8.5H2.48975C2.2136 8.5 1.98975 8.27614 1.98975 8C1.98975 7.72386 2.2136 7.5 2.48975 7.5H7.50005V2.48965C7.50005 2.21351 7.7239 1.98965 8.00005 1.98965C8.27619 1.98965 8.50005 2.21351 8.50005 2.48965V7.5H13.5104C13.7866 7.5 14.0104 7.72386 14.0104 8C14.0104 8.27614 13.7866 8.5 13.5104 8.5H8.50005V13.5104Z",fill:"#0D0F13"}))))))}};e.style='sdds-slider{box-sizing:border-box;width:100%;--sdds-slider-inputfield-bg:var(--sdds-white)}sdds-slider *{box-sizing:border-box}sdds-slider input[type=range].sdds-slider-native-element{display:none}.sdds-slider-wrapper{width:100%}.sdds-slider-wrapper.read-only{pointer-events:none}.sdds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.sdds-slider .sdds-slider-inner{width:100%;height:20px;position:relative}.sdds-slider .sdds-slider__controls{position:relative;top:-25px}.sdds-slider .sdds-slider__controls .sdds-slider__control{cursor:pointer}.sdds-slider .sdds-slider__controls .sdds-slider__control.sdds-slider__control-minus{padding:18px 18px 18px 0}.sdds-slider .sdds-slider__controls .sdds-slider__control.sdds-slider__control-plus{padding:18px 0 18px 18px}.sdds-slider .sdds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.sdds-slider .sdds-slider__input-values .sdds-slider__input-value{user-select:none;padding:18px;color:var(--sdds-grey-700);font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls)}.sdds-slider .sdds-slider__input-values .sdds-slider__input-field-wrapper{background-color:var(--sdds-slider-inputfield-bg);display:flex;align-items:center;justify-content:center}.sdds-slider .sdds-slider__input-values .sdds-slider__input-field-wrapper input.sdds-slider__input-field{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-grey-700);border:0;background-color:transparent;text-align:center;padding:12px;box-shadow:inset 0 -1px 0 var(--sdds-grey-400);border-radius:4px 4px 0 0}.sdds-slider .sdds-slider__input-values .sdds-slider__input-field-wrapper input.sdds-slider__input-field:hover{box-shadow:inset 0 -1px 0 var(--sdds-grey-600)}.sdds-slider .sdds-slider__input-values .sdds-slider__input-field-wrapper input.sdds-slider__input-field:focus{box-shadow:inset 0 -2px 0 var(--sdds-blue-400);outline:0}.sdds-slider label{font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);user-select:none;position:absolute;color:var(--sdds-grey-958);top:-16px;transform:translateY(-100%)}.sdds-slider label.offset{top:-35px}.sdds-slider .sdds-slider__value{font:var(--sdds-detail-01);letter-spacing:var(--sdds-detail-01-ls);user-select:none;border-radius:4px;padding:8px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--sdds-grey-800);color:var(--sdds-white)}.sdds-slider .sdds-slider__value svg{position:absolute;left:50%;transform:translateX(-50%);top:34px}.sdds-slider .sdds-slider__scrubber{position:absolute}.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner{width:20px;height:20px;border-radius:100%;background-color:var(--sdds-blue-800);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner::before{content:" ";display:none;width:48px;height:48px;background-color:var(--sdds-blue-800);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner:hover::before{display:block;opacity:0.08}.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner.pressed{width:24px;height:24px}.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner.pressed::before{display:block;opacity:0.16 !important}.sdds-slider .sdds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.sdds-slider .sdds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.sdds-slider .sdds-slider__value-dividers .sdds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--sdds-grey-400);width:1px}.sdds-slider .sdds-slider__value-dividers .sdds-slider__value-divider span{display:block;user-select:none;color:var(-sdds-grey-700);font:var(--sdds-detail-05);letter-spacing:var(--sdds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.sdds-slider .sdds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--sdds-grey-400);position:relative}.sdds-slider .sdds-slider__track:focus{outline:0}.sdds-slider .sdds-slider__track:focus .sdds-slider__scrubber .sdds-slider__scrubber-inner{width:24px;height:24px}.sdds-slider .sdds-slider__track:focus .sdds-slider__scrubber .sdds-slider__scrubber-inner::before{display:block;opacity:0.08}.sdds-slider .sdds-slider__track .sdds-slider__track-fill{background-color:var(--sdds-blue-800);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.sdds-slider.disabled{cursor:not-allowed}.sdds-slider.disabled>*{pointer-events:none}.sdds-slider.disabled label{color:var(--sdds-grey-400)}.sdds-slider.disabled .sdds-slider__controls .sdds-slider__control{cursor:default}.sdds-slider.disabled .sdds-slider__controls .sdds-slider__control.sdds-slider__control-minus svg path,.sdds-slider.disabled .sdds-slider__controls .sdds-slider__control.sdds-slider__control-plus svg path{fill:var(--sdds-grey-400)}.sdds-slider.disabled .sdds-slider__input-values .sdds-slider__input-value{color:var(--sdds-grey-400)}.sdds-slider.disabled .sdds-slider__input-values .sdds-slider__input-field-wrapper{pointer-events:none}.sdds-slider.disabled .sdds-slider__input-values .sdds-slider__input-field-wrapper input.sdds-slider__input-field{color:var(--sdds-grey-400);pointer-events:none}.sdds-slider.disabled .sdds-slider__value{display:none}.sdds-slider.disabled .sdds-slider__track .sdds-slider__track-fill{background-color:var(--sdds-grey-400)}.sdds-slider.disabled .sdds-slider__value-dividers .sdds-slider__value-divider span{color:var(--sdds-grey-400)}.sdds-slider.disabled .sdds-slider__scrubber{pointer-events:none}.sdds-slider.disabled .sdds-slider__scrubber .sdds-slider__scrubber-inner{background:var(--sdds-grey-400);cursor:default}.sdds-slider.sdds-slider-small .sdds-slider__scrubber .sdds-slider__scrubber-inner{width:16px;height:16px}.sdds-slider.sdds-slider-small .sdds-slider__scrubber .sdds-slider__scrubber-inner::before{width:40px;height:40px}.sdds-slider.sdds-slider-small .sdds-slider__scrubber .sdds-slider__scrubber-inner.pressed{width:20px;height:20px}';export{e as sdds_slider}

package/dist/tegel/p-59e49a1c.entry.js

@@ -0,0 +1 @@
+import{r as d,h as s,H as o,g as a}from"./p-157e1618.js";const l=class{constructor(s){d(this,s),this.prevent=!1,this.size="md",this.actions="static",this.open=!1}async openModal(){this.open=!0}setDissmissButtons(){this.el.querySelectorAll("[data-dismiss-modal]").forEach((d=>{d.addEventListener("click",(()=>{this.open=!1}))}))}handleClick(d){const s=d.composedPath()[0];("sdds-modal-close"===s.classList[0]||"sdds-modal-backdrop"===s.classList[0]&&!1===this.prevent)&&(this.open=!1)}componentDidRender(){this.setDissmissButtons()}render(){return s(o,{onClick:d=>{this.handleClick(d)},class:"sdds-modal-backdrop "+(this.open?"show":"hide")},s("div",{class:`sdds-modal ${this.actions?`sdds-modal__actions-${this.actions}`:""} ${this.size?`sdds-modal-${this.size}`:""} `},s("div",{class:"sdds-modal-header"},s("slot",{name:"sdds-modal-headline"}),s("button",{class:"sdds-modal-close"})),s("div",{class:"sdds-modal-body"},s("slot",{name:"sdds-modal-body"})),s("div",{class:"sdds-modal-actions"},s("slot",{name:"sdds-modal-actions"}))))}get el(){return a(this)}};l.style=":root,html{--sdds-modal-backdrop:rgba(0 0 0 / 40%);--sdds-modal-bg:var(--sdds-white);--sdds-modal-text:var(--sdds-grey-958);--sdds-modal-icon:var(--sdds-black);--sdds-modal-scrollbar:var(--sdds-grey-300);--sdds-modal-scrollbar-track:var(--sdds-grey-300);--sdds-modal-scrollbar-thumb:var(--sdds-grey-500)}:root .sdds-theme-light,html .sdds-theme-light{--sdds-modal-backdrop:rgba(0 0 0 / 40%);--sdds-modal-bg:var(--sdds-white);--sdds-modal-text:var(--sdds-grey-958);--sdds-modal-icon:var(--sdds-black);--sdds-modal-scrollbar:var(--sdds-grey-300);--sdds-modal-scrollbar-track:var(--sdds-grey-300);--sdds-modal-scrollbar-thumb:var(--sdds-grey-500)}:root .sdds-theme-dark,html .sdds-theme-dark{--sdds-modal-backdrop:rgba(0 0 0 / 40%);--sdds-modal-bg:var(--sdds-grey-900);--sdds-modal-text:var(--sdds-white);--sdds-modal-icon:var(--sdds-white);--sdds-modal-scrollbar:var(--sdds-grey-300);--sdds-modal-scrollbar-track:var(--sdds-grey-300);--sdds-modal-scrollbar-thumb:var(--sdds-grey-500)}.sdds-modal{box-sizing:border-box;background-color:var(--sdds-modal-bg);margin:auto;position:relative;border-radius:4px;padding:16px;max-height:85vh;overflow-y:auto;}.sdds-modal *{box-sizing:border-box}.sdds-modal::-webkit-scrollbar{width:5px;background-color:var(--sdds-grey-300);border-radius:0 1em 1em 0}.sdds-modal::-webkit-scrollbar-track{background-color:var(--sdds-grey-300);border-radius:0 1em 1em 0}.sdds-modal::-webkit-scrollbar-thumb{background-color:var(--sdds-grey-500);border-radius:0 1em 1em 0}.sdds-modal__actions-sticky{overflow:hidden}.sdds-modal__actions-sticky .sdds-modal-body{font:var(--sdds-body-01);letter-spacing:var(--sdds-body-01-ls);padding-bottom:40px;margin:0 -16px 0 0;max-height:calc(85vh - 36px);overflow-y:auto}.sdds-modal__actions-sticky .sdds-modal-actions{position:absolute;bottom:0;left:0;right:0;background-color:var(--sdds-modal-bg);padding:var(--sdds-spacing-element-16);display:flex;gap:16px}.sdds-modal__actions-static .sdds-modal-actions{background-color:var(--sdds-modal-bg);display:flex;gap:16px}@media (min-width: 320px){.sdds-modal-xs{width:100%}.sdds-modal-sm{width:100%}.sdds-modal-md{width:100%}.sdds-modal-lg{width:100%}}@media (min-width: 672px){.sdds-modal-xs{width:75%}.sdds-modal-sm{width:62.5%}.sdds-modal-md{width:75%}.sdds-modal-lg{width:100%}}@media (min-width: 1056px){.sdds-modal-xs{width:31.25%}.sdds-modal-sm{width:43.75%}.sdds-modal-md{width:62.5%}.sdds-modal-lg{width:75%}}@media (min-width: 1312px){.sdds-modal-xs{width:31.25%}.sdds-modal-sm{width:37.5%}.sdds-modal-md{width:62.5%}.sdds-modal-lg{width:75%}}@media (min-width: 1584px){.sdds-modal-xs{width:25%}.sdds-modal-sm{width:37.5%}.sdds-modal-md{width:50%}.sdds-modal-lg{width:75%}}@media (max-width: 320px){.sdds-modal-md,.sdds-modal-lg,.sdds-modal-sm{height:100%}.sdds-modal-md slot[name=sdds-modal-actions]::slotted(*),.sdds-modal-lg slot[name=sdds-modal-actions]::slotted(*),.sdds-modal-sm slot[name=sdds-modal-actions]::slotted(*){display:flex}}.sdds-modal-header{display:flex;padding-bottom:var(--sdds-spacing-element-8);position:sticky;top:0;background-color:var(--sdds-modal-bg);z-index:1}.sdds-modal-header::before{content:\" \";position:absolute;height:16px;top:-16px;width:100%;background-color:var(--sdds-modal-bg)}.sdds-modal-headline{font:var(--sdds-headline-05);letter-spacing:var(--sdds-headline-05-ls);margin:0;flex:1}.sdds-modal-body{font:var(--sdds-body-01);letter-spacing:var(--sdds-body-01-ls);padding-bottom:40px;margin:0 -16px 0 0;overflow-y:visible;}.sdds-modal-body::-webkit-scrollbar{width:5px;background-color:var(--sdds-grey-300)}.sdds-modal-body::-webkit-scrollbar-track{background-color:var(--sdds-grey-300)}.sdds-modal-body::-webkit-scrollbar-thumb{background-color:var(--sdds-grey-500)}@media (min-width: 1056px){.sdds-modal-body{padding-right:64px}}.sdds-modal-backdrop{left:0;top:0;position:fixed;height:100%;width:100%;z-index:600;background-color:var(--sdds-modal-backdrop);padding:0 16px}@media (max-width: 320px){.sdds-modal-backdrop{padding:0}}.sdds-modal-backdrop.show{display:flex}.sdds-modal-backdrop.hide{display:none}.sdds-modal-close{display:inline-block;width:16px;height:auto;background-image: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='%23171719'/%3E%3C/svg%3E%0A\");background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.sdds-modal-close{margin-left:var(--sdds-spacing-element-16)}}@media (min-width: 1056px){.sdds-modal-close{margin-left:var(--sdds-spacing-element-48)}}.sdds-modal-overflow{overflow:hidden}:host{left:0;top:0;position:fixed;height:100%;width:100%;z-index:600;background-color:var(--sdds-modal-backdrop);padding:0 16px}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host .sdds-modal-close{border:none;background-color:transparent;}:host(.show){display:flex}:host(.hide){display:none}";export{l as sdds_modal}

package/dist/tegel/{p-d91caec6.entry.js → p-6df7e735.entry.js}

@@ -1 +1 @@
-import{r as t,h as s,H as a,g as i}from"./p-157e1618.js";const o=class{constructor(s){t(this,s),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.buttonWidth=0,this.tabs=[],this.showLeftScroll=!1,this.showRightScroll=!1}componentDidRender(){this._calculateButtonWidth()}componentDidLoad(){new ResizeObserver((t=>{for(const s of t){const t=s.contentRect.width;let a=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);a+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight),t.classList.add("sdds-navigation-tabs-tab")})),this.componentWidth=t,this.buttonsWidth=a,this.scrollWidth=a-t,this.buttonsWidth>this.componentWidth?this._evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}})).observe(this.navWrapperElement),this._calculateButtonWidth()}_calculateButtonWidth(){let t=0;Array.from(this.host.children).forEach((s=>{const a=window.getComputedStyle(s),i=s.clientWidth+parseFloat(a.marginLeft)+parseFloat(a.marginRight);i>t&&(t=i)})),this.buttonWidth=t}_scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonWidth,this._evaluateScrollButtons()}_scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonWidth,this._evaluateScrollButtons()}_evaluateScrollButtons(){const t=this.navWrapperElement.scrollLeft;this.showRightScroll=!(t>=this.scrollWidth),this.showLeftScroll=!(t<=0)}render(){return s(a,null,s("div",{class:"sdds-navigation-tabs"},s("div",{class:"sdds-navigation-tabs-wrapper",ref:t=>this.navWrapperElement=t},s("slot",null)),s("div",{class:"sdds-navigation-tabs-navigation"},s("button",{class:"sdds-navigation-tabs-forward "+(this.showRightScroll?"sdds-navigation-tabs-forward-show":""),onClick:()=>this._scrollRight()},s("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6.1147 17.3291C5.87062 17.0851 5.87062 16.6893 6.1147 16.4453L12.2948 10.2652C12.4412 10.1187 12.4412 9.8813 12.2948 9.73485L6.1147 3.55476C5.87062 3.31068 5.87062 2.91496 6.1147 2.67088C6.35878 2.4268 6.75451 2.4268 6.99858 2.67088L13.1787 8.85097C13.8133 9.48557 13.8133 10.5145 13.1787 11.1491L6.99858 17.3291C6.75451 17.5732 6.35878 17.5732 6.1147 17.3291Z",fill:"#0D0F13"}))),s("button",{class:"sdds-navigation-tabs-back "+(this.showLeftScroll?"sdds-navigation-tabs-back-show":""),onClick:()=>this._scrollLeft()},s("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.8853 2.67085C14.1294 2.91493 14.1294 3.31066 13.8853 3.55473L7.70522 9.73482C7.55878 9.88127 7.55878 10.1187 7.70522 10.2652L13.8853 16.4452C14.1294 16.6893 14.1294 17.085 13.8853 17.3291C13.6412 17.5732 13.2455 17.5732 13.0014 17.3291L6.82134 11.149C6.18674 10.5144 6.18674 9.48554 6.82134 8.85094L13.0014 2.67085C13.2455 2.42677 13.6412 2.42677 13.8853 2.67085Z",fill:"#0D0F13"}))))))}get host(){return i(this)}};o.style='.sdds-navigation-tabs{box-sizing:border-box;background-color:var(--sdds-navigation-tabs-bg);position:relative;display:flex;}.sdds-navigation-tabs *{box-sizing:border-box}.sdds-navigation-tabs::after{content:" ";display:block;border-bottom:1px solid var(--sdds-navigation-tabs-horizontal-divider-bg);left:0;right:0;bottom:0;position:absolute}.sdds-navigation-tabs-wrapper{display:flex;flex-wrap:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none}.sdds-navigation-tabs-wrapper::-webkit-scrollbar{display:none}.sdds-navigation-tabs-forward{cursor:pointer;width:48px;height:100%;border:0;position:absolute;right:0;top:0;background-color:var(--sdds-navigation-tabs-scroll-btn-bg);display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none}.sdds-navigation-tabs-forward__show{opacity:1;pointer-events:all}.sdds-navigation-tabs-forward:hover{background-color:var(--sdds-navigation-tabs-scroll-btn-hover-bg);text-decoration:none}.sdds-navigation-tabs-forward:active{background-color:var(--sdds-navigation-tabs-scroll-btn-active-bg)}.sdds-navigation-tabs-forward:focus{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}.sdds-navigation-tabs-back{cursor:pointer;width:48px;height:100%;border:0;position:absolute;left:0;top:0;background-color:var(--sdds-navigation-tabs-scroll-btn-bg);display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none}.sdds-navigation-tabs-back__show{opacity:1;pointer-events:all}.sdds-navigation-tabs-back:hover{background-color:var(--sdds-navigation-tabs-scroll-btn-hover-bg)}.sdds-navigation-tabs-back:active{background-color:var(--sdds-navigation-tabs-scroll-btn-active-bg)}.sdds-navigation-tabs-back:focus{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}::slotted(.sdds-navigation-tabs-tab){font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);color:rgba(0, 21, 51, 0.6);padding:26px 0;margin-right:32px;text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out;white-space:nowrap;background-color:transparent;border:0}::slotted(.sdds-navigation-tabs-tab)::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0;margin-right:auto;height:2px;background-color:var(--sdds-navigation-tabs-tab-hover-indicator-bg);transition:width 0.15s ease-in-out;z-index:10}::slotted(.sdds-navigation-tabs-tab:first-child){margin-left:32px}::slotted(.sdds-navigation-tabs-tab:last-child){margin-right:32px}::slotted(.sdds-navigation-tabs-tab:hover){color:var(--sdds-navigation-tabs-tab-hover-color)}::slotted(.sdds-navigation-tabs-tab:hover)::after{width:100%}::slotted(.sdds-navigation-tabs-tab:focus){outline:2px solid var(--sdds-blue-400);outline-offset:-2px;color:var(--sdds-navigation-tabs-tab-focus-color)}::slotted(.sdds-navigation-tabs-tab:focus)::after{width:0}::slotted(.sdds-navigation-tabs-tab-active){color:var(--sdds-navigation-tabs-tab-active-color)}::slotted(.sdds-navigation-tabs-tab-active)::after{width:100%;--sdds-navigation-tabs-tab-active-indicator-bg:var(--sdds-blue-400);background-color:var(--sdds-navigation-tabs-tab-active-indicator-bg)}::slotted(.sdds-navigation-tabs-tab-active:focus)::after{width:100%}::slotted(.sdds-navigation-tabs-tab-disabled){color:var(--sdds-navigation-tabs-tab-active-color);opacity:0.16;pointer-events:none}';export{o as sdds_navigation_tabs}
+import{r as t,h as s,H as a,g as i}from"./p-157e1618.js";const o=class{constructor(s){t(this,s),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.buttonWidth=0,this.tabs=[],this.showLeftScroll=!1,this.showRightScroll=!1}componentDidRender(){this._calculateButtonWidth()}componentDidLoad(){new ResizeObserver((t=>{for(const s of t){const t=s.contentRect.width;let a=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);a+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight),t.classList.add("sdds-navigation-tabs-tab")})),this.componentWidth=t,this.buttonsWidth=a,this.scrollWidth=a-t,this.buttonsWidth>this.componentWidth?this._evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}})).observe(this.navWrapperElement),this._calculateButtonWidth()}_calculateButtonWidth(){let t=0;Array.from(this.host.children).forEach((s=>{const a=window.getComputedStyle(s),i=s.clientWidth+parseFloat(a.marginLeft)+parseFloat(a.marginRight);i>t&&(t=i)})),this.buttonWidth=t}_scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonWidth,this._evaluateScrollButtons()}_scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonWidth,this._evaluateScrollButtons()}_evaluateScrollButtons(){const t=this.navWrapperElement.scrollLeft;this.showRightScroll=!(t>=this.scrollWidth),this.showLeftScroll=!(t<=0)}render(){return s(a,null,s("div",{class:"sdds-navigation-tabs"},s("div",{class:"sdds-navigation-tabs-wrapper",ref:t=>this.navWrapperElement=t},s("slot",null)),s("div",{class:"sdds-navigation-tabs-navigation"},s("button",{class:"sdds-navigation-tabs-forward "+(this.showRightScroll?"sdds-navigation-tabs-forward-show":""),onClick:()=>this._scrollRight()},s("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M6.1147 17.3291C5.87062 17.0851 5.87062 16.6893 6.1147 16.4453L12.2948 10.2652C12.4412 10.1187 12.4412 9.8813 12.2948 9.73485L6.1147 3.55476C5.87062 3.31068 5.87062 2.91496 6.1147 2.67088C6.35878 2.4268 6.75451 2.4268 6.99858 2.67088L13.1787 8.85097C13.8133 9.48557 13.8133 10.5145 13.1787 11.1491L6.99858 17.3291C6.75451 17.5732 6.35878 17.5732 6.1147 17.3291Z",fill:"#0D0F13"}))),s("button",{class:"sdds-navigation-tabs-back "+(this.showLeftScroll?"sdds-navigation-tabs-back-show":""),onClick:()=>this._scrollLeft()},s("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.8853 2.67085C14.1294 2.91493 14.1294 3.31066 13.8853 3.55473L7.70522 9.73482C7.55878 9.88127 7.55878 10.1187 7.70522 10.2652L13.8853 16.4452C14.1294 16.6893 14.1294 17.085 13.8853 17.3291C13.6412 17.5732 13.2455 17.5732 13.0014 17.3291L6.82134 11.149C6.18674 10.5144 6.18674 9.48554 6.82134 8.85094L13.0014 2.67085C13.2455 2.42677 13.6412 2.42677 13.8853 2.67085Z",fill:"#0D0F13"}))))))}get host(){return i(this)}};o.style='.sdds-navigation-tabs{box-sizing:border-box;background-color:var(--sdds-navigation-tabs-bg);position:relative;display:flex;}.sdds-navigation-tabs *{box-sizing:border-box}.sdds-navigation-tabs::after{content:" ";display:block;border-bottom:1px solid var(--sdds-navigation-tabs-horizontal-divider-bg);left:0;right:0;bottom:0;position:absolute}.sdds-navigation-tabs-wrapper{display:flex;flex-wrap:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none}.sdds-navigation-tabs-wrapper::-webkit-scrollbar{display:none}.sdds-navigation-tabs-forward{cursor:pointer;width:48px;height:100%;border:0;position:absolute;right:0;top:0;background-color:var(--sdds-navigation-tabs-scroll-btn-bg);display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none}.sdds-navigation-tabs-forward__show{opacity:1;pointer-events:all}.sdds-navigation-tabs-forward:hover{background-color:var(--sdds-navigation-tabs-scroll-btn-hover-bg);text-decoration:none}.sdds-navigation-tabs-forward:active{background-color:var(--sdds-navigation-tabs-scroll-btn-active-bg)}.sdds-navigation-tabs-forward:focus{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}.sdds-navigation-tabs-back{cursor:pointer;width:48px;height:100%;border:0;position:absolute;left:0;top:0;background-color:var(--sdds-navigation-tabs-scroll-btn-bg);display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none}.sdds-navigation-tabs-back__show{opacity:1;pointer-events:all}.sdds-navigation-tabs-back:hover{background-color:var(--sdds-navigation-tabs-scroll-btn-hover-bg)}.sdds-navigation-tabs-back:active{background-color:var(--sdds-navigation-tabs-scroll-btn-active-bg)}.sdds-navigation-tabs-back:focus{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}::slotted(.sdds-navigation-tabs-tab){font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);color:rgba(0, 21, 51, 0.6);padding:26px 0;margin-right:32px;text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out;white-space:nowrap;background-color:transparent;border:0}::slotted(.sdds-navigation-tabs-tab)::after{content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0;margin-right:auto;height:2px;background-color:var(--sdds-navigation-tabs-tab-hover-indicator-bg);transition:width 0.15s ease-in-out;z-index:1}::slotted(.sdds-navigation-tabs-tab:first-child){margin-left:32px}::slotted(.sdds-navigation-tabs-tab:last-child){margin-right:32px}::slotted(.sdds-navigation-tabs-tab:hover){color:var(--sdds-navigation-tabs-tab-hover-color)}::slotted(.sdds-navigation-tabs-tab:hover)::after{width:100%}::slotted(.sdds-navigation-tabs-tab:focus){outline:2px solid var(--sdds-blue-400);outline-offset:-2px;color:var(--sdds-navigation-tabs-tab-focus-color)}::slotted(.sdds-navigation-tabs-tab:focus)::after{width:0}::slotted(.sdds-navigation-tabs-tab-active){color:var(--sdds-navigation-tabs-tab-active-color)}::slotted(.sdds-navigation-tabs-tab-active)::after{width:100%;--sdds-navigation-tabs-tab-active-indicator-bg:var(--sdds-blue-400);background-color:var(--sdds-navigation-tabs-tab-active-indicator-bg)}::slotted(.sdds-navigation-tabs-tab-active:focus)::after{width:100%}::slotted(.sdds-navigation-tabs-tab-disabled){color:var(--sdds-navigation-tabs-tab-active-color);opacity:0.16;pointer-events:none}';export{o as sdds_navigation_tabs}

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

@@ -0,0 +1 @@
+import{r as s,c as d,h as e,H as a,g as o}from"./p-157e1618.js";const n=class{constructor(e){s(this,e),this.inputSearch=d(this,"inputSearch",7),this.placeholder=void 0,this.defaultOption=void 0,this.selectedOption=void 0,this.disabled=void 0,this.type="default",this.size="lg",this.inline=!1,this.labelPosition="no-label",this.label=void 0,this.state="default",this.helper="",this.openDirection="auto",this.optionValues=[],this.optionLabels=[],this.open=!1,this.node=void 0,this.selectedLabel="",this.selectedValue="",this.selectedValuesArray=[],this.selectedLabelsArray=[],this.dropdownUniqueClass="",this.openUpwards=!1,this.dropdownMenuHeight=0,this.dropdownMenuSelector=void 0,this.listItemIndex=-1,this.listItemArray=void 0}componentWillLoad(){this.listItemArray=Array.from(this.host.children),this.listItemArray.map((s=>{this.optionValues.push(s.value),this.optionLabels.push(s.innerText.trim())})),this.setOptionFromOutside(this.defaultOption),"small"===this.size&&(this.size="sm",console.warn('size="small" is deprecated, use size="sm" instead')),"medium"===this.size&&(this.size="md",console.warn('size="medium" is deprecated, use size="md" instead')),"large"===this.size&&(this.size="lg",console.warn('size="large" is deprecated, use size="lg" instead'))}setOptionFromOutside(s){if(s){this.deselectAll(),s=s.split(",");for(let d=0;d<this.host.children.length;d++){const e=this.host.children[d];s.includes(e.value.trim())?(this.selectedLabelsArray=[...this.selectedLabelsArray,e.textContent.trim()],this.selectedValuesArray=[...this.selectedValuesArray,e.value],this.selectedLabel=e.textContent,this.selectedValue=e.value,e.setAttribute("selectedLabel","true"),e.setAttribute("selected","true")):(e.setAttribute("selectedLabel","false"),e.setAttribute("selected","false"))}}}changeSelectedOption(){this.selectedValuesArray.includes(this.selectedOption)&&this.resetOption(),this.setOptionFromOutside(this.selectedOption),this.host.setAttribute("selected-option","")}handleDocClick(s){s.stopPropagation();const d=s?s.composedPath()[0]:window.event.target[0];void 0!==this.node&&this.node.contains(d)?void 0===this.textInput&&null!==this.textInput||this.textInput.focus():(this.tabbingLabelReset(),this.open=!1)}keyListener(s){if(!this.disabled)switch(s.key){case"ArrowDown":this.open&&(s.preventDefault(),this.listItemIndex<this.listItemArray.length-1?this.listItemIndex++:this.listItemIndex=0,this.listItemArray[this.listItemIndex].focus());break;case"ArrowUp":this.open&&(s.preventDefault(),this.listItemIndex>0?this.listItemIndex--:this.listItemIndex=this.listItemArray.length-1,this.listItemArray[this.listItemIndex].focus());break;case"Tab":this.open=!1;break;case"Escape":this.open=!1,this.node.focus()}}handleClick(){if(this.open=!1===this.open,"auto"===this.openDirection){this.dropdownMenuHeight=this.dropdownMenuSelector.offsetHeight;const s=this.host.getBoundingClientRect().top,d=window.innerHeight;this.openUpwards=s+this.dropdownMenuHeight+57>d}else this.openUpwards="up"===this.openDirection}tabbingLabelReset(){void 0===this.textInput&&null!==this.textInput||(!this.selectedLabel&&this.selectedLabel.length<=0&&(this.textInput.value="",this.inputSearch.emit("")),this.selectedLabel!==this.textInput.value&&(this.textInput.value=this.selectedLabel))}selectOptionHandler(s){if(this.open="multiselect"===this.type,"multiselect"!==this.type)this.selectedLabel=s.detail.label,this.selectedValue=s.detail.value,this.tabbingLabelReset();else if(this.selectedValuesArray.includes(s.detail.value)){const d=this.selectedValuesArray.indexOf(s.detail.value);this.selectedValuesArray=this.selectedValuesArray.filter(((s,e)=>e!==d)),this.selectedLabelsArray=this.selectedLabelsArray.filter(((s,e)=>e!==d))}else this.selectedValuesArray=[...this.selectedValuesArray,s.detail.value],this.selectedLabelsArray=[...this.selectedLabelsArray,s.detail.label.trim()]}handleSearch(s){this.inputSearch.emit(s.target.value),this.open=!0}deselectAll(){this.selectedLabel="",this.selectedValue="",this.selectedLabelsArray=[],this.selectedValuesArray=[],this.listItemArray=this.listItemArray.map((s=>Object.assign(Object.assign({},s),{selected:!1})))}async resetOption(){this.deselectAll(),this.open=!1,this.defaultOption&&this.setOptionFromOutside(this.defaultOption)}render(){return e(a,{class:{"sdds-dropdown--open":this.open&&!this.disabled,"sdds-dropdown-multiselect":"multiselect"===this.type,"sdds-dropdown-inline":this.inline,"sdds-dropdown--selected":this.selectedLabel.length>0||""===this.selectedLabel,"sdds-dropdown--error":"error"===this.state,"sdds-dropdown--open-upwards":this.openUpwards,"sdds-dropdown--label-inside-position":"inside"===this.labelPosition&&this.selectedLabelsArray.length>0},"selected-value":this.selectedValue,"selected-text":this.selectedLabel,"multi-selected-values":JSON.stringify(this.selectedValuesArray),"multi-selected-labels":JSON.stringify(this.selectedLabelsArray)},e("span",{class:`sdds-dropdown sdds-dropdown-${this.size}`},"outside"===this.labelPosition&&this.label.length>0?e("span",{class:"sdds-dropdown-label-outside"},this.label):"",e("button",{part:this.disabled?"dropdown-filter-disabled":"",disabled:this.disabled,tabindex:this.disabled?"-1":null,class:`sdds-dropdown-toggle ${"filter"===this.selectedValue?"is-filter":""} ${""!==this.selectedValue||this.selectedLabelsArray.length>0?"sdds-dropdown-toggle--selected":""}\n                ${"inside"===this.labelPosition&&""!==this.selectedValue&&"sm"!==this.size?`sdds-dropdown-toggle-label-inside-${this.size}`:`sdds-dropdown-toggle-${this.size}`}`,type:"button",onClick:()=>this.handleClick(),ref:s=>this.node=s},e("span",{class:"sdds-dropdown-label"},"filter"===this.type?e("input",{part:this.disabled?"dropdown-filter-disabled":"",disabled:this.disabled,tabindex:"-1",ref:s=>this.textInput=s,class:"sdds-dropdown-filter",type:"text",placeholder:this.placeholder,value:this.selectedLabel,onInput:s=>this.handleSearch(s),autoComplete:"off"}):e("span",{class:{"sdds-dropdown-label-container":!0,"sdds-dropdown-label-container--label-inside":"inside"===this.labelPosition&&"sm"!==this.size&&(this.selectedLabel.length>0||this.selectedLabelsArray.length>0)}},"sm"!==this.size&&(this.selectedLabel.length>0||this.selectedLabelsArray.length>0)&&"inside"===this.labelPosition&&this.label.length>0&&e("span",{class:"sdds-dropdown-label-inside"},this.label),e("span",{class:`sdds-dropdown-label-main ${(0===this.selectedLabel.length||"inside"===this.labelPosition&&this.label.length<0)&&"sdds-dropdown-placeholder"}`},this.selectedLabel.length>0&&"multiselect"!==this.type&&this.selectedLabel,"multiselect"===this.type&&e("span",{class:"sdds-dropdown-multiselect-result"},"inside"!==this.labelPosition&&this.selectedLabelsArray.toString().length<1&&this.placeholder,this.selectedLabelsArray.toString().length>0&&this.selectedLabelsArray.toString().split(",").join(", ")),!this.selectedLabel&&"inside"===this.labelPosition&&"sm"!==this.size&&this.label,!this.selectedLabel&&"multiselect"!==this.type&&"inside"!==this.labelPosition&&this.placeholder,!this.selectedLabel&&"sm"===this.size&&"inside"===this.labelPosition&&this.placeholder))),e("svg",{class:"sdds-dropdown-arrow",width:"12",height:"7",viewBox:"0 0 12 7",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M1 1L6 6L11 1",stroke:"currentColor","stroke-width":"1.25","stroke-linecap":"round","stroke-linejoin":"round"}))),e("span",{class:"sdds-dropdown-menu",ref:s=>this.dropdownMenuSelector=s},e("slot",null))),e("p",{class:"sdds-dropdown-helper"},e("svg",{class:"sdds-dropdown-error-icon",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M16 4C9.37 4 3.996 9.374 3.996 16.004S9.371 28.007 16 28.007c6.63 0 12.004-5.374 12.004-12.003C28.004 9.374 22.629 4 16 4ZM2 16.004c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14Z",fill:"currentColor"}),e("path",{d:"M14.803 14.47V10h2.376v4.47l-.352 4.295h-1.672l-.352-4.295Zm-.053 5.632h2.5v2.394h-2.5v-2.394Z",fill:"currentColor"})),e("span",null,this.helper)))}get host(){return o(this)}static get watchers(){return{selectedOption:["changeSelectedOption"]}}};n.style=':root{--sdds-headline-01:normal normal bold 40px/40px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-01-ls:0;--sdds-headline-02:normal normal bold 32px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-02-ls:-0.04em;--sdds-headline-03:normal normal bold 24px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-03-ls:-0.03em;--sdds-headline-04:normal normal bold 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-04-ls:-0.02em;--sdds-headline-05:normal normal bold 14px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-05-ls:-0.02em;--sdds-headline-06:normal normal bold 14px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-06-ls:-0.02em;--sdds-headline-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n    sans-serif;--sdds-headline-07-ls:-0.01em;--sdds-paragraph-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-01-ls:-0.03em;--sdds-paragraph-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-02-ls:-0.01em;--sdds-body-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-01-ls:-0.02em;--sdds-body-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-02-ls:-0.02em;--sdds-detail-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-01-ls:-0.01em;--sdds-detail-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-02-ls:-0.01em;--sdds-detail-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-03-ls:-0.01em;--sdds-detail-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-04-ls:0.08em;--sdds-detail-04-tt:uppercase;--sdds-detail-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-05-ls:0;--sdds-detail-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-06-ls:0.08em;--sdds-detail-06-tt:uppercase;--sdds-detail-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-07-ls:0;--sdds-expressive-headline-01:normal normal bold 80px/80px "Scania Sans Headline", arial,\n    helvetica, sans-serif;--sdds-expressive-headline-01-ls:0;--sdds-expressive-headline-02:normal normal bold 56px/56px "Scania Sans Headline", arial,\n    helvetica, sans-serif;--sdds-expressive-headline-02-ls:0;--sdds-headline-ex-01:normal normal bold 40px/40px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-01-ls:0;--sdds-headline-ex-02:normal normal bold 32px/32px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-02-ls:-0.04em;--sdds-headline-ex-03:normal normal bold 24px/24px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-03-ls:-0.03em;--sdds-headline-ex-04:normal normal bold 20px/24px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-04-ls:-0.01em;--sdds-headline-ex-05:normal normal bold 16px/24px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-05-ls:-0.02em;--sdds-headline-ex-06:normal normal bold 14px/16px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-06-ls:-0.02em;--sdds-headline-ex-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n    sans-serif;--sdds-headline-ex-07-ls:-0.01em;--sdds-paragraph-ex-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-01-ls:-0.03em;--sdds-paragraph-ex-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-02-ls:-0.01em;--sdds-body-ex-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-01-ls:-0.02em;--sdds-body-ex-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-02-ls:-0.01em;--sdds-detail-ex-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-01-ls:-0.01em;--sdds-detail-ex-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-02-ls:-0.01em;--sdds-detail-ex-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-03-ls:-0.01em;--sdds-detail-ex-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-04-ls:0.08em;--sdds-detail-ex-04-tt:uppercase;--sdds-detail-ex-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-05-ls:0;--sdds-detail-ex-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-06-ls:0.08em;--sdds-detail-ex-06-tt:uppercase;--sdds-detail-ex-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-07-ls:0}:root,:host,::slotted(*),.sdds-theme-light{--sdds-link:var(--sdds-grey-958);--sdds-link-text-decoration:none;--sdds-dropdown-bg:var(--sdds-white);--sdds-dropdown-bg-hover:var(--sdds-grey-50)}:root .sdds-on-white-bg,:host .sdds-on-white-bg,::slotted(*) .sdds-on-white-bg,.sdds-theme-light .sdds-on-white-bg{--sdds-dropdown-bg:var(--sdds-grey-50);--sdds-dropdown-bg-hover:var(--sdds-grey-100)}.sdds-dropdown-helper{font:var(--sdds-detail-ex-05);letter-spacing:var(--sdds-detail-ex-05-ls);color:var(--sdds-grey-700);margin-top:var(--sdds-spacing-element-4);display:flex}.sdds-dropdown-helper .sdds-dropdown-error-icon{width:16px;height:16px;padding-right:9px;display:none}.sdds-dropdown-label-inside{font:var(--sdds-detail-ex-07);letter-spacing:var(--sdds-detail-ex-07-ls);color:var(--sdds-grey-700)}.sdds-dropdown-label-outside{font:var(--sdds-detail-ex-05);letter-spacing:var(--sdds-detail-ex-05-ls);display:block;color:var(--sdds-grey-958);margin-bottom:var(--sdds-spacing-element-8)}:root{--sdds-headline-01:normal normal bold 40px/40px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-01-ls:0;--sdds-headline-02:normal normal bold 32px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-02-ls:-0.04em;--sdds-headline-03:normal normal bold 24px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-03-ls:-0.03em;--sdds-headline-04:normal normal bold 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-04-ls:-0.02em;--sdds-headline-05:normal normal bold 14px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-05-ls:-0.02em;--sdds-headline-06:normal normal bold 14px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-06-ls:-0.02em;--sdds-headline-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n    sans-serif;--sdds-headline-07-ls:-0.01em;--sdds-paragraph-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-01-ls:-0.03em;--sdds-paragraph-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-02-ls:-0.01em;--sdds-body-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-01-ls:-0.02em;--sdds-body-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-02-ls:-0.02em;--sdds-detail-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-01-ls:-0.01em;--sdds-detail-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-02-ls:-0.01em;--sdds-detail-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-03-ls:-0.01em;--sdds-detail-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-04-ls:0.08em;--sdds-detail-04-tt:uppercase;--sdds-detail-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-05-ls:0;--sdds-detail-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-06-ls:0.08em;--sdds-detail-06-tt:uppercase;--sdds-detail-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-07-ls:0;--sdds-expressive-headline-01:normal normal bold 80px/80px "Scania Sans Headline", arial,\n    helvetica, sans-serif;--sdds-expressive-headline-01-ls:0;--sdds-expressive-headline-02:normal normal bold 56px/56px "Scania Sans Headline", arial,\n    helvetica, sans-serif;--sdds-expressive-headline-02-ls:0;--sdds-headline-ex-01:normal normal bold 40px/40px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-01-ls:0;--sdds-headline-ex-02:normal normal bold 32px/32px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-02-ls:-0.04em;--sdds-headline-ex-03:normal normal bold 24px/24px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-03-ls:-0.03em;--sdds-headline-ex-04:normal normal bold 20px/24px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-04-ls:-0.01em;--sdds-headline-ex-05:normal normal bold 16px/24px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-05-ls:-0.02em;--sdds-headline-ex-06:normal normal bold 14px/16px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-06-ls:-0.02em;--sdds-headline-ex-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n    sans-serif;--sdds-headline-ex-07-ls:-0.01em;--sdds-paragraph-ex-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-01-ls:-0.03em;--sdds-paragraph-ex-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-02-ls:-0.01em;--sdds-body-ex-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-01-ls:-0.02em;--sdds-body-ex-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-02-ls:-0.01em;--sdds-detail-ex-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-01-ls:-0.01em;--sdds-detail-ex-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-02-ls:-0.01em;--sdds-detail-ex-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-03-ls:-0.01em;--sdds-detail-ex-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-04-ls:0.08em;--sdds-detail-ex-04-tt:uppercase;--sdds-detail-ex-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-05-ls:0;--sdds-detail-ex-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-06-ls:0.08em;--sdds-detail-ex-06-tt:uppercase;--sdds-detail-ex-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-07-ls:0}:root,:host,::slotted(*),.sdds-theme-light{--sdds-link:var(--sdds-grey-958);--sdds-link-text-decoration:none;--sdds-dropdown-bg:var(--sdds-white);--sdds-dropdown-bg-hover:var(--sdds-grey-50)}:root .sdds-on-white-bg,:host .sdds-on-white-bg,::slotted(*) .sdds-on-white-bg,.sdds-theme-light .sdds-on-white-bg{--sdds-dropdown-bg:var(--sdds-grey-50);--sdds-dropdown-bg-hover:var(--sdds-grey-100)}:root{--sdds-headline-01:normal normal bold 40px/40px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-01-ls:0;--sdds-headline-02:normal normal bold 32px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-02-ls:-0.04em;--sdds-headline-03:normal normal bold 24px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-03-ls:-0.03em;--sdds-headline-04:normal normal bold 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-04-ls:-0.02em;--sdds-headline-05:normal normal bold 14px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-05-ls:-0.02em;--sdds-headline-06:normal normal bold 14px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-06-ls:-0.02em;--sdds-headline-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n    sans-serif;--sdds-headline-07-ls:-0.01em;--sdds-paragraph-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-01-ls:-0.03em;--sdds-paragraph-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-02-ls:-0.01em;--sdds-body-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-01-ls:-0.02em;--sdds-body-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-02-ls:-0.02em;--sdds-detail-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-01-ls:-0.01em;--sdds-detail-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-02-ls:-0.01em;--sdds-detail-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-03-ls:-0.01em;--sdds-detail-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-04-ls:0.08em;--sdds-detail-04-tt:uppercase;--sdds-detail-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-05-ls:0;--sdds-detail-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-06-ls:0.08em;--sdds-detail-06-tt:uppercase;--sdds-detail-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-07-ls:0;--sdds-expressive-headline-01:normal normal bold 80px/80px "Scania Sans Headline", arial,\n    helvetica, sans-serif;--sdds-expressive-headline-01-ls:0;--sdds-expressive-headline-02:normal normal bold 56px/56px "Scania Sans Headline", arial,\n    helvetica, sans-serif;--sdds-expressive-headline-02-ls:0;--sdds-headline-ex-01:normal normal bold 40px/40px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-01-ls:0;--sdds-headline-ex-02:normal normal bold 32px/32px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-02-ls:-0.04em;--sdds-headline-ex-03:normal normal bold 24px/24px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-03-ls:-0.03em;--sdds-headline-ex-04:normal normal bold 20px/24px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-04-ls:-0.01em;--sdds-headline-ex-05:normal normal bold 16px/24px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-05-ls:-0.02em;--sdds-headline-ex-06:normal normal bold 14px/16px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-06-ls:-0.02em;--sdds-headline-ex-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n    sans-serif;--sdds-headline-ex-07-ls:-0.01em;--sdds-paragraph-ex-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-01-ls:-0.03em;--sdds-paragraph-ex-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-02-ls:-0.01em;--sdds-body-ex-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-01-ls:-0.02em;--sdds-body-ex-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-02-ls:-0.01em;--sdds-detail-ex-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-01-ls:-0.01em;--sdds-detail-ex-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-02-ls:-0.01em;--sdds-detail-ex-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-03-ls:-0.01em;--sdds-detail-ex-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-04-ls:0.08em;--sdds-detail-ex-04-tt:uppercase;--sdds-detail-ex-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-05-ls:0;--sdds-detail-ex-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-06-ls:0.08em;--sdds-detail-ex-06-tt:uppercase;--sdds-detail-ex-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-07-ls:0}:root,.sdds-theme-light{--sdds-checkbox-color:var(--sdds-grey-900);--sdds-checkbox-interaction-01:var(--sdds-blue-800);--sdds-checkbox-interaction-02:var(--sdds-white);--sdds-checkbox-bg-hover:var(--sdds-blue-800);--sdds-checkbox-bg-focus:var(--sdds-blue-800);--sdds-checkbox-disabled:var(--sdds-grey-400);--sdds-checkbox-bg-img:url("data:image/svg+xml;utf8,<svg width=\'8\' height=\'6\' viewBox=\'0 0 8 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'> <path d=\'M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1\' stroke=\'%23ffffff\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/></svg>");--sdds-checkbox-bg-img-disabled:url("data:image/svg+xml;utf8,<svg width=\'8\' height=\'6\' viewBox=\'0 0 8 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'> <path d=\'M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1\' stroke=\'%23b0b7c4\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/></svg>");--sdds-checkbox-border-color-disabled-after:var(--sdds-grey-500);--sdds-checkbox-color-disabled-after:var(--sdds-grey-500)}:root .sdds-theme-dark,.sdds-theme-light .sdds-theme-dark{--sdds-checkbox-color:var(--sdds-white);--sdds-checkbox-interaction-01:var(--sdds-white);--sdds-checkbox-interaction-02:var(--sdds-grey-958);--sdds-checkbox-bg-hover:white;--sdds-checkbox-bg-focus:white;--sdds-checkbox-disabled:white;--sdds-checkbox-bg-img:url("data:image/svg+xml;utf8,<svg width=\'8\' height=\'6\' viewBox=\'0 0 8 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'> <path d=\'M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1\' stroke=\'%230D0F13\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/></svg>");--sdds-checkbox-bg-img-disabled:url("data:image/svg+xml;utf8,<svg width=\'8\' height=\'6\' viewBox=\'0 0 8 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'> <path d=\'M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1\' stroke=\'%2356657A\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/></svg>");--sdds-checkbox-border-color-disabled-after:var(--sdds-grey-700);--sdds-checkbox-color-disabled-after:var(--sdds-grey-700)}.sdds-checkbox-item{box-sizing:border-box;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.sdds-checkbox-item *{box-sizing:border-box}.sdds-checkbox-item .sdds-form-input[type=checkbox]{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer}.sdds-checkbox-item .sdds-form-input[type=checkbox]+label{color:var(--sdds-checkbox-color);padding-left:var(--sdds-spacing-element-8);padding-top:var(--sdds-spacing-element-4);padding-bottom:var(--sdds-spacing-element-4);cursor:pointer}.sdds-checkbox-item .sdds-form-input[type=checkbox]::before,.sdds-checkbox-item .sdds-form-input[type=checkbox]::after{content:"";position:absolute;box-sizing:border-box;border-radius:2px}.sdds-checkbox-item .sdds-form-input[type=checkbox]::before{width:24px;height:24px;left:0;top:0}.sdds-checkbox-item .sdds-form-input[type=checkbox]::after{border:1px solid var(--sdds-checkbox-interaction-01);background-color:var(--sdds-checkbox-interaction-02);width:16px;height:16px;left:4px;top:4px}.sdds-checkbox-item .sdds-form-input[type=checkbox]:hover::before{background-color:var(--sdds-checkbox-bg-hover);opacity:0.12}.sdds-checkbox-item .sdds-form-input[type=checkbox]:focus::before{background-color:var(--sdds-checkbox-bg-focus);opacity:0.24;animation:cb-focus 0.4s cubic-bezier(0.65, 0.05, 0.38, 0.95) forwards}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled{cursor:not-allowed}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled::after,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled::after{border-color:var(--sdds-checkbox-border-color-disabled-after)}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled+label,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled+label{color:var(--sdds-grey-600);cursor:not-allowed}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled:hover::before,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled:hover::before{display:none}.sdds-form-input[type=checkbox]:checked::after{background-image:var(--sdds-checkbox-bg-img);background-color:var(--sdds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.sdds-form-input[type=checkbox]:checked:disabled:hover::before,.sdds-form-input[type=checkbox]:checked:disabled::before,.sdds-form-input[type=checkbox]:checked.disabled:hover::before,.sdds-form-input[type=checkbox]:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.sdds-form-input[type=checkbox]:checked:disabled::after,.sdds-form-input[type=checkbox]:checked.disabled::after{background-image:var(--sdds-checkbox-bg-img-disabled);background-color:var(--sdds-checkbox-interaction-02);color:var(--sdds-checkbox-color-disabled-after)}@keyframes cb-focus{0%{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:0}}:host,::slotted(*){color:var(--sdds-grey-958);box-sizing:border-box;box-sizing:border-box}:host *,::slotted(*) *{box-sizing:border-box}:host,::slotted(*){--sdds-link:var(--sdds-grey-958);--sdds-link-text-decoration:none;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-grey-958);box-sizing:border-box}:host{position:relative;z-index:auto}:host::part(dropdown-filter-disabled){cursor:not-allowed;caret-color:transparent;pointer-events:none;color:var(--sdds-grey-400);border:none}:host::part(dropdown-filter-disabled)::placeholder{color:var(--sdds-grey-400)}.sdds-dropdown{position:relative;display:flex;flex-flow:column wrap;width:100%;border:0}.sdds-dropdown,.sdds-dropdown *{box-sizing:border-box}.sdds-dropdown .sdds-dropdown-toggle{font:var(--sdds-detail-ex-02);letter-spacing:var(--sdds-detail-ex-02-ls);color:var(--sdds-grey-958);display:flex;align-items:center;background-color:var(--sdds-dropdown-bg);cursor:pointer;transition:box-shadow 0.1s ease-in, border-bottom-color 150ms ease;border-radius:4px 4px 0 0;border:none;border-bottom:1px solid var(--sdds-grey-400);box-shadow:none;width:100%;text-align:left;outline:none;padding:20px 16px;display:flex;align-items:center}.sdds-dropdown .sdds-dropdown-toggle:hover{border-bottom-color:var(--sdds-grey-600)}.sdds-dropdown .sdds-dropdown-toggle:focus::before{content:" ";position:absolute;z-index:1;bottom:0;left:0;width:100%;border-bottom:2px solid var(--sdds-blue-400)}.sdds-dropdown .sdds-dropdown-toggle:active,.sdds-dropdown .sdds-dropdown-toggle.active .sdds-dropdown .sdds-dropdown-toggle.selected{border-bottom-color:var(--sdds-grey-800)}.sdds-dropdown .sdds-dropdown-toggle.is-filter{transition:border 0.1s ease-in 0.1s;cursor:text}.sdds-dropdown .sdds-dropdown-toggle-lg{padding:20px 16px}.sdds-dropdown .sdds-dropdown-toggle-md{padding:16px}.sdds-dropdown .sdds-dropdown-toggle-sm{padding:12px 16px}.sdds-dropdown .sdds-dropdown-toggle.sdds-dropdown-toggle-label-inside-lg{padding:20px 16px 16px}.sdds-dropdown .sdds-dropdown-toggle.sdds-dropdown-toggle-label-inside-md{padding:16px 16px 12px}.sdds-dropdown .sdds-dropdown-toggle--selected:not(:focus){border-bottom:1px solid var(--sdds-grey-800)}.sdds-dropdown .sdds-dropdown-arrow{width:20px;position:absolute;right:16px;color:inherit;transform:rotate(0);transition:transform ease 250ms}.sdds-dropdown .sdds-dropdown-placeholder{color:var(--sdds-grey-700)}.sdds-dropdown .sdds-dropdown-label{display:grid;width:calc(100% - 25px)}.sdds-dropdown .sdds-dropdown-label-container{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdds-dropdown.sdds-dropdown.sdds-dropdown-sm .sdds-dropdown-label-container--label-inside{padding-bottom:12px}.sdds-dropdown .sdds-dropdown-filter{border:0;outline:none;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-grey-958);width:100%;background:transparent}.sdds-dropdown .sdds-dropdown-filter:focus{outline:none}.sdds-dropdown .sdds-dropdown-filter::placeholder{color:var(--sdds-grey-700);opacity:1}.sdds-dropdown .sdds-dropdown-menu{z-index:100;background-color:var(--sdds-white);position:absolute;top:100%;left:0;min-width:100%;max-height:360px;border-color:transparent;border-style:solid;border-width:0 1px;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-left-color:var(--sdds-grey-100);border-right-color:var(--sdds-grey-100);overflow-x:hidden;overflow-y:auto;transform:scaleY(0);transform-origin:top;transition:transform 250ms ease}.sdds-dropdown .sdds-dropdown-menu::-webkit-scrollbar{width:4px;background-color:inherit}.sdds-dropdown .sdds-dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--sdds-grey-300)}.sdds-dropdown .sdds-dropdown-menu ::-webkit-scrollbar-button{height:0;width:0}.sdds-dropdown.sdds-dropdown-lg .sdds-dropdown-toggle{height:56px}.sdds-dropdown.sdds-dropdown-md .sdds-dropdown-toggle{height:48px}.sdds-dropdown.sdds-dropdown-sm .sdds-dropdown-toggle{height:40px}:host(.sdds-dropdown--open-upwards) .sdds-dropdown .sdds-dropdown-menu{top:auto;bottom:100%;box-shadow:0 -1px 3px 0 rgba(0, 0, 0, 0.1);transform-origin:bottom}:host(.sdds-dropdown--open-upwards[label-position=outside]) span.sdds-dropdown-menu{bottom:calc(100% - 24px)}:host([disabled=true]){cursor:not-allowed}:host([disabled=true]) .sdds-dropdown .sdds-dropdown-toggle{pointer-events:none;color:var(--sdds-grey-400);border:none;padding:0 16px}:host([disabled=true]) .sdds-dropdown .sdds-dropdown-toggle .sdds-dropdown-placeholder{color:var(--sdds-grey-400)}:host([disabled=true]) .sdds-dropdown .sdds-dropdown-toggle .sdds-dropdown-label-inside{color:var(--sdds-grey-400)}:host([disabled=true]) .sdds-dropdown .sdds-dropdown-toggle:focus::before{content:none}:host(.sdds-dropdown--error) .sdds-dropdown .sdds-dropdown-toggle{border-color:var(--sdds-negative)}:host(.sdds-dropdown--error) .sdds-dropdown .sdds-dropdown-toggle:focus::before{border-color:var(--sdds-negative)}:host(.sdds-dropdown--error) .sdds-dropdown-helper{color:var(--sdds-negative)}:host(.sdds-dropdown--error) .sdds-dropdown-helper .sdds-dropdown-error-icon{display:flex}:host ::slotted(sdds-dropdown-option){display:flex;padding:var(--sdds-spacing-element-16);background-color:var(--sdds-white);border-top:1px solid transparent;border-bottom:1px solid var(--sdds-grey-100);opacity:0;visibility:hidden;cursor:pointer;box-sizing:border-box}:host ::slotted(sdds-dropdown-option:last-child){border-bottom-color:transparent;border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host ::slotted(sdds-dropdown-option:hover),:host ::slotted(sdds-dropdown-option:focus){background-color:var(--sdds-dropdown-bg-hover)}:host ::slotted(sdds-dropdown-option:hover:not(:focus):not(sdds-dropdown-option.selected)){background-color:var(--sdds-dropdown-bg-hover)}:host ::slotted(sdds-dropdown-option:hover:focus){outline:none}:host ::slotted(sdds-dropdown-option:focus){outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host ::slotted(sdds-dropdown-option.sdds-dropdown--selected),:host ::slotted(sdds-dropdown-option.selected),:host ::slotted(sdds-dropdown-option.active),:host ::slotted(sdds-dropdown-option:active){background-color:var(--sdds-grey-300);border-top:1px solid var(--sdds-grey-300);border-bottom:1px solid var(--sdds-grey-300)}:host ::slotted(sdds-dropdown-option.sdds-option--no-result){cursor:not-allowed;pointer-events:none}:host ::slotted(sdds-dropdown-option.sdds-dropdown-option-disabled),:host ::slotted(sdds-dropdown-option.selected.sdds-dropdown-option-disabled){cursor:not-allowed;color:var(--sdds-grey-400);background-color:var(--sdds-white)}:host(.sdds-dropdown--open-upwards) ::slotted(sdds-dropdown-option:first-child){border-radius:4px 4px 0 0}:host(.sdds-dropdown--open-upwards) ::slotted(sdds-dropdown-option:last-child){border-radius:0;border-bottom:1px solid var(--sdds-grey-300)}.sdds-option-label{margin:auto 0;display:flex;align-content:center;text-decoration:none;flex-grow:2}.sdds-option-checkmark{color:inherit;opacity:0;transition:opacity 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);margin-left:var(--sdds-spacing-element-16)}:host([size=sm]) ::slotted(sdds-dropdown-option){padding:var(--sdds-spacing-element-12) var(--sdds-spacing-element-16)}:host(.sdds-dropdown--open) .sdds-dropdown .sdds-dropdown-toggle{box-shadow:0 -1px 3px -1px rgba(0, 0, 0, 0.1);border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.sdds-dropdown--open) .sdds-dropdown .sdds-dropdown-toggle.is-filter::before{content:" ";position:absolute;z-index:2;bottom:0;left:0;width:100%;border-bottom:1px solid var(--sdds-blue-400)}:host(.sdds-dropdown--open) .sdds-dropdown .sdds-dropdown-arrow{transform:rotate(180deg)}:host(.sdds-dropdown--open) .sdds-dropdown .sdds-dropdown-menu{transform:scaleY(1)}:host(.sdds-dropdown--open) ::slotted(sdds-dropdown-option){visibility:visible;opacity:1}:host(.selected) .sdds-option-checkmark{opacity:1}.sdds-dropdown-label-inside{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-grey-700);position:absolute;transition:transform 250ms ease, color 200ms ease;width:calc(100% - 63px);overflow:hidden;text-overflow:ellipsis;transform:translate(0, -10px);font-size:10px}.sdds-dropdown-label-container.sdds-dropdown-label-container--label-inside .sdds-dropdown-placeholder{display:block;padding-top:4px}.sdds-dropdown-lg .sdds-dropdown-label-inside{display:block;top:16px}.sdds-dropdown-md .sdds-dropdown-label-inside{display:block;top:12px}.sdds-dropdown.sdds-dropdown-sm .sdds-dropdown-label-inside{display:none}.sdds-dropdown-multiselect-result{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdds-option-checkbox{margin-right:8px}.sdds-form-label{display:flex}';const r=class{constructor(e){s(this,e),this.selectOption=d(this,"selectOption",7),this.innerValue=void 0,this.selected=!1,this.disabled=!1,this.value=void 0}changeFocusHandler(){this.host.focus()}removeFocusHandler(){this.host.blur()}onKeyDown(s){"Enter"===s.code&&this.selectOptionHandler({value:this.value,label:this.host.innerText,parent:this.host.parentNode})}componentWillLoad(){this.innerValue=this.value,this.isMultiSelectOption=this.host.closest("sdds-dropdown").classList.contains("sdds-dropdown-multiselect")}selectOptionHandler(s){if(!this.disabled){const d=s.parent.childNodes;this.selectOption.emit(s),this.isMultiSelectOption||d.forEach((s=>{s.selected=!1}));const e=this.host.shadowRoot.querySelector("input");this.selected?(this.selected=!1,e&&(e.checked=!1)):(this.selected=!0,e&&(e.checked=!0))}}render(){return e(a,{onClick:s=>(this.isMultiSelectOption&&s.stopPropagation(),this.selectOptionHandler({value:this.value,label:this.host.innerText,parent:s.target.parentNode})),class:{selected:this.selected,"sdds-dropdown-option-disabled":this.disabled},tabindex:"-1","aria-disabled":this.disabled},this.isMultiSelectOption&&e("div",{class:"sdds-checkbox-item sdds-option-checkbox"},e("label",{class:"sdds-form-label"},e("input",{class:"sdds-form-input",type:"checkbox",checked:this.selected,disabled:this.disabled}))),e("span",{class:"sdds-option-label"},e("slot",null)),!this.isMultiSelectOption&&e("span",{class:"sdds-option-checkmark"},e("svg",{width:"10",height:"7",viewBox:"0 0 10 7",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M1 3L4 6L9 1",stroke:"currentColor","stroke-width":"1.25","stroke-linecap":"round","stroke-linejoin":"round"}))))}get host(){return o(this)}};r.style=':root{--sdds-headline-01:normal normal bold 40px/40px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-01-ls:0;--sdds-headline-02:normal normal bold 32px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-02-ls:-0.04em;--sdds-headline-03:normal normal bold 24px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-03-ls:-0.03em;--sdds-headline-04:normal normal bold 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-04-ls:-0.02em;--sdds-headline-05:normal normal bold 14px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-05-ls:-0.02em;--sdds-headline-06:normal normal bold 14px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-06-ls:-0.02em;--sdds-headline-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n    sans-serif;--sdds-headline-07-ls:-0.01em;--sdds-paragraph-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-01-ls:-0.03em;--sdds-paragraph-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-02-ls:-0.01em;--sdds-body-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-01-ls:-0.02em;--sdds-body-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-02-ls:-0.02em;--sdds-detail-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-01-ls:-0.01em;--sdds-detail-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-02-ls:-0.01em;--sdds-detail-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-03-ls:-0.01em;--sdds-detail-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-04-ls:0.08em;--sdds-detail-04-tt:uppercase;--sdds-detail-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-05-ls:0;--sdds-detail-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-06-ls:0.08em;--sdds-detail-06-tt:uppercase;--sdds-detail-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-07-ls:0;--sdds-expressive-headline-01:normal normal bold 80px/80px "Scania Sans Headline", arial,\n    helvetica, sans-serif;--sdds-expressive-headline-01-ls:0;--sdds-expressive-headline-02:normal normal bold 56px/56px "Scania Sans Headline", arial,\n    helvetica, sans-serif;--sdds-expressive-headline-02-ls:0;--sdds-headline-ex-01:normal normal bold 40px/40px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-01-ls:0;--sdds-headline-ex-02:normal normal bold 32px/32px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-02-ls:-0.04em;--sdds-headline-ex-03:normal normal bold 24px/24px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-03-ls:-0.03em;--sdds-headline-ex-04:normal normal bold 20px/24px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-04-ls:-0.01em;--sdds-headline-ex-05:normal normal bold 16px/24px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-05-ls:-0.02em;--sdds-headline-ex-06:normal normal bold 14px/16px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-06-ls:-0.02em;--sdds-headline-ex-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n    sans-serif;--sdds-headline-ex-07-ls:-0.01em;--sdds-paragraph-ex-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-01-ls:-0.03em;--sdds-paragraph-ex-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-02-ls:-0.01em;--sdds-body-ex-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-01-ls:-0.02em;--sdds-body-ex-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-02-ls:-0.01em;--sdds-detail-ex-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-01-ls:-0.01em;--sdds-detail-ex-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-02-ls:-0.01em;--sdds-detail-ex-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-03-ls:-0.01em;--sdds-detail-ex-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-04-ls:0.08em;--sdds-detail-ex-04-tt:uppercase;--sdds-detail-ex-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-05-ls:0;--sdds-detail-ex-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-06-ls:0.08em;--sdds-detail-ex-06-tt:uppercase;--sdds-detail-ex-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-07-ls:0}:root,:host,::slotted(*),.sdds-theme-light{--sdds-link:var(--sdds-grey-958);--sdds-link-text-decoration:none;--sdds-dropdown-bg:var(--sdds-white);--sdds-dropdown-bg-hover:var(--sdds-grey-50)}:root .sdds-on-white-bg,:host .sdds-on-white-bg,::slotted(*) .sdds-on-white-bg,.sdds-theme-light .sdds-on-white-bg{--sdds-dropdown-bg:var(--sdds-grey-50);--sdds-dropdown-bg-hover:var(--sdds-grey-100)}.sdds-dropdown-helper{font:var(--sdds-detail-ex-05);letter-spacing:var(--sdds-detail-ex-05-ls);color:var(--sdds-grey-700);margin-top:var(--sdds-spacing-element-4);display:flex}.sdds-dropdown-helper .sdds-dropdown-error-icon{width:16px;height:16px;padding-right:9px;display:none}.sdds-dropdown-label-inside{font:var(--sdds-detail-ex-07);letter-spacing:var(--sdds-detail-ex-07-ls);color:var(--sdds-grey-700)}.sdds-dropdown-label-outside{font:var(--sdds-detail-ex-05);letter-spacing:var(--sdds-detail-ex-05-ls);display:block;color:var(--sdds-grey-958);margin-bottom:var(--sdds-spacing-element-8)}:root{--sdds-headline-01:normal normal bold 40px/40px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-01-ls:0;--sdds-headline-02:normal normal bold 32px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-02-ls:-0.04em;--sdds-headline-03:normal normal bold 24px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-03-ls:-0.03em;--sdds-headline-04:normal normal bold 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-04-ls:-0.02em;--sdds-headline-05:normal normal bold 14px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-05-ls:-0.02em;--sdds-headline-06:normal normal bold 14px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-06-ls:-0.02em;--sdds-headline-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n    sans-serif;--sdds-headline-07-ls:-0.01em;--sdds-paragraph-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-01-ls:-0.03em;--sdds-paragraph-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-02-ls:-0.01em;--sdds-body-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-01-ls:-0.02em;--sdds-body-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-02-ls:-0.02em;--sdds-detail-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-01-ls:-0.01em;--sdds-detail-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-02-ls:-0.01em;--sdds-detail-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-03-ls:-0.01em;--sdds-detail-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-04-ls:0.08em;--sdds-detail-04-tt:uppercase;--sdds-detail-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-05-ls:0;--sdds-detail-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-06-ls:0.08em;--sdds-detail-06-tt:uppercase;--sdds-detail-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-07-ls:0;--sdds-expressive-headline-01:normal normal bold 80px/80px "Scania Sans Headline", arial,\n    helvetica, sans-serif;--sdds-expressive-headline-01-ls:0;--sdds-expressive-headline-02:normal normal bold 56px/56px "Scania Sans Headline", arial,\n    helvetica, sans-serif;--sdds-expressive-headline-02-ls:0;--sdds-headline-ex-01:normal normal bold 40px/40px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-01-ls:0;--sdds-headline-ex-02:normal normal bold 32px/32px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-02-ls:-0.04em;--sdds-headline-ex-03:normal normal bold 24px/24px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-03-ls:-0.03em;--sdds-headline-ex-04:normal normal bold 20px/24px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-04-ls:-0.01em;--sdds-headline-ex-05:normal normal bold 16px/24px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-05-ls:-0.02em;--sdds-headline-ex-06:normal normal bold 14px/16px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-06-ls:-0.02em;--sdds-headline-ex-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n    sans-serif;--sdds-headline-ex-07-ls:-0.01em;--sdds-paragraph-ex-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-01-ls:-0.03em;--sdds-paragraph-ex-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-02-ls:-0.01em;--sdds-body-ex-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-01-ls:-0.02em;--sdds-body-ex-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-02-ls:-0.01em;--sdds-detail-ex-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-01-ls:-0.01em;--sdds-detail-ex-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-02-ls:-0.01em;--sdds-detail-ex-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-03-ls:-0.01em;--sdds-detail-ex-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-04-ls:0.08em;--sdds-detail-ex-04-tt:uppercase;--sdds-detail-ex-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-05-ls:0;--sdds-detail-ex-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-06-ls:0.08em;--sdds-detail-ex-06-tt:uppercase;--sdds-detail-ex-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-07-ls:0}:root,:host,::slotted(*),.sdds-theme-light{--sdds-link:var(--sdds-grey-958);--sdds-link-text-decoration:none;--sdds-dropdown-bg:var(--sdds-white);--sdds-dropdown-bg-hover:var(--sdds-grey-50)}:root .sdds-on-white-bg,:host .sdds-on-white-bg,::slotted(*) .sdds-on-white-bg,.sdds-theme-light .sdds-on-white-bg{--sdds-dropdown-bg:var(--sdds-grey-50);--sdds-dropdown-bg-hover:var(--sdds-grey-100)}:root{--sdds-headline-01:normal normal bold 40px/40px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-01-ls:0;--sdds-headline-02:normal normal bold 32px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-02-ls:-0.04em;--sdds-headline-03:normal normal bold 24px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-03-ls:-0.03em;--sdds-headline-04:normal normal bold 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-04-ls:-0.02em;--sdds-headline-05:normal normal bold 14px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-05-ls:-0.02em;--sdds-headline-06:normal normal bold 14px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-headline-06-ls:-0.02em;--sdds-headline-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n    sans-serif;--sdds-headline-07-ls:-0.01em;--sdds-paragraph-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-01-ls:-0.03em;--sdds-paragraph-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-02-ls:-0.01em;--sdds-body-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-01-ls:-0.02em;--sdds-body-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-02-ls:-0.02em;--sdds-detail-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-01-ls:-0.01em;--sdds-detail-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-02-ls:-0.01em;--sdds-detail-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-03-ls:-0.01em;--sdds-detail-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-04-ls:0.08em;--sdds-detail-04-tt:uppercase;--sdds-detail-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-05-ls:0;--sdds-detail-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-06-ls:0.08em;--sdds-detail-06-tt:uppercase;--sdds-detail-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-07-ls:0;--sdds-expressive-headline-01:normal normal bold 80px/80px "Scania Sans Headline", arial,\n    helvetica, sans-serif;--sdds-expressive-headline-01-ls:0;--sdds-expressive-headline-02:normal normal bold 56px/56px "Scania Sans Headline", arial,\n    helvetica, sans-serif;--sdds-expressive-headline-02-ls:0;--sdds-headline-ex-01:normal normal bold 40px/40px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-01-ls:0;--sdds-headline-ex-02:normal normal bold 32px/32px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-02-ls:-0.04em;--sdds-headline-ex-03:normal normal bold 24px/24px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-03-ls:-0.03em;--sdds-headline-ex-04:normal normal bold 20px/24px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-04-ls:-0.01em;--sdds-headline-ex-05:normal normal bold 16px/24px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-05-ls:-0.02em;--sdds-headline-ex-06:normal normal bold 14px/16px "Scania Sans Headline", arial, helvetica,\n    sans-serif;--sdds-headline-ex-06-ls:-0.02em;--sdds-headline-ex-07:normal normal bold 14px/16px "Scania Sans Semi Condensed", arial, helvetica,\n    sans-serif;--sdds-headline-ex-07-ls:-0.01em;--sdds-paragraph-ex-01:normal normal normal 24px/32px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-01-ls:-0.03em;--sdds-paragraph-ex-02:normal normal normal 20px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-paragraph-ex-02-ls:-0.01em;--sdds-body-ex-01:normal normal normal 16px/24px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-01-ls:-0.02em;--sdds-body-ex-02:normal normal normal 14px/20px "Scania Sans", arial, helvetica, sans-serif;--sdds-body-ex-02-ls:-0.01em;--sdds-detail-ex-01:normal normal normal 16px/24px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-01-ls:-0.01em;--sdds-detail-ex-02:normal normal normal 14px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-02-ls:-0.01em;--sdds-detail-ex-03:normal normal normal 14px/20px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-03-ls:-0.01em;--sdds-detail-ex-04:normal normal bold 12px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-04-ls:0.08em;--sdds-detail-ex-04-tt:uppercase;--sdds-detail-ex-05:normal normal normal 12px/16px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-05-ls:0;--sdds-detail-ex-06:normal normal bold 10px/16px "Scania Sans", arial, helvetica, sans-serif;--sdds-detail-ex-06-ls:0.08em;--sdds-detail-ex-06-tt:uppercase;--sdds-detail-ex-07:normal normal normal 10px/8px "Scania Sans Semi Condensed",\n    "Scania Sans Condensed", arial, helvetica, sans-serif;--sdds-detail-ex-07-ls:0}:root,.sdds-theme-light{--sdds-checkbox-color:var(--sdds-grey-900);--sdds-checkbox-interaction-01:var(--sdds-blue-800);--sdds-checkbox-interaction-02:var(--sdds-white);--sdds-checkbox-bg-hover:var(--sdds-blue-800);--sdds-checkbox-bg-focus:var(--sdds-blue-800);--sdds-checkbox-disabled:var(--sdds-grey-400);--sdds-checkbox-bg-img:url("data:image/svg+xml;utf8,<svg width=\'8\' height=\'6\' viewBox=\'0 0 8 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'> <path d=\'M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1\' stroke=\'%23ffffff\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/></svg>");--sdds-checkbox-bg-img-disabled:url("data:image/svg+xml;utf8,<svg width=\'8\' height=\'6\' viewBox=\'0 0 8 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'> <path d=\'M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1\' stroke=\'%23b0b7c4\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/></svg>");--sdds-checkbox-border-color-disabled-after:var(--sdds-grey-500);--sdds-checkbox-color-disabled-after:var(--sdds-grey-500)}:root .sdds-theme-dark,.sdds-theme-light .sdds-theme-dark{--sdds-checkbox-color:var(--sdds-white);--sdds-checkbox-interaction-01:var(--sdds-white);--sdds-checkbox-interaction-02:var(--sdds-grey-958);--sdds-checkbox-bg-hover:white;--sdds-checkbox-bg-focus:white;--sdds-checkbox-disabled:white;--sdds-checkbox-bg-img:url("data:image/svg+xml;utf8,<svg width=\'8\' height=\'6\' viewBox=\'0 0 8 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'> <path d=\'M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1\' stroke=\'%230D0F13\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/></svg>");--sdds-checkbox-bg-img-disabled:url("data:image/svg+xml;utf8,<svg width=\'8\' height=\'6\' viewBox=\'0 0 8 6\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'> <path d=\'M1 2.33333L3.4 5C4.80589 3.4379 5.59411 2.5621 7 1\' stroke=\'%2356657A\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/></svg>");--sdds-checkbox-border-color-disabled-after:var(--sdds-grey-700);--sdds-checkbox-color-disabled-after:var(--sdds-grey-700)}.sdds-checkbox-item{box-sizing:border-box;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.sdds-checkbox-item *{box-sizing:border-box}.sdds-checkbox-item .sdds-form-input[type=checkbox]{appearance:none;outline:none;margin:0;border:0;border-radius:2px;width:24px;height:24px;position:relative;cursor:pointer}.sdds-checkbox-item .sdds-form-input[type=checkbox]+label{color:var(--sdds-checkbox-color);padding-left:var(--sdds-spacing-element-8);padding-top:var(--sdds-spacing-element-4);padding-bottom:var(--sdds-spacing-element-4);cursor:pointer}.sdds-checkbox-item .sdds-form-input[type=checkbox]::before,.sdds-checkbox-item .sdds-form-input[type=checkbox]::after{content:"";position:absolute;box-sizing:border-box;border-radius:2px}.sdds-checkbox-item .sdds-form-input[type=checkbox]::before{width:24px;height:24px;left:0;top:0}.sdds-checkbox-item .sdds-form-input[type=checkbox]::after{border:1px solid var(--sdds-checkbox-interaction-01);background-color:var(--sdds-checkbox-interaction-02);width:16px;height:16px;left:4px;top:4px}.sdds-checkbox-item .sdds-form-input[type=checkbox]:hover::before{background-color:var(--sdds-checkbox-bg-hover);opacity:0.12}.sdds-checkbox-item .sdds-form-input[type=checkbox]:focus::before{background-color:var(--sdds-checkbox-bg-focus);opacity:0.24;animation:cb-focus 0.4s cubic-bezier(0.65, 0.05, 0.38, 0.95) forwards}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled{cursor:not-allowed}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled::after,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled::after{border-color:var(--sdds-checkbox-border-color-disabled-after)}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled+label,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled+label{color:var(--sdds-grey-600);cursor:not-allowed}.sdds-checkbox-item .sdds-form-input[type=checkbox]:disabled:hover::before,.sdds-checkbox-item .sdds-form-input[type=checkbox].disabled:hover::before{display:none}.sdds-form-input[type=checkbox]:checked::after{background-image:var(--sdds-checkbox-bg-img);background-color:var(--sdds-checkbox-interaction-01);background-repeat:no-repeat;background-position:center}.sdds-form-input[type=checkbox]:checked:disabled:hover::before,.sdds-form-input[type=checkbox]:checked:disabled::before,.sdds-form-input[type=checkbox]:checked.disabled:hover::before,.sdds-form-input[type=checkbox]:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid #b0b7c4}.sdds-form-input[type=checkbox]:checked:disabled::after,.sdds-form-input[type=checkbox]:checked.disabled::after{background-image:var(--sdds-checkbox-bg-img-disabled);background-color:var(--sdds-checkbox-interaction-02);color:var(--sdds-checkbox-color-disabled-after)}@keyframes cb-focus{0%{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:0}}:host,::slotted(*){color:var(--sdds-grey-958);box-sizing:border-box;box-sizing:border-box}:host *,::slotted(*) *{box-sizing:border-box}:host,::slotted(*){--sdds-link:var(--sdds-grey-958);--sdds-link-text-decoration:none;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-grey-958);box-sizing:border-box}:host{position:relative;z-index:auto}:host::part(dropdown-filter-disabled){cursor:not-allowed;caret-color:transparent;pointer-events:none;color:var(--sdds-grey-400);border:none}:host::part(dropdown-filter-disabled)::placeholder{color:var(--sdds-grey-400)}.sdds-dropdown{position:relative;display:flex;flex-flow:column wrap;width:100%;border:0}.sdds-dropdown,.sdds-dropdown *{box-sizing:border-box}.sdds-dropdown .sdds-dropdown-toggle{font:var(--sdds-detail-ex-02);letter-spacing:var(--sdds-detail-ex-02-ls);color:var(--sdds-grey-958);display:flex;align-items:center;background-color:var(--sdds-dropdown-bg);cursor:pointer;transition:box-shadow 0.1s ease-in, border-bottom-color 150ms ease;border-radius:4px 4px 0 0;border:none;border-bottom:1px solid var(--sdds-grey-400);box-shadow:none;width:100%;text-align:left;outline:none;padding:20px 16px;display:flex;align-items:center}.sdds-dropdown .sdds-dropdown-toggle:hover{border-bottom-color:var(--sdds-grey-600)}.sdds-dropdown .sdds-dropdown-toggle:focus::before{content:" ";position:absolute;z-index:1;bottom:0;left:0;width:100%;border-bottom:2px solid var(--sdds-blue-400)}.sdds-dropdown .sdds-dropdown-toggle:active,.sdds-dropdown .sdds-dropdown-toggle.active .sdds-dropdown .sdds-dropdown-toggle.selected{border-bottom-color:var(--sdds-grey-800)}.sdds-dropdown .sdds-dropdown-toggle.is-filter{transition:border 0.1s ease-in 0.1s;cursor:text}.sdds-dropdown .sdds-dropdown-toggle-lg{padding:20px 16px}.sdds-dropdown .sdds-dropdown-toggle-md{padding:16px}.sdds-dropdown .sdds-dropdown-toggle-sm{padding:12px 16px}.sdds-dropdown .sdds-dropdown-toggle.sdds-dropdown-toggle-label-inside-lg{padding:20px 16px 16px}.sdds-dropdown .sdds-dropdown-toggle.sdds-dropdown-toggle-label-inside-md{padding:16px 16px 12px}.sdds-dropdown .sdds-dropdown-toggle--selected:not(:focus){border-bottom:1px solid var(--sdds-grey-800)}.sdds-dropdown .sdds-dropdown-arrow{width:20px;position:absolute;right:16px;color:inherit;transform:rotate(0);transition:transform ease 250ms}.sdds-dropdown .sdds-dropdown-placeholder{color:var(--sdds-grey-700)}.sdds-dropdown .sdds-dropdown-label{display:grid;width:calc(100% - 25px)}.sdds-dropdown .sdds-dropdown-label-container{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdds-dropdown.sdds-dropdown.sdds-dropdown-sm .sdds-dropdown-label-container--label-inside{padding-bottom:12px}.sdds-dropdown .sdds-dropdown-filter{border:0;outline:none;font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-grey-958);width:100%;background:transparent}.sdds-dropdown .sdds-dropdown-filter:focus{outline:none}.sdds-dropdown .sdds-dropdown-filter::placeholder{color:var(--sdds-grey-700);opacity:1}.sdds-dropdown .sdds-dropdown-menu{z-index:100;background-color:var(--sdds-white);position:absolute;top:100%;left:0;min-width:100%;max-height:360px;border-color:transparent;border-style:solid;border-width:0 1px;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-left-color:var(--sdds-grey-100);border-right-color:var(--sdds-grey-100);overflow-x:hidden;overflow-y:auto;transform:scaleY(0);transform-origin:top;transition:transform 250ms ease}.sdds-dropdown .sdds-dropdown-menu::-webkit-scrollbar{width:4px;background-color:inherit}.sdds-dropdown .sdds-dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--sdds-grey-300)}.sdds-dropdown .sdds-dropdown-menu ::-webkit-scrollbar-button{height:0;width:0}.sdds-dropdown.sdds-dropdown-lg .sdds-dropdown-toggle{height:56px}.sdds-dropdown.sdds-dropdown-md .sdds-dropdown-toggle{height:48px}.sdds-dropdown.sdds-dropdown-sm .sdds-dropdown-toggle{height:40px}:host(.sdds-dropdown--open-upwards) .sdds-dropdown .sdds-dropdown-menu{top:auto;bottom:100%;box-shadow:0 -1px 3px 0 rgba(0, 0, 0, 0.1);transform-origin:bottom}:host(.sdds-dropdown--open-upwards[label-position=outside]) span.sdds-dropdown-menu{bottom:calc(100% - 24px)}:host([disabled=true]){cursor:not-allowed}:host([disabled=true]) .sdds-dropdown .sdds-dropdown-toggle{pointer-events:none;color:var(--sdds-grey-400);border:none;padding:0 16px}:host([disabled=true]) .sdds-dropdown .sdds-dropdown-toggle .sdds-dropdown-placeholder{color:var(--sdds-grey-400)}:host([disabled=true]) .sdds-dropdown .sdds-dropdown-toggle .sdds-dropdown-label-inside{color:var(--sdds-grey-400)}:host([disabled=true]) .sdds-dropdown .sdds-dropdown-toggle:focus::before{content:none}:host(.sdds-dropdown--error) .sdds-dropdown .sdds-dropdown-toggle{border-color:var(--sdds-negative)}:host(.sdds-dropdown--error) .sdds-dropdown .sdds-dropdown-toggle:focus::before{border-color:var(--sdds-negative)}:host(.sdds-dropdown--error) .sdds-dropdown-helper{color:var(--sdds-negative)}:host(.sdds-dropdown--error) .sdds-dropdown-helper .sdds-dropdown-error-icon{display:flex}:host ::slotted(sdds-dropdown-option){display:flex;padding:var(--sdds-spacing-element-16);background-color:var(--sdds-white);border-top:1px solid transparent;border-bottom:1px solid var(--sdds-grey-100);opacity:0;visibility:hidden;cursor:pointer;box-sizing:border-box}:host ::slotted(sdds-dropdown-option:last-child){border-bottom-color:transparent;border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host ::slotted(sdds-dropdown-option:hover),:host ::slotted(sdds-dropdown-option:focus){background-color:var(--sdds-dropdown-bg-hover)}:host ::slotted(sdds-dropdown-option:hover:not(:focus):not(sdds-dropdown-option.selected)){background-color:var(--sdds-dropdown-bg-hover)}:host ::slotted(sdds-dropdown-option:hover:focus){outline:none}:host ::slotted(sdds-dropdown-option:focus){outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host ::slotted(sdds-dropdown-option.sdds-dropdown--selected),:host ::slotted(sdds-dropdown-option.selected),:host ::slotted(sdds-dropdown-option.active),:host ::slotted(sdds-dropdown-option:active){background-color:var(--sdds-grey-300);border-top:1px solid var(--sdds-grey-300);border-bottom:1px solid var(--sdds-grey-300)}:host ::slotted(sdds-dropdown-option.sdds-option--no-result){cursor:not-allowed;pointer-events:none}:host ::slotted(sdds-dropdown-option.sdds-dropdown-option-disabled),:host ::slotted(sdds-dropdown-option.selected.sdds-dropdown-option-disabled){cursor:not-allowed;color:var(--sdds-grey-400);background-color:var(--sdds-white)}:host(.sdds-dropdown--open-upwards) ::slotted(sdds-dropdown-option:first-child){border-radius:4px 4px 0 0}:host(.sdds-dropdown--open-upwards) ::slotted(sdds-dropdown-option:last-child){border-radius:0;border-bottom:1px solid var(--sdds-grey-300)}.sdds-option-label{margin:auto 0;display:flex;align-content:center;text-decoration:none;flex-grow:2}.sdds-option-checkmark{color:inherit;opacity:0;transition:opacity 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);margin-left:var(--sdds-spacing-element-16)}:host([size=sm]) ::slotted(sdds-dropdown-option){padding:var(--sdds-spacing-element-12) var(--sdds-spacing-element-16)}:host(.sdds-dropdown--open) .sdds-dropdown .sdds-dropdown-toggle{box-shadow:0 -1px 3px -1px rgba(0, 0, 0, 0.1);border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.sdds-dropdown--open) .sdds-dropdown .sdds-dropdown-toggle.is-filter::before{content:" ";position:absolute;z-index:2;bottom:0;left:0;width:100%;border-bottom:1px solid var(--sdds-blue-400)}:host(.sdds-dropdown--open) .sdds-dropdown .sdds-dropdown-arrow{transform:rotate(180deg)}:host(.sdds-dropdown--open) .sdds-dropdown .sdds-dropdown-menu{transform:scaleY(1)}:host(.sdds-dropdown--open) ::slotted(sdds-dropdown-option){visibility:visible;opacity:1}:host(.selected) .sdds-option-checkmark{opacity:1}.sdds-dropdown-label-inside{font:var(--sdds-detail-02);letter-spacing:var(--sdds-detail-02-ls);color:var(--sdds-grey-700);position:absolute;transition:transform 250ms ease, color 200ms ease;width:calc(100% - 63px);overflow:hidden;text-overflow:ellipsis;transform:translate(0, -10px);font-size:10px}.sdds-dropdown-label-container.sdds-dropdown-label-container--label-inside .sdds-dropdown-placeholder{display:block;padding-top:4px}.sdds-dropdown-lg .sdds-dropdown-label-inside{display:block;top:16px}.sdds-dropdown-md .sdds-dropdown-label-inside{display:block;top:12px}.sdds-dropdown.sdds-dropdown-sm .sdds-dropdown-label-inside{display:none}.sdds-dropdown-multiselect-result{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdds-option-checkbox{margin-right:8px}.sdds-form-label{display:flex}';export{n as sdds_dropdown,r as sdds_dropdown_option}