@scania/tegel 0.0.7 → 0.0.8

package/dist/tegel/{p-38c66680.entry.js → p-d47ed579.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as i,H as o,g as h}from"./p-0a99765f.js";const l=class{constructor(i){t(this,i),this.sddsChange=s(this,"sddsChange",7),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.addResizeObserver=()=>{new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let i=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);i+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=i,this.scrollWidth=i-s,this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}))})).observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.children=Array.from(this.host.children),this.children=this.children.map(((t,s)=>(t.addEventListener("click",(()=>{this.sddsChange.emit({selectedTabIndex:this.children.indexOf(t)}).defaultPrevented||t.disabled||(this.children.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)})),t)))},this.modeVariant=null,this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.buttonWidth=0,this.showLeftScroll=!1,this.showRightScroll=!1}async selectTab(t){return this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}calculateButtonWidth(){this.children=this.children.map((t=>(t.offsetWidth>this.buttonWidth&&(this.buttonWidth=t.offsetWidth),t))),this.children.forEach((t=>{t.setTabWidth(this.buttonWidth)}))}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)}connectedCallback(){this.children=Array.from(this.host.children),this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last")}componentDidLoad(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex,this.sddsChange.emit({selectedTabIndex:this.selectedIndex})):(this.children[this.selectedIndex].setSelected(!0),this.sddsChange.emit({selectedTabIndex:this.selectedIndex})),this.calculateButtonWidth()}componentDidUpdate(){this.calculateButtonWidth()}componentDidRender(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1),this.addResizeObserver()}render(){return i(o,{role:"list",class:this.modeVariant?`sdds-mode-variant-${this.modeVariant}`:""},i("div",{class:"wrapper",ref:t=>{this.navWrapperElement=t}},i("button",{class:"scroll-left-button "+(this.showLeftScroll?"show":""),disabled:!this.showLeftScroll,onClick:()=>this.scrollLeft()},i("sdds-icon",{name:"chevron_left",size:"20px"})),i("slot",null),i("button",{class:"scroll-right-button "+(this.showRightScroll?"show":""),disabled:!this.showRightScroll,onClick:()=>this.scrollRight()},i("sdds-icon",{name:"chevron_right",size:"20px"}))))}get host(){return h(this)}};l.style=":host{box-sizing:border-box;overflow:hidden;outline:0}:host *{box-sizing:border-box}:host .wrapper{display:flex;overflow-x:scroll;scrollbar-width:none;position:relative}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{z-index:201;right:0}:host .scroll-left-button{z-index:201;left:0}:host .scroll-right-button,:host .scroll-left-button{height:50px;color:var(--sdds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--sdds-folder-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--sdds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--sdds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--sdds-folder-tabs-scroll-btn-color)}";export{l as sdds_folder_tabs}
+import{r as t,c as s,h as i,H as o,g as h}from"./p-7b91ccd4.js";const l=class{constructor(i){t(this,i),this.sddsChange=s(this,"sddsChange",7),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.addResizeObserver=()=>{new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let i=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);i+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=i,this.scrollWidth=i-s,this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}))})).observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.children=Array.from(this.host.children),this.children=this.children.map(((t,s)=>(t.addEventListener("click",(()=>{this.sddsChange.emit({selectedTabIndex:this.children.indexOf(t)}).defaultPrevented||t.disabled||(this.children.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)})),t)))},this.modeVariant=null,this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.buttonWidth=0,this.showLeftScroll=!1,this.showRightScroll=!1}async selectTab(t){return this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}calculateButtonWidth(){this.children=this.children.map((t=>(t.offsetWidth>this.buttonWidth&&(this.buttonWidth=t.offsetWidth),t))),this.children.forEach((t=>{t.setTabWidth(this.buttonWidth)}))}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)}connectedCallback(){this.children=Array.from(this.host.children),this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last")}componentDidLoad(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex,this.sddsChange.emit({selectedTabIndex:this.selectedIndex})):(this.children[this.selectedIndex].setSelected(!0),this.sddsChange.emit({selectedTabIndex:this.selectedIndex})),this.calculateButtonWidth()}componentDidUpdate(){this.calculateButtonWidth()}componentDidRender(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1),this.addResizeObserver()}render(){return i(o,{role:"list",class:this.modeVariant?`sdds-mode-variant-${this.modeVariant}`:""},i("div",{class:"wrapper",ref:t=>{this.navWrapperElement=t}},i("button",{class:"scroll-left-button "+(this.showLeftScroll?"show":""),disabled:!this.showLeftScroll,onClick:()=>this.scrollLeft()},i("sdds-icon",{name:"chevron_left",size:"20px"})),i("slot",null),i("button",{class:"scroll-right-button "+(this.showRightScroll?"show":""),disabled:!this.showRightScroll,onClick:()=>this.scrollRight()},i("sdds-icon",{name:"chevron_right",size:"20px"}))))}get host(){return h(this)}};l.style=":host{box-sizing:border-box;overflow:hidden;outline:0}:host *{box-sizing:border-box}:host .wrapper{display:flex;overflow-x:scroll;scrollbar-width:none;position:relative}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{z-index:201;right:0}:host .scroll-left-button{z-index:201;left:0}:host .scroll-right-button,:host .scroll-left-button{height:50px;color:var(--sdds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--sdds-folder-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--sdds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--sdds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--sdds-folder-tabs-scroll-btn-color)}";export{l as sdds_folder_tabs}

package/dist/tegel/{p-a90295b8.entry.js → p-d66c1fee.entry.js}

@@ -1 +1 @@
-import{r as s,h as e,H as o,g as r}from"./p-0a99765f.js";import{i as t}from"./p-5e9e9d8a.js";const d=class{constructor(e){s(this,e)}render(){const s=Object.assign({"aria-label":"Close"},t(this.host));return e(o,null,e("button",Object.assign({},s),e("sdds-icon",{name:"cross",size:"20px"})))}get host(){return r(this)}};d.style=":host{opacity:0;transition:opacity 0.15s ease}:host button{height:64px;width:100%;text-align:left;padding:0 24px;border:none;background-color:var(--sdds-sidebar-side-menu-background-cover);font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);color:var(--sdds-sidebar-side-menu-single-item-color);display:flex;align-items:center;border-bottom:1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top)}:host button:hover{cursor:pointer;background-color:var(--sdds-sidebar-item-state-hover)}:host button:focus-visible{cursor:pointer;border:1px solid var(--sdds-sidebar-side-menu-single-subitem-selected-border-color)}";export{d as sdds_side_menu_close_button}
+import{r as s,h as e,H as o,g as r}from"./p-7b91ccd4.js";import{i as t}from"./p-39227588.js";const d=class{constructor(e){s(this,e)}render(){const s=Object.assign({"aria-label":"Close"},t(this.host));return e(o,null,e("button",Object.assign({},s),e("sdds-icon",{name:"cross",size:"20px"})))}get host(){return r(this)}};d.style=":host{opacity:0;transition:opacity 0.15s ease}:host button{height:64px;width:100%;text-align:left;padding:0 24px;border:none;background-color:var(--sdds-sidebar-side-menu-background-cover);font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);color:var(--sdds-sidebar-side-menu-single-item-color);display:flex;align-items:center;border-bottom:1px solid var(--sdds-sidebar-side-menu-bottom-menu-border-top)}:host button:hover{cursor:pointer;background-color:var(--sdds-sidebar-item-state-hover)}:host button:focus-visible{cursor:pointer;border:1px solid var(--sdds-sidebar-side-menu-single-subitem-selected-border-color)}";export{d as sdds_side_menu_close_button}

package/dist/tegel/{p-a6d6ad47.entry.js → p-d77d95ab.entry.js}

@@ -1 +1 @@
-import{r,h as i,H as d}from"./p-0a99765f.js";const o=class{constructor(i){r(this,i),this.orientation="horizontal"}render(){return i(d,{role:"separator","aria-orientation":"vertical"===this.orientation?"vertical":void 0},i("div",{class:`divider ${this.orientation}`}))}};o.style=".divider{box-sizing:border-box}.divider *{box-sizing:border-box}.divider.horizontal{background-color:var(--sdds-divider-background);width:100%;height:1px}.divider.vertical{background-color:var(--sdds-divider-background);height:100%;width:1px}";export{o as sdds_divider}
+import{r,h as i,H as d}from"./p-7b91ccd4.js";const o=class{constructor(i){r(this,i),this.orientation="horizontal"}render(){return i(d,{role:"separator","aria-orientation":"vertical"===this.orientation?"vertical":void 0},i("div",{class:`divider ${this.orientation}`}))}};o.style=".divider{box-sizing:border-box}.divider *{box-sizing:border-box}.divider.horizontal{background-color:var(--sdds-divider-background);width:100%;height:1px}.divider.vertical{background-color:var(--sdds-divider-background);height:100%;width:1px}";export{o as sdds_divider}

package/dist/tegel/{p-f9ddee19.entry.js → p-d8aaf653.entry.js}

@@ -1 +1 @@
-import{r as s,h as i,H as t}from"./p-0a99765f.js";const d=class{constructor(i){s(this,i),this.src=void 0,this.alt=void 0}render(){return i(t,null,i("slot",null),this.src&&i("img",{src:this.src,alt:this.alt}))}};d.style=":host img,:host ::slotted(*){width:34px;height:34px;border-radius:50%}";const e=class{constructor(i){s(this,i),this.heading=void 0,this.subheading=void 0}render(){return i(t,null,this.heading,this.subheading&&i("div",{class:"subheading"},this.subheading))}};e.style=":host{display:block;font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);color:var(--sdds-sidebar-side-menu-single-item-color)}:host .subheading{color:var(--sdds-grey-500)}";export{d as sdds_side_menu_user_image,e as sdds_side_menu_user_label}
+import{r as s,h as i,H as t}from"./p-7b91ccd4.js";const d=class{constructor(i){s(this,i),this.src=void 0,this.alt=void 0}render(){return i(t,null,i("slot",null),this.src&&i("img",{src:this.src,alt:this.alt}))}};d.style=":host img,:host ::slotted(*){width:34px;height:34px;border-radius:50%}";const e=class{constructor(i){s(this,i),this.heading=void 0,this.subheading=void 0}render(){return i(t,null,this.heading,this.subheading&&i("div",{class:"subheading"},this.subheading))}};e.style=":host{display:block;font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);color:var(--sdds-sidebar-side-menu-single-item-color)}:host .subheading{color:var(--sdds-grey-500)}";export{d as sdds_side_menu_user_image,e as sdds_side_menu_user_label}

package/dist/tegel/{p-6e987b6f.entry.js → p-dc47bff6.entry.js}

@@ -1 +1 @@
-import{r as t,h as s,H as e,g as o}from"./p-0a99765f.js";import{g as i,a as l}from"./p-5e9e9d8a.js";const n=class{constructor(s){t(this,s),this.slotListeners=new Map,this.type="md",this.headingElement=void 0}componentWillLoad(){const{children:t}=this.host;for(let s=0;s<t.length;s++){const e=t[s];"type"in e&&(e.type=this.type)}let s=this.host;"sdds-header-launcher-list"===this.host.parentElement.tagName.toLowerCase()&&(s=this.host.parentElement);const e=i(s,l);e?this.headingElement=e:console.warn("Heading element for list not found")}componentDidLoad(){this.host.shadowRoot.querySelectorAll("slot").forEach((t=>{const s=t=>{this.processAssignedElements(t.target)};t.addEventListener("slotchange",s),s({target:t}),this.slotListeners.set(t,s)}))}processAssignedElements(t){t.assignedElements().forEach((t=>{"li"!==t.tagName.toLowerCase()&&"slot"!==t.tagName.toLowerCase()&&"listitem"!==t.getAttribute("role")&&t.setAttribute("role","listitem"),"slot"===t.tagName.toLowerCase()&&this.processAssignedElements(t)}))}disconnectedCallback(){this.slotListeners.forEach(((t,s)=>{s.removeEventListener("slotchange",t),this.slotListeners.delete(s)}))}render(){var t;const o={role:"list","aria-labelledby":null===(t=this.headingElement)||void 0===t?void 0:t.id};return s(e,Object.assign({},o),s("slot",null))}get host(){return o(this)}};n.style=":host{display:block;width:190px;padding:0;margin:0;list-style:none;border-radius:none;background-color:var(--sdds-header-app-launcher-menu-bg)}@media all and (max-width: 384px){:host{width:100vw}}:host([type=lg]){width:320px}";export{n as sdds_header_dropdown_list}
+import{r as t,h as s,H as o,g as e}from"./p-7b91ccd4.js";import{g as i,e as l}from"./p-39227588.js";const n=class{constructor(s){t(this,s),this.slotListeners=new Map,this.type="md",this.headingElement=void 0}componentWillLoad(){const{children:t}=this.host;for(let s=0;s<t.length;s++){const o=t[s];"type"in o&&(o.type=this.type)}let s=this.host;"sdds-header-launcher-list"===this.host.parentElement.tagName.toLowerCase()&&(s=this.host.parentElement);const o=i(s,l);o?this.headingElement=o:console.warn("Heading element for list not found")}componentDidLoad(){this.host.shadowRoot.querySelectorAll("slot").forEach((t=>{const s=t=>{this.processAssignedElements(t.target)};t.addEventListener("slotchange",s),s({target:t}),this.slotListeners.set(t,s)}))}processAssignedElements(t){t.assignedElements().forEach((t=>{"li"!==t.tagName.toLowerCase()&&"slot"!==t.tagName.toLowerCase()&&"listitem"!==t.getAttribute("role")&&t.setAttribute("role","listitem"),"slot"===t.tagName.toLowerCase()&&this.processAssignedElements(t)}))}disconnectedCallback(){this.slotListeners.forEach(((t,s)=>{s.removeEventListener("slotchange",t),this.slotListeners.delete(s)}))}render(){var t;const e={role:"list","aria-labelledby":null===(t=this.headingElement)||void 0===t?void 0:t.id};return s(o,Object.assign({},e),s("slot",null))}get host(){return e(this)}};n.style=":host{display:block;width:190px;padding:0;margin:0;list-style:none;border-radius:none;background-color:var(--sdds-header-app-launcher-menu-bg)}@media all and (max-width: 384px){:host{width:100vw}}:host([type=lg]){width:320px}";export{n as sdds_header_dropdown_list}

package/dist/tegel/{p-37bea630.entry.js → p-dc502aff.entry.js}

@@ -1 +1 @@
-import{r as s,h as t,H as e,g as i}from"./p-0a99765f.js";import{i as o}from"./p-5e9e9d8a.js";const a=class{constructor(t){s(this,t),this.active=!1}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),o(this.host));const s=Object.assign({},this.ariaAttributes);return t(e,null,t("sdds-header-item",{active:this.active},t("button",Object.assign({},s),t("sdds-icon",{class:"icon",name:"bento",size:"20px"}))))}get host(){return i(this)}};a.style=":host{display:block}:host sdds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:all 0.2s ease-in-out}";export{a as sdds_header_launcher_button}
+import{r as s,h as t,H as e,g as i}from"./p-7b91ccd4.js";import{i as o}from"./p-39227588.js";const r=class{constructor(t){s(this,t),this.active=!1}render(){this.ariaAttributes=Object.assign(Object.assign({},this.ariaAttributes),o(this.host));const s=Object.assign({},this.ariaAttributes);return t(e,null,t("sdds-header-item",{active:this.active},t("button",Object.assign({},s),t("sdds-icon",{class:"icon",name:"bento",size:"20px"}))))}get host(){return i(this)}};r.style=":host{display:block}:host sdds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:all 0.2s ease-in-out}";export{r as sdds_header_launcher_button}

package/dist/tegel/{p-7ba28e5a.entry.js → p-dcb46b19.entry.js}

@@ -1 +1 @@
-import{r as s,c as t,h as d,H as e,g as a}from"./p-0a99765f.js";const o=["verticalDividers","compactDesign","noMinWidth","modeVariant"],l=class{constructor(d){s(this,d),this.internalSddsRowExpanded=t(this,"internalSddsRowExpanded",6),this.internalSddsPagination=t(this,"internalSddsPagination",6),this.colSpan=null,this.isExpanded=!1,this.tableId="",this.columnsNumber=null,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.modeVariant=null}internalSddsPropChangeListener(s){this.tableId===s.detail.tableId&&s.detail.changed.filter((s=>o.includes(s))).forEach((t=>{if(void 0===this[t])throw new Error(`Table prop is not supported: ${t}`);this[t]=s.detail[t]}))}connectedCallback(){this.tableEl=this.host.closest("sdds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){o.forEach((s=>{this[s]=this.tableEl[s]}))}componentDidLoad(){this.internalSddsPagination.emit(this.tableId)}componentWillRender(){this.columnsNumber=null!==this.colSpan?this.colSpan:this.tableEl.querySelector("sdds-table-header").childElementCount+1}sendValue(){this.internalSddsRowExpanded.emit([this.tableId,this.isExpanded])}onChangeHandler(s){this.isExpanded=!0===s.currentTarget.checked,this.sendValue()}render(){return d(e,{class:{"sdds-table__row":!0,"sdds-table__row-expand--active":this.isExpanded,"sdds-table__compact":this.compactDesign,"sdds-table--divider":this.verticalDividers,"sdds-mode-variant-primary":"primary"===this.modeVariant,"sdds-mode-variant-secondary":"secondary"===this.modeVariant}},d("tr",{class:"sdds-table__row"},d("td",{class:"sdds-table__cell sdds-table__cell--expand"},d("label",{class:"sdds-table__expand-control-container"},d("input",{class:"sdds-table__expand-input",type:"checkbox",onChange:s=>this.onChangeHandler(s),checked:this.isExpanded}),d("span",{class:"sdds-expendable-row-icon"},d("svg",{fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},d("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z",fill:"currentColor"}))))),d("slot",null)),d("tr",{class:"sdds-table__row-expand"},d("td",{class:"sdds-table__cell-expand",colSpan:this.columnsNumber},d("slot",{name:"expand-row"}))))}get host(){return a(this)}};l.style=":host{box-sizing:border-box;display:contents}:host *{box-sizing:border-box}:host .sdds-table__row,:host .sdds-table__row-extend{display:table-row;border-bottom:1px solid var(--sdds-data-table-divider);background-color:var(--sdds-data-table-body-row-background);transition:background-color 200ms ease;color:var(--sdds-data-table-color)}:host .sdds-table__row:hover,:host .sdds-table__row-extend:hover{background-color:var(--sdds-data-table-body-row-background-hover)}:host .sdds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:46px;cursor:pointer;padding:0 16px;position:relative}:host .sdds-table__expand-control-container .sdds-table__expand-input{all:unset;position:absolute;top:0;left:0;width:100%;height:100%;position:absolute;cursor:pointer}:host .sdds-table__expand-control-container .sdds-table__expand-input:focus{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host .sdds-table__expand-control-container .sdds-expendable-row-icon{height:16px;width:16px;transition:transform 200ms ease;transform:rotate(0)}:host .sdds-table__row-expand{display:none;transition:background-color 200ms ease}:host .sdds-table__row-expand .sdds-table__cell-expand{padding:16px 16px 16px 66px;color:var(--sdds-data-table-color)}:host(.sdds-table__row-expand--active) .sdds-table__row{background-color:var(--sdds-data-table-body-row-background-selected)}:host(.sdds-table__row-expand--active) .sdds-table__expand-control-container .sdds-expendable-row-icon{transform:rotate(180deg)}:host(.sdds-table__row-expand--active) .sdds-table__row-expand{background-color:var(--sdds-data-table-body-row-background-selected);display:table-row}:host(.sdds-table__compact) .sdds-table__expand-control-container{height:30px}:host(.sdds-table__compact) .sdds-table__row-expand .sdds-table__cell-expand{padding:8px 16px 8px 66px}:host(.sdds-table--divider) .sdds-table__cell--expand{border-right:1px solid var(--sdds-data-table-divider)}";export{l as sdds_table_body_row_expandable}
+import{r as s,c as t,h as d,H as e,g as a}from"./p-7b91ccd4.js";const o=["verticalDividers","compactDesign","noMinWidth","modeVariant"],l=class{constructor(d){s(this,d),this.internalSddsRowExpanded=t(this,"internalSddsRowExpanded",6),this.internalSddsPagination=t(this,"internalSddsPagination",6),this.colSpan=null,this.isExpanded=!1,this.tableId="",this.columnsNumber=null,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.modeVariant=null}internalSddsPropChangeListener(s){this.tableId===s.detail.tableId&&s.detail.changed.filter((s=>o.includes(s))).forEach((t=>{if(void 0===this[t])throw new Error(`Table prop is not supported: ${t}`);this[t]=s.detail[t]}))}connectedCallback(){this.tableEl=this.host.closest("sdds-table"),this.tableId=this.tableEl.tableId}componentWillLoad(){o.forEach((s=>{this[s]=this.tableEl[s]}))}componentDidLoad(){this.internalSddsPagination.emit(this.tableId)}componentWillRender(){this.columnsNumber=null!==this.colSpan?this.colSpan:this.tableEl.querySelector("sdds-table-header").childElementCount+1}sendValue(){this.internalSddsRowExpanded.emit([this.tableId,this.isExpanded])}onChangeHandler(s){this.isExpanded=!0===s.currentTarget.checked,this.sendValue()}render(){return d(e,{class:{"sdds-table__row":!0,"sdds-table__row-expand--active":this.isExpanded,"sdds-table__compact":this.compactDesign,"sdds-table--divider":this.verticalDividers,"sdds-mode-variant-primary":"primary"===this.modeVariant,"sdds-mode-variant-secondary":"secondary"===this.modeVariant}},d("tr",{class:"sdds-table__row"},d("td",{class:"sdds-table__cell sdds-table__cell--expand"},d("label",{class:"sdds-table__expand-control-container"},d("input",{class:"sdds-table__expand-input",type:"checkbox",onChange:s=>this.onChangeHandler(s),checked:this.isExpanded}),d("span",{class:"sdds-expendable-row-icon"},d("svg",{fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},d("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z",fill:"currentColor"}))))),d("slot",null)),d("tr",{class:"sdds-table__row-expand"},d("td",{class:"sdds-table__cell-expand",colSpan:this.columnsNumber},d("slot",{name:"expand-row"}))))}get host(){return a(this)}};l.style=":host{box-sizing:border-box;display:contents}:host *{box-sizing:border-box}:host .sdds-table__row,:host .sdds-table__row-extend{display:table-row;border-bottom:1px solid var(--sdds-data-table-divider);background-color:var(--sdds-data-table-body-row-background);transition:background-color 200ms ease;color:var(--sdds-data-table-color)}:host .sdds-table__row:hover,:host .sdds-table__row-extend:hover{background-color:var(--sdds-data-table-body-row-background-hover)}:host .sdds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:46px;cursor:pointer;padding:0 16px;position:relative}:host .sdds-table__expand-control-container .sdds-table__expand-input{all:unset;position:absolute;top:0;left:0;width:100%;height:100%;position:absolute;cursor:pointer}:host .sdds-table__expand-control-container .sdds-table__expand-input:focus{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host .sdds-table__expand-control-container .sdds-expendable-row-icon{height:16px;width:16px;transition:transform 200ms ease;transform:rotate(0)}:host .sdds-table__row-expand{display:none;transition:background-color 200ms ease}:host .sdds-table__row-expand .sdds-table__cell-expand{padding:16px 16px 16px 66px;color:var(--sdds-data-table-color)}:host(.sdds-table__row-expand--active) .sdds-table__row{background-color:var(--sdds-data-table-body-row-background-selected)}:host(.sdds-table__row-expand--active) .sdds-table__expand-control-container .sdds-expendable-row-icon{transform:rotate(180deg)}:host(.sdds-table__row-expand--active) .sdds-table__row-expand{background-color:var(--sdds-data-table-body-row-background-selected);display:table-row}:host(.sdds-table__compact) .sdds-table__expand-control-container{height:30px}:host(.sdds-table__compact) .sdds-table__row-expand .sdds-table__cell-expand{padding:8px 16px 8px 66px}:host(.sdds-table--divider) .sdds-table__cell--expand{border-right:1px solid var(--sdds-data-table-divider)}";export{l as sdds_table_body_row_expandable}

package/dist/tegel/{p-e3276a1a.entry.js → p-e649e628.entry.js}

@@ -1 +1 @@
-import{r as s,h as a,H as e,g as t}from"./p-0a99765f.js";import{i as d}from"./p-5e9e9d8a.js";const r=class{constructor(a){s(this,a),this.linkHref="https://www.scania.com"}render(){const s=Object.assign({},d(this.host));return a(e,null,a("sdds-header-item",null,a("a",Object.assign({},s,{href:this.linkHref}))))}get host(){return t(this)}};r.style=":host sdds-header-item{display:none}:host sdds-header-item a{background-image:var(--sdds-background-image-scania-symbol-svg), var(--sdds-background-image-scania-symbol-png);background-size:30px auto;background-position:center;background-repeat:no-repeat}@media (min-width: 521px){:host sdds-header-item{display:block}}";export{r as sdds_header_brand_symbol}
+import{r as s,h as a,H as e,g as t}from"./p-7b91ccd4.js";import{i as d}from"./p-39227588.js";const r=class{constructor(a){s(this,a),this.linkHref="https://www.scania.com"}render(){const s=Object.assign({},d(this.host));return a(e,null,a("sdds-header-item",null,a("a",Object.assign({},s,{href:this.linkHref}))))}get host(){return t(this)}};r.style=":host sdds-header-item{display:none}:host sdds-header-item a{background-image:var(--sdds-background-image-scania-symbol-svg), var(--sdds-background-image-scania-symbol-png);background-size:30px auto;background-position:center;background-repeat:no-repeat}@media (min-width: 992px){:host sdds-header-item{display:block}}";export{r as sdds_header_brand_symbol}

package/dist/tegel/{p-8912ff73.entry.js → p-e66d22f9.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,H as s,g as e}from"./p-0a99765f.js";const i=class{constructor(o){t(this,o),this.slotPostion=null,this.topPartGroup=!1,this.titleText=void 0,this.open=!1}connectedCallback(){this.topPartGroup="top"===this.host.parentElement.slot,this.topPartGroup||(this.slotPostion="main-right"===this.host.parentElement.slot?"right":"left")}render(){return o(s,null,this.titleText&&this.topPartGroup&&o("div",{class:"footer-top-title"},this.titleText),this.titleText&&this.topPartGroup&&o("button",{onClick:()=>{this.open=!this.open},class:"footer-top-title-button  "+(this.open?"expanded":"closed")},this.titleText,o("sdds-icon",{name:"chevron_down",size:"20px"})),o("div",{role:"list",class:`${this.slotPostion?this.slotPostion:""}\n            ${this.topPartGroup?"top-part-child":""}\n            ${this.open?"expanded":"closed"}`},o("slot",null)))}get host(){return e(this)}};i.style=":host{display:block}:host .footer-top-title{font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);opacity:var(--sdds-footer-top-title-opacity);color:var(--sdds-footer-top-links);padding-bottom:8px}:host button.footer-top-title-button{display:none;border:none;width:100%;font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);color:var(--sdds-footer-top-links);background-color:transparent;text-align:left;padding:19px 24px;justify-content:space-between;border-bottom:1px solid var(--sdds-footer-top-divider)}:host button.footer-top-title-button.expanded{border-bottom:none}:host button.footer-top-title-button.expanded sdds-icon{transform:rotateZ(180deg)}:host button.footer-top-title-button:hover{cursor:pointer}:host button.footer-top-title-button:active{background-color:var(--sdds-footer-top-button-active)}:host button.footer-top-title-button:focus-visible{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host button.footer-top-title-button sdds-icon{transition:transform 0.2s ease-in-out}:host [role=list]{list-style:none;padding:0;margin:0;display:flex;gap:8px}:host [role=list].left,:host [role=list].right{gap:24px}:host [role=list].top-part-child{flex-direction:column}@media all and (max-width: 992px){:host [role=list].left:not(.top-part-child){flex-direction:column}:host [role=list].left:not(.top-part-child).left,:host [role=list].left:not(.top-part-child).right{gap:8px}:host [role=list].top-part-child.closed{display:none}:host [role=list].top-part-child{gap:0}:host .footer-top-title{display:none}:host button.footer-top-title-button{display:flex;align-items:center}}";export{i as sdds_footer_group}
+import{r as t,h as o,H as s,g as e}from"./p-7b91ccd4.js";const i=class{constructor(o){t(this,o),this.slotPostion=null,this.topPartGroup=!1,this.titleText=void 0,this.open=!1}connectedCallback(){this.topPartGroup="top"===this.host.parentElement.slot,this.topPartGroup||(this.slotPostion="main-right"===this.host.parentElement.slot?"right":"left")}render(){return o(s,null,this.titleText&&this.topPartGroup&&o("div",{class:"footer-top-title"},this.titleText),this.titleText&&this.topPartGroup&&o("button",{onClick:()=>{this.open=!this.open},class:"footer-top-title-button  "+(this.open?"expanded":"closed")},this.titleText,o("sdds-icon",{name:"chevron_down",size:"20px"})),o("div",{role:"list",class:`${this.slotPostion?this.slotPostion:""}\n            ${this.topPartGroup?"top-part-child":""}\n            ${this.open?"expanded":"closed"}`},o("slot",null)))}get host(){return e(this)}};i.style=":host{display:block}:host .footer-top-title{font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);opacity:var(--sdds-footer-top-title-opacity);color:var(--sdds-footer-top-links);padding-bottom:8px}:host button.footer-top-title-button{display:none;border:none;width:100%;font:var(--sdds-headline-07);letter-spacing:var(--sdds-headline-07-ls);color:var(--sdds-footer-top-links);background-color:transparent;text-align:left;padding:19px 24px;justify-content:space-between;border-bottom:1px solid var(--sdds-footer-top-divider)}:host button.footer-top-title-button.expanded{border-bottom:none}:host button.footer-top-title-button.expanded sdds-icon{transform:rotateZ(180deg)}:host button.footer-top-title-button:hover{cursor:pointer}:host button.footer-top-title-button:active{background-color:var(--sdds-footer-top-button-active)}:host button.footer-top-title-button:focus-visible{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host button.footer-top-title-button sdds-icon{transition:transform 0.2s ease-in-out}:host [role=list]{list-style:none;padding:0;margin:0;display:flex;gap:8px}:host [role=list].left,:host [role=list].right{gap:24px}:host [role=list].top-part-child{flex-direction:column}@media all and (max-width: 992px){:host [role=list].left:not(.top-part-child){flex-direction:column}:host [role=list].left:not(.top-part-child).left,:host [role=list].left:not(.top-part-child).right{gap:8px}:host [role=list].top-part-child.closed{display:none}:host [role=list].top-part-child{gap:0}:host .footer-top-title{display:none}:host button.footer-top-title-button{display:flex;align-items:center}}";export{i as sdds_footer_group}

package/dist/tegel/{p-f524837b.entry.js → p-f6ae0ae1.entry.js}

@@ -1 +1 @@
-import{r as n,h as o,g as s}from"./p-0a99765f.js";const e=class{constructor(o){n(this,o),this.disabled=!1,this.underline=!0}connectedCallback(){this.host.children[0].classList.add("sdds-link-component")}render(){return o("div",{class:`\n          ${this.disabled?"disabled":""}\n          ${this.underline?"":"no-underline"}\n          `},o("slot",null))}get host(){return s(this)}};e.style=".sdds-link-component{all:unset;cursor:pointer;outline:none;color:var(--sdds-link);text-decoration:underline}.sdds-link-component.active,.sdds-link-component:active{color:var(--sdds-link);text-decoration:underline;text-decoration-color:var(--sdds-link)}.sdds-link-component:hover{color:var(--sdds-link-hover);text-decoration:underline;text-decoration-color:var(--sdds-link-hover)}.sdds-link-component:visited{color:var(--sdds-link-visited);text-decoration-color:var(--sdds-link-visited)}.sdds-link-component:focus{color:var(--sdds-link-focus);text-decoration:none;outline:2px solid var(--sdds-link-focus);outline-offset:-2px}.disabled .sdds-link-component{color:var(--sdds-link-disabled);text-decoration-color:var(--sdds-link-disabled);pointer-events:none}.no-underline .sdds-link-component{text-decoration:none}.no-underline:hover .sdds-link-component{text-decoration:none}";export{e as sdds_link}
+import{r as n,h as o,g as s}from"./p-7b91ccd4.js";const e=class{constructor(o){n(this,o),this.disabled=!1,this.underline=!0}connectedCallback(){this.host.children[0].classList.add("sdds-link-component")}render(){return o("div",{class:`\n          ${this.disabled?"disabled":""}\n          ${this.underline?"":"no-underline"}\n          `},o("slot",null))}get host(){return s(this)}};e.style=".sdds-link-component{all:unset;cursor:pointer;outline:none;color:var(--sdds-link);text-decoration:underline}.sdds-link-component.active,.sdds-link-component:active{color:var(--sdds-link);text-decoration:underline;text-decoration-color:var(--sdds-link)}.sdds-link-component:hover{color:var(--sdds-link-hover);text-decoration:underline;text-decoration-color:var(--sdds-link-hover)}.sdds-link-component:visited{color:var(--sdds-link-visited);text-decoration-color:var(--sdds-link-visited)}.sdds-link-component:focus{color:var(--sdds-link-focus);text-decoration:none;outline:2px solid var(--sdds-link-focus);outline-offset:-2px}.disabled .sdds-link-component{color:var(--sdds-link-disabled);text-decoration-color:var(--sdds-link-disabled);pointer-events:none}.no-underline .sdds-link-component{text-decoration:none}.no-underline:hover .sdds-link-component{text-decoration:none}";export{e as sdds_link}

package/dist/tegel/{p-3a20733f.entry.js → p-fa250620.entry.js}

@@ -1 +1 @@
-import{r as s,h as r,H as t}from"./p-0a99765f.js";const e=class{constructor(r){s(this,r),this.uuid=crypto.randomUUID()}render(){return r(t,null,r("sdds-header-dropdown-list",{type:"lg"},r("slot",null)))}};export{e as sdds_header_launcher_list}
+import{r as s,h as r,H as t}from"./p-7b91ccd4.js";const d=class{constructor(r){s(this,r),this.uuid=crypto.randomUUID()}render(){return r(t,null,r("sdds-header-dropdown-list",{type:"lg"},r("slot",null)))}};export{d as sdds_header_launcher_list}

package/dist/tegel/{p-8ff4e0a7.entry.js → p-ff845045.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as o,H as i,g as l}from"./p-0a99765f.js";const r=class{constructor(o){t(this,o),this.sddsChange=s(this,"sddsChange",7),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.addResizeObserver=()=>{new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let o=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);o+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight),t.classList.add("sdds-navigation-tabs-tab")})),this.componentWidth=s,this.buttonsWidth=o,this.scrollWidth=o-s,this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}))})).observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.children=Array.from(this.host.children),this.children=this.children.map(((t,s)=>(t.addEventListener("click",(()=>{this.sddsChange.emit({selectedTabIndex:this.children.indexOf(t)}).defaultPrevented||t.disabled||(this.children.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s,this.sddsChange.emit({selectedTabIndex:this.selectedIndex}))})),t)))},this.componentDidLoad=()=>{void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex,this.sddsChange.emit({selectedTabIndex:this.selectedIndex})):(this.children[this.selectedIndex].setSelected(!0),this.sddsChange.emit({selectedTabIndex:this.selectedIndex}))},this.modeVariant="primary",this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.showLeftScroll=!1,this.showRightScroll=!1}async selectTab(t){return this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,o)=>(o===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons()}scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons()}evaluateScrollButtons(){const t=this.navWrapperElement.scrollLeft;this.showRightScroll=!(t>=this.scrollWidth),this.showLeftScroll=!(t<=0)}connectedCallback(){this.children=Array.from(this.host.children),this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last")}componentDidRender(){this.addResizeObserver()}render(){return o(i,{role:"list",class:this.modeVariant?`sdds-mode-variant-${this.modeVariant}`:""},o("div",{class:"wrapper",ref:t=>{this.navWrapperElement=t}},o("button",{class:"scroll-left-button "+(this.showLeftScroll?"show":""),onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},o("sdds-icon",{name:"chevron_left",size:"20px"})),o("slot",null),o("button",{class:"scroll-right-button "+(this.showRightScroll?"show":""),onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},o("sdds-icon",{name:"chevron_right",size:"20px"}))))}get host(){return l(this)}};r.style=':host{box-sizing:border-box;display:flex;background-color:var(--sdds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--sdds-inline-tabs-horizontal-divider-background);opacity:var(--sdds-inline-tabs-horizontal-divider-opacity);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:201}:host .scroll-left-button{left:0;z-index:201}:host .scroll-right-button,:host .scroll-left-button{color:var(--sdds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--sdds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--sdds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--sdds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--sdds-folder-tabs-scroll-btn-color)}';export{r as sdds_navigation_tabs}
+import{r as t,c as s,h as o,H as i,g as l}from"./p-7b91ccd4.js";const r=class{constructor(o){t(this,o),this.sddsChange=s(this,"sddsChange",7),this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollWidth=0,this.addResizeObserver=()=>{new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let o=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);o+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight),t.classList.add("sdds-navigation-tabs-tab")})),this.componentWidth=s,this.buttonsWidth=o,this.scrollWidth=o-s,this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}))})).observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.children=Array.from(this.host.children),this.children=this.children.map(((t,s)=>(t.addEventListener("click",(()=>{this.sddsChange.emit({selectedTabIndex:this.children.indexOf(t)}).defaultPrevented||t.disabled||(this.children.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s,this.sddsChange.emit({selectedTabIndex:this.selectedIndex}))})),t)))},this.componentDidLoad=()=>{void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.children[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex,this.sddsChange.emit({selectedTabIndex:this.selectedIndex})):(this.children[this.selectedIndex].setSelected(!0),this.sddsChange.emit({selectedTabIndex:this.selectedIndex}))},this.modeVariant="primary",this.defaultSelectedIndex=0,this.selectedIndex=void 0,this.showLeftScroll=!1,this.showRightScroll=!1}async selectTab(t){return this.children[t].disabled||(this.children.forEach((t=>t.setSelected(!1))),this.children=this.children.map(((s,o)=>(o===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}scrollRight(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons()}scrollLeft(){this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons()}evaluateScrollButtons(){const t=this.navWrapperElement.scrollLeft;this.showRightScroll=!(t>=this.scrollWidth),this.showLeftScroll=!(t<=0)}connectedCallback(){this.children=Array.from(this.host.children),this.children[0].classList.add("first"),this.children[this.children.length-1].classList.add("last")}componentDidRender(){this.addResizeObserver()}render(){return o(i,{role:"list",class:this.modeVariant?`sdds-mode-variant-${this.modeVariant}`:""},o("div",{class:"wrapper",ref:t=>{this.navWrapperElement=t}},o("button",{class:"scroll-left-button "+(this.showLeftScroll?"show":""),onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},o("sdds-icon",{name:"chevron_left",size:"20px"})),o("slot",null),o("button",{class:"scroll-right-button "+(this.showRightScroll?"show":""),onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},o("sdds-icon",{name:"chevron_right",size:"20px"}))))}get host(){return l(this)}};r.style=':host{box-sizing:border-box;display:flex;background-color:var(--sdds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--sdds-inline-tabs-horizontal-divider-background);opacity:var(--sdds-inline-tabs-horizontal-divider-opacity);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:201}:host .scroll-left-button{left:0;z-index:201}:host .scroll-right-button,:host .scroll-left-button{color:var(--sdds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--sdds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--sdds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--sdds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--sdds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--sdds-folder-tabs-scroll-btn-color)}';export{r as sdds_navigation_tabs}