@scania/tegel 1.34.0-multibrand-beta.6 → 1.35.0

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

@@ -1 +0,0 @@
-import{r as t,h as o,H as a,g as e}from"./p-2049fab2.js";const i=class{constructor(o){t(this,o),this.disabled=!1,this.selected=!1}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let o=0;o<t.length;o++){const a=t[o];a.getAttribute("aria-controls")||console.warn("Tegel navigation-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==a.getAttribute("role")&&console.warn('Tegel navigation-tab component: Interactive elements should have attribute role="tab"'),this.disabled?a.setAttribute("aria-disabled","true"):a.removeAttribute("aria-disabled")}}render(){return o(a,{key:"dc5a2d7616f927f2519664e4f98674b995889789"},o("div",{key:"0a6aab0c2eeb77b1376a0d0abfbd4d825cf9449e",class:`navigation-tab-item  ${this.selected?"selected":""}\n           ${this.disabled?"disabled":""}`},o("slot",{key:"6525c55249fb9fff0db0b1fc8140339f7550e838"})))}get host(){return e(this)}};i.style=':host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform);color:var(--navigation-tabs-tab);text-decoration:none;display:block;position:relative;transition:color 0.15s ease-in-out 0s;white-space:nowrap;background-color:transparent;border:0;width:100%;padding:26px 4px}:host ::slotted(*:focus-visible)::before{outline:2px solid var(--color-foreground-border-accent-focus);content:"";position:absolute;left:0;right:0;top:26px;bottom:26px}:host ::slotted(*:hover){color:var(--navigation-tabs-tab-hover)}:host ::slotted(*:focus-visible){color:var(--navigation-tabs-tab-focus)}:host .navigation-tab-item:not(.selected)::after{width:0%;transition:width 0.15s ease-in-out 0s}:host .navigation-tab-item{position:relative;margin-right:32px}:host .navigation-tab-item:hover{cursor:pointer}:host .navigation-tab-item:hover::after{width:100%}:host .navigation-tab-item::after{background-color:var(--navigation-tabs-tab-indicator-hover);content:" ";position:absolute;bottom:0;right:0;left:0;margin-left:auto;width:0%;margin-right:auto;height:2px;z-index:1}:host .selected ::slotted(*){color:var(--navigation-tabs-tab-selected)}:host .selected::after{background-color:var(--navigation-tabs-tab-indicator-active);width:100%}:host .disabled{color:var(--navigation-tabs-tab-disabled)}:host .disabled ::slotted(*){color:var(--navigation-tabs-tab-disabled)}:host .disabled::after{content:none}:host .disabled ::slotted(*:hover){cursor:not-allowed}:host .disabled ::slotted(*:focus-visible){outline:none}:host(.last){margin-right:32px}';export{i as tds_navigation_tab}

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as o,g as s}from"./p-2049fab2.js";import{g}from"./p-11648030.js";const l=class{constructor(o){t(this,o),this.tdsToggle=e(this,"tdsToggle",6),this.handleToggle=()=>{this.checked=!this.checked,this.tdsToggle.emit({toggleId:this.toggleId,checked:this.checked})},this.checked=!1,this.required=!1,this.size="lg",this.name=void 0,this.headline=void 0,this.disabled=!1,this.toggleId=g(),this.tdsAriaLabel=void 0}async toggle(){return this.checked=!this.checked,{toggleId:this.toggleId,checked:this.checked}}async focusElement(){this.inputElement&&this.inputElement.focus()}componentWillLoad(){this.labelSlot=this.host.querySelector("[slot='label']")}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Toggle component: tdsAriaLabel prop is missing")}render(){return o("div",{key:"8d59dfac94fd97b568857af3f2c9b6976c692e6c",class:"tds-toggle"},this.headline&&o("div",{key:"af9b3285dffdb27cd1e23bd009ac39fb1c1e5373",class:{"toggle-headline":!0,disabled:this.disabled}},this.headline),o("input",{key:"f01b0cd051dd5aaed33ef2eb6ca4fd352d60ea14",ref:t=>this.inputElement=t,"aria-label":this.tdsAriaLabel,"aria-describedby":this.host.getAttribute("aria-describedby"),"aria-labelledby":this.host.getAttribute("aria-labelledby"),"aria-checked":this.checked,"aria-required":this.required,onChange:()=>this.handleToggle(),class:`${this.size}`,checked:this.checked,disabled:this.disabled,required:this.required,type:"checkbox",name:this.name,id:this.toggleId,role:"switch"}),this.labelSlot&&o("label",{key:"239363d16e713e28d2309f5db8874a6db20ffede",class:{disabled:this.disabled},htmlFor:this.toggleId},o("slot",{key:"6e34820e46f8b9197ad46c1e88a16b7b64821378",name:"label"})))}get host(){return s(this)}};l.style='tds-toggle.sc-tds-toggle{--toggle-switch:var(--color-brand-neutral-white);--toggle-text:var(--color-foreground-text-strong);--toggle-disabled:var(--color-foreground-icon-disabled);--toggle-background-on:var(--color-system-success-default);--toggle-background-off:var(--color-foreground-icon-subtle);--toggle-border-focus:var(--color-foreground-border-accent-focus)}.tds-toggle.sc-tds-toggle .disabled.sc-tds-toggle{pointer-events:none}.tds-toggle.sc-tds-toggle .toggle-headline.sc-tds-toggle{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--toggle-text);margin-bottom:12px}.tds-toggle.sc-tds-toggle .toggle-headline.disabled.sc-tds-toggle{color:var(--toggle-disabled);user-select:none}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle{appearance:initial;margin:0;width:44px;height:24px;position:relative;display:inline-block;vertical-align:middle;cursor:pointer}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after,.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{transition:all var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-scania);content:"";position:absolute;box-sizing:border-box}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{background-color:var(--toggle-background-off);border:2px solid transparent;border-radius:16px;left:0;height:24px;width:44px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after{background-color:var(--toggle-switch);border-radius:50%;left:4px;top:4px;width:16px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus{outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px;border-radius:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus::before{background-color:var(--toggle-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:hover::before{background-color:var(--toggle-background-off)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::before{background-color:var(--toggle-background-on)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::after{left:24px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled{pointer-events:none}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::before{background-color:var(--toggle-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::after{background-color:var(--toggle-switch)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::before{background-color:var(--toggle-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::after{background-color:var(--toggle-switch)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::before{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::after{width:8px;height:8px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::before{background-color:var(--toggle-background-on)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::after{left:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::before{background-color:var(--toggle-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::after{background-color:var(--toggle-switch)}.tds-toggle.sc-tds-toggle label.sc-tds-toggle{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--toggle-text);cursor:pointer;user-select:none;display:inline-block;vertical-align:middle;padding-left:8px}.tds-toggle.sc-tds-toggle label.disabled.sc-tds-toggle{color:var(--toggle-disabled);pointer-events:none}';export{l as tds_toggle}

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

@@ -1 +0,0 @@
-import{r as s,h as e,H as o,g as t}from"./p-2049fab2.js";import{i}from"./p-3fe9cbbf.js";const d=class{constructor(e){s(this,e),this.inheritedAttributes=[],this.selector=void 0,this.referenceEl=void 0,this.show=null,this.defaultShow=!1,this.placement="auto",this.animation="none",this.offsetSkidding=0,this.offsetDistance=8,this.fluidWidth=!1,this.modeVariant=null,this.childRef=void 0}async close(){var s;null===(s=this.childRef)||void 0===s||s.close()}componentWillLoad(){this.inheritedAttributes=i(this.host,["style","class"])}render(){var s;return e(o,{key:"78e4ee3b0d6eb7c41f724582278b3de4b2227502",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant)}},e("tds-popover-core",{key:"f16d1d2d97dfa081fbbc13f1da6eb01f15d3e1e8",class:{"tds-popover-menu":!0,[null!==(s=this.inheritedAttributes.class)&&void 0!==s?s:""]:!0,"fluid-width":this.fluidWidth},selector:this.selector,referenceEl:this.referenceEl,show:this.show,placement:this.placement,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,ref:s=>{this.childRef=s},defaultShow:this.defaultShow,animation:this.animation},e("div",{key:"2c413ca26bb977c971e3206ce7ac79da5107d35e",role:"menu"},e("slot",{key:"f9a0da937b2c038ec83e3a8e803fb858a42ab94b"}))))}get host(){return t(this)}};d.style=".tds-popover-menu.sc-tds-popover-menu{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--popover-menu-background);padding:16px 6px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:900}.tds-popover-menu.sc-tds-popover-menu *.sc-tds-popover-menu{box-sizing:border-box}.tds-popover-menu.fluid-width.sc-tds-popover-menu{width:unset}tds-popover-core.sc-tds-popover-menu{padding:6px 0 !important}.sc-tds-popover-menu-s>tds-divider{display:block;padding:6px !important}";export{d as tds_popover_menu}

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

@@ -1 +0,0 @@
-import{r as e,h as t,H as o,g as r}from"./p-2049fab2.js";const s=class{constructor(t){e(this,t),this.disabled=!1,this.selected=!1,this.tabWidth=void 0}async setTabWidth(e){this.tabWidth=e}async setSelected(e){this.selected=e}connectedCallback(){const e=this.host.querySelectorAll("button, a");for(let t=0;t<e.length;t++){const o=e[t];o.getAttribute("aria-controls")||console.warn("Tegel folder-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==o.getAttribute("role")&&console.warn('Tegel folder-tab component: Interactive elements should have attribute role="tab"'),this.disabled?o.setAttribute("aria-disabled","true"):o.removeAttribute("aria-disabled")}}render(){return t(o,{key:"584a1fcf43299d27e3fb2150214830c7964e3895","aria-selected":this.selected},t("div",{key:"ed0f0d8acafaf35c36a22d34ef4c9ac240ba5311",class:{selected:this.selected,disabled:this.disabled},style:{width:`${this.tabWidth}px`}},t("slot",{key:"ac2fb5ed4062e9e83297e9a6c2f3ea6b9f514b06"})))}get host(){return r(this)}};s.style=':host{box-sizing:border-box;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform);min-width:142px;display:block;width:calc(100% - 32px);cursor:pointer;padding:16px;white-space:nowrap;text-decoration:none;text-align:left;outline:none;border:none;border-left:1px solid;border-left-color:transparent}:host ::slotted(*:focus-visible){outline:var(--dimension-radius-focus-width) solid var(--color-foreground-border-accent-focus);box-shadow:0 0 0 1px var(--color-brand-neutral-white);outline-offset:1px;box-shadow:none;outline-offset:-4px}:host div:not(.selected){background-color:var(--folder-tab-surface)}:host div:not(.selected) ::slotted(*){border-left-color:var(--folder-tab-divider-text);border-top:2px solid var(--folder-tab-surface);color:var(--folder-tab-item-text)}:host div:not(.selected):hover:not(.disabled){background-color:var(--folder-tab-surface-hover);cursor:pointer}:host div:not(.selected):hover:not(.disabled) ::slotted(*){border-top-color:var(--folder-tab-surface-hover);color:var(--folder-tab-text)}:host div:not(.selected).disabled ::slotted(*){color:var(--folder-tab-item-text-disabled)}:host div:not(.selected).disabled ::slotted(*:focus-visible){outline:none}:host div:not(.selected).disabled ::slotted(*:hover){cursor:not-allowed}:host div:not(.selected).disabled ::slotted(*::after){content:none}:host .selected{background-color:var(--folder-tab-surface-selected);border-top:2px solid var(--folder-tab-border-selected)}:host .selected::after{background-color:var(--folder-tab-surface-selected);content:" ";width:1px;top:0;bottom:0;right:-1px;display:block;position:absolute;z-index:1}:host .selected ::slotted(*){color:var(--folder-tab-text)}:host(.first) :not(.selected) ::slotted(*){border-left-color:transparent}';export{s as tds_folder_tab}

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as a,H as s,g as r}from"./p-2049fab2.js";const o=["compactDesign","noMinWidth","verticalDividers","horizontalScrollWidth"],i=class{constructor(a){t(this,a),this.tdsFilter=e(this,"tdsFilter",7),this.tableTitle="",this.filter=!1,this.tdsSearchAriaLabel="",this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.tableId="",this.horizontalScrollWidth=null}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>o.includes(t))).forEach((e=>{if(void 0===this[e])throw new Error(`Table prop is not supported: ${e}`);this[e]=t.detail[e]}))}connectedCallback(){this.tableEl=this.host.closest("tds-table"),this.tableId=this.tableEl.tableId,this.tdsSearchAriaLabel||console.warn("tds-table-toolbar: tdsSearchAriaLabel is highly recommended for accessibility")}componentWillLoad(){o.forEach((t=>{this[t]=this.tableEl[t]}))}handleSearch(t){const e=t.currentTarget.value.toLowerCase(),a=t.currentTarget.parentElement;this.tdsFilter.emit({tableId:this.tableId,query:e}),e.length>0?a.classList.add("tds-table__searchbar--active"):a.classList.remove("tds-table__searchbar--active")}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}render(){return a(s,{key:"7cf6fffdb988f525b5ff9fca25588f2b4770f9df",class:{"tds-table--compact":this.compactDesign,"toolbar__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles(),"aria-labelledby":"table-toolbar-title"},a("div",{key:"d071dcc92ba9d045c7322eec7bde32afc16616d6",class:"tds-table__upper-bar-flex"},a("div",{key:"9cee0628c8c81614fb43ec2453644f7dd5001f54",class:"tds-table__actionbar-left"},this.tableTitle&&a("caption",{key:"90949e76eb225021d4dd9645968bd544b6ec9e71",id:"table-toolbar-title",class:"tds-table__title"},this.tableTitle),a("slot",{key:"fe27e4a5f5fb81040deb6df122fafa9172fc2c54",name:"start"})),a("div",{key:"2d146dfb716542c6c44a67404e2b537dfd730887",class:"tds-table__actionbar"},this.filter&&a("div",{key:"a2aee3c2a1dc9873c66e9e916af036a5e4851cf5",class:"tds-table__searchbar"},a("input",{key:"a8d9cc52b1e90d43ef9be1d198962d2c8bc54ea8",class:"tds-table__searchbar-input",type:"text",onKeyUp:t=>this.handleSearch(t),"aria-label":this.tdsSearchAriaLabel}),a("span",{key:"77bf8cff14864f3f36a2e94d34cbcbba361b700c",class:"tds-table__searchbar-icon"},a("tds-icon",{key:"a4de427ffa05d9d08b183ecedfd6105abe9d9e35",name:"search",size:"20px"}))),a("slot",{key:"95c49753b2cc07b4dc211dc8b18ae88eb1170838",name:"end"}))))}get host(){return r(this)}};i.style=':host{box-sizing:border-box;background-color:var(--table-toolbar);color:var(--table-text);padding:0 var(--tds-spacing-element-16);display:table-caption;position:relative;height:64px;border-top-left-radius:4px;border-top-right-radius:4px}:host *{box-sizing:border-box}:host .tds-table__upper-bar-flex{width:100%;height:100%;display:flex;justify-content:space-between}:host .tds-table__actionbar-left{display:flex}:host .tds-table__title{font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform);padding-top:var(--tds-spacing-element-16);margin-right:var(--tds-spacing-element-8);text-align:left}:host .tds-table__actionbar,:host slot[name=end]::slotted(*),:host slot[name=start]::slotted(*){display:flex;align-self:center}:host .tds-table__searchbar{display:flex;align-self:center;position:relative;height:40px;width:40px;border-radius:4px 4px 0 0;transition:background-color 250ms ease, width 250ms ease;overflow:hidden;background-color:transparent}:host .tds-table__searchbar::after{background-color:var(--table-toolbar-searchbar-border-bottom);content:"";width:100%;height:2px;position:absolute;bottom:0;transform:scaleX(0);transition:transform 150ms ease}:host .tds-table__searchbar:focus-within::after{transform:scaleX(100%)}:host .tds-table__searchbar:focus-within,:host .tds-table__searchbar.tds-table__searchbar--active{background-color:var(--table-toolbar-searchbar);width:208px}:host .tds-table__searchbar:focus-within:hover,:host .tds-table__searchbar.tds-table__searchbar--active:hover{background-color:var(--table-toolbar-searchbar)}:host .tds-table__searchbar .tds-table__searchbar-input{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--table-text);z-index:1;width:100%;height:100%;border:none;padding:0 36px 0 16px;background-color:transparent;outline:none;cursor:pointer}:host .tds-table__searchbar .tds-table__searchbar-input :focus{background-color:var(--table-toolbar-searchbar)}:host .tds-table__searchbar:hover{background-color:var(--table-toolbar-searchbar-hover)}:host .tds-table__searchbar .tds-table__searchbar-icon{z-index:0;position:absolute;right:9px;top:9px;width:20px;height:20px}:host(.toolbar__horizontal-scroll){position:absolute;top:var(--tds-spacing-element-16)}:host(.tds-table--compact){height:56px}';export{i as tds_table_toolbar}

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

@@ -1 +0,0 @@
-import{r as e,h as o,H as t}from"./p-2049fab2.js";const i=class{constructor(o){e(this,o),this.disabled=!1}render(){return o(t,{key:"64faf6cb0d6b7cf61baa086984db76a18c786920",role:"menuitem","aria-disabled":this.disabled?"true":"false"},o("div",{key:"af8cf012fd1f2e02862b5830608aadf6bc183c4b",class:{wrapper:!0,disabled:this.disabled}},o("slot",{key:"e1057d681689dc614415e980894b85a6b6289a88"})))}};i.style=':host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}:host .wrapper{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--popover-menu-text);position:relative;width:100%;display:flex;align-items:center;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-easy)}:host .wrapper:hover{cursor:pointer;background-color:var(--popover-menu-background-hover)}:host .wrapper.disabled{cursor:not-allowed;color:var(--popover-menu-item-disabled)}:host .wrapper.disabled:hover{background-color:inherit}:host .wrapper.disabled ::slotted(tds-icon){color:var(--popover-menu-item-icon-disabled)}:host .wrapper.disabled ::slotted(*){pointer-events:none}:host ::slotted(*:not(tds-icon)){all:unset;width:100%;display:inline-flex;display:flex;align-items:center;gap:10px;padding:10px 16px}:host ::slotted(*:focus-visible)::before{z-index:-1;content:"";display:block;position:absolute;width:calc(100% - 4px);height:100%;top:0;left:2px;outline:1px solid var(--popover-menu-item-outline-focus);outline-offset:1px}';export{i as tds_popover_menu_item}

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

@@ -1 +0,0 @@
-import{r as s,h as r,H as a}from"./p-2049fab2.js";const e=class{constructor(r){s(this,r),this.size="lg",this.variant="standard"}render(){return r(a,{key:"bf2c551b6aae9bb2c6b8c67154fd8a81bb331c6e","aria-live":"assertive",role:"status","aria-label":"loading"},r("svg",{key:"ddfe38e85892d3bd72d56dd6c9483f22d164e415",class:`tds-spinner-svg tds-spinner-svg-${this.size}`,"aria-hidden":"true"},r("circle",{key:"e2ba6926fdb28d085bdd0f0a23170fc5fb908e9e",class:`tds-spinner-circle tds-spinner-circle-${this.variant}`})))}};e.style=":host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}.tds-spinner-svg{--radius:var(--radius-lg);--stroke-width:var(--stroke-width-lg);--animation-speed:var(--speed-lg);--PI:3.14159265358979;display:block;width:calc(var(--radius) * 2);height:calc(var(--radius) * 2);transform:scale(-1, 1) rotate(-90deg);}.tds-spinner-svg-xs{--radius:8px;--stroke-width:3px;--animation-speed:1.8s}.tds-spinner-svg-sm{--radius:12px;--stroke-width:4px;--animation-speed:1.8s}.tds-spinner-svg-md{--radius:26px;--stroke-width:6px;--animation-speed:1.8s}.tds-spinner-svg-lg{--radius:42px;--stroke-width:8px;--animation-speed:2s}.tds-spinner-circle{animation:dash var(--animation-speed) cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite;cx:var(--radius);cy:var(--radius);r:calc(var(--radius) - var(--stroke-width) / 2);fill:none;--stroke-dash:calc((2 * var(--PI)) * var(--radius));stroke-dasharray:var(--stroke-dash);stroke-width:var(--stroke-width);}.tds-spinner-circle-standard{stroke:var(--spinner-background)}.tds-spinner-circle-inverted{stroke:var(--spinner-background-inverted)}@keyframes dash{from{stroke-dashoffset:calc(-1 * var(--stroke-dash))}to{stroke-dashoffset:var(--stroke-dash)}}";export{e as tds_spinner}