@maggioli-design-system/magma 2.0.0-beta.2 → 2.0.0-beta.3

package/dist/components/mds-tab-bar.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as o,h as r,Host as a,transformTag as s}from"@stencil/core/internal/client";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.changedEvent=o(this,"mdsTabBarChange",7),this.queryItems=()=>this.element.querySelectorAll("mds-tab-bar-item")}componentWillLoad(){this.queryItems().forEach(((t,e)=>t.id="mds-tab-bar-item-"+e))}changeEventHandler(t){this.queryItems().forEach(((e,o)=>{e.selected="mds-tab-bar-item-"+o===t.detail,e.selected&&this.changedEvent.emit({index:o})}))}render(){return r(a,{key:"84740f9df076cec8856a6cbe740bfc3f1611cbb8"},r("slot",{key:"0ce78860c913e57192918839130e566b349b7804"}))}get element(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-tab-bar-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:rgb(var(--tone-neutral,0 0 0));bottom:0;-webkit-box-shadow:var(--shadow-outline-light-50);box-shadow:var(--shadow-outline-light-50);display:flex;justify-content:space-around;left:0;position:fixed;right:0;transition-duration:.2s;transition-property:background-color,color,box-shadow;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}'}},[257,"mds-tab-bar",void 0,[[0,"mdsTabBarItemSelect","changeEventHandler"]]]),n=i,d=function(){"undefined"!=typeof customElements&&["mds-tab-bar"].forEach((t=>{"mds-tab-bar"===t&&(customElements.get(s(t))||customElements.define(s(t),i))}))};export{n as MdsTabBar,d as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as a,h as o,Host as i,transformTag as r}from"@stencil/core/internal/client";import{s}from"./preference.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.changedEvent=a(this,"mdsTabBarChange",7),this.queryItems=()=>this.element.querySelectorAll("mds-tab-bar-item")}componentWillLoad(){this.queryItems().forEach(((t,e)=>t.id="mds-tab-bar-item-"+e))}connectedCallback(){this.unsubscribePrefAnimation=s("animation",(t=>{this.prefAnimation=t})),this.unsubscribePrefContrast=s("contrast",(t=>{this.prefContrast=t})),this.unsubscribePrefTheme=s("theme",(t=>{this.prefTheme=t})),this.unsubscribePrefThemeScheme=s("theme-scheme",(t=>{this.prefThemeScheme=t}))}disconnectedCallback(){var t,e,a,o;null===(t=this.unsubscribePrefAnimation)||void 0===t||t.call(this),null===(e=this.unsubscribePrefContrast)||void 0===e||e.call(this),null===(a=this.unsubscribePrefTheme)||void 0===a||a.call(this),null===(o=this.unsubscribePrefThemeScheme)||void 0===o||o.call(this)}changeEventHandler(t){this.queryItems().forEach(((e,a)=>{e.selected="mds-tab-bar-item-"+a===t.detail,e.selected&&this.changedEvent.emit({index:a})}))}render(){return o(i,{key:"a874af977206198e723eeb535c7378538e474a2e","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},o("slot",{key:"68e238b6950a366c7a18a8c03d92a34040487264"}))}get element(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-ease:initial}}}:host(:not(:is([hydrated],.hydrated))),mds-tab-bar-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-tab-bar-transition-duration:var(--duration-200,.2s);--private-tab-bar-transition-duration:var(--mds-tab-bar-transition-duration);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:rgb(var(--tone-neutral,0 0 0));bottom:0;-webkit-box-shadow:var(--shadow-outline-light-50);box-shadow:var(--shadow-outline-light-50);display:flex;justify-content:space-around;left:0;position:fixed;right:0;-webkit-transition-duration:var(--private-tab-bar-transition-duration);transition-duration:var(--private-tab-bar-transition-duration);transition-property:background-color,color,box-shadow;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host([pref-animation=reduce]){--private-tab-bar-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}:host([pref-contrast=more]){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-tab-bar-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}'}},[257,"mds-tab-bar",{prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32]},[[0,"mdsTabBarItemSelect","changeEventHandler"]]]),h=n,d=function(){"undefined"!=typeof customElements&&["mds-tab-bar"].forEach((t=>{"mds-tab-bar"===t&&(customElements.get(r(t))||customElements.define(r(t),n))}))};export{h as MdsTabBar,d as defineCustomElement}

package/dist/components/mds-tab-item2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as o,Host as r,transformTag as i}from"@stencil/core/internal/client";import{c as n}from"./clsx.js";import{d as a}from"./mds-button2.js";import{d as m}from"./mds-icon2.js";import{d}from"./mds-spinner2.js";import{d as l}from"./mds-text2.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selectedEvent=s(this,"mdsTabItemSelect",7),this.focusedEvent=s(this,"mdsTabItemFocus",7),this.iconPosition="left",this.type="submit",this.size="md",this.toggle=()=>{this.disabled||(this.isSelected=!this.isSelected,this.isSelected&&this.selectedEvent.emit({target:this.element,value:this.value}))},this.focus=()=>{this.focusedEvent.emit({target:this.element,value:this.value})}}validateActive(e){this.isSelected=e,this.isSelected&&this.selectedEvent.emit({target:this.element,value:this.value})}componentWillLoad(){this.hasText=""!==this.element.innerHTML}render(){var e;return o(r,{key:"a91b51214bfa7b7b77d6dba5332904ba94827ec2"},o("mds-button",{key:"cc6ae4285e0084f5f36b28928fd1b3aced17e106",class:n("button",this.selected?"selected":""),await:this.await,disabled:null!==(e=this.disabled)&&void 0!==e?e:void 0,href:this.href,icon:this.icon,iconPosition:this.iconPosition,onKeyDown:this.focus,onClick:this.toggle,part:"button",role:"tab",label:this.label,size:this.size,type:this.type}))}get element(){return this}static get watchers(){return{selected:[{validateActive:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-tab-item-hover-background:transparent;--mds-tab-item-selected-background:transparent;--mds-tab-item-default-background:transparent;--mds-tab-item-corner-shape:round}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-tab-item-hover-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tab-item-selected-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tab-item-default-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tab-item-corner-shape{syntax:"bevel|notch|round|scoop|square|squircle";inherits:false;initial-value:round}:host{--mds-tab-item-selected-shadow:inherit;--mds-tab-item-radius:inherit;corner-shape:var(--magma-corner-shape,round);cursor:pointer;display:flex}:host-context(mds-tab[animation=slide]){--mds-tab-item-hover-background:transparent;--mds-tab-item-selected-background:transparent;--mds-tab-item-selected-shadow:none;--mds-tab-item-default-background:transparent;--mds-tab-item-default-shadow:none}.button{--mds-button-background:var(--mds-tab-item-default-background,transparent);--mds-button-color:var(--mds-tab-item-default-color,rgb(var(--tone-neutral-03,233 233 233)));--mds-button-radius:var(--mds-tab-item-radius,var(--radius-lg,16px));--mds-button-border-default-opacity:0;--mds-button-corner-shape:var(--mds-tab-item-corner-shape,round);aspect-ratio:auto;flex-grow:1}.button:hover{--mds-button-background:var(--mds-tab-item-hover-background,transparent);--mds-button-color:var(--mds-tab-item-hover-color,rgb(var(--tone-neutral-02,244 244 244)))}.button.selected,.button.selected:hover{--mds-button-background:var(--mds-tab-item-selected-background,transparent);--mds-button-color:var(--mds-tab-item-selected-color,rgb(var(--tone-neutral-01,255 255 255)));-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);pointer-events:none}:host([disabled]){pointer-events:none}:host-context(mds-tab[direction=vertical]){width:100%}:host-context(mds-tab[direction=vertical]) .button{justify-content:start}:host-context(:root.pref-contrast-more){--mds-tab-item-selected-color:rgb(var(--tone-neutral-01,255 255 255));--mds-tab-item-selected-shadow:var(--shadow-outline-strong-50)}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-tab-item-selected-color:rgb(var(--tone-neutral-01,255 255 255));--mds-tab-item-selected-shadow:var(--shadow-outline-strong-50)}}'}},[1,"mds-tab-item",{await:[516],selected:[1540],disabled:[1540],icon:[1],label:[513],iconPosition:[1,"icon-position"],type:[1],size:[513],value:[513],href:[513],isSelected:[32],hasText:[32]},void 0,{selected:[{validateActive:0}]}]);function b(){"undefined"!=typeof customElements&&["mds-tab-item","mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-tab-item":customElements.get(i(e))||customElements.define(i(e),c);break;case"mds-button":customElements.get(i(e))||a();break;case"mds-icon":customElements.get(i(e))||m();break;case"mds-spinner":customElements.get(i(e))||d();break;case"mds-text":customElements.get(i(e))||l()}}))}export{c as M,b as d}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as o,Host as i,transformTag as a}from"@stencil/core/internal/client";import{s as r}from"./preference.js";import{c as n}from"./clsx.js";import{d}from"./mds-button2.js";import{d as m}from"./mds-icon2.js";import{d as c}from"./mds-spinner2.js";import{d as l}from"./mds-text2.js";const h=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.selectedEvent=s(this,"mdsTabItemSelect",7),this.focusedEvent=s(this,"mdsTabItemFocus",7),this.iconPosition="left",this.type="submit",this.size="md",this.toggle=()=>{this.disabled||(this.isSelected=!this.isSelected,this.isSelected&&this.selectedEvent.emit({target:this.element,value:this.value}))},this.focus=()=>{this.focusedEvent.emit({target:this.element,value:this.value})}}validateActive(t){this.isSelected=t,this.isSelected&&this.selectedEvent.emit({target:this.element,value:this.value})}connectedCallback(){this.unsubscribePrefContrast=r("contrast",(t=>{this.prefContrast=t})),this.unsubscribePrefTheme=r("theme",(t=>{this.prefTheme=t})),this.unsubscribePrefThemeScheme=r("theme-scheme",(t=>{this.prefThemeScheme=t}))}disconnectedCallback(){var t,e,s;null===(t=this.unsubscribePrefContrast)||void 0===t||t.call(this),null===(e=this.unsubscribePrefTheme)||void 0===e||e.call(this),null===(s=this.unsubscribePrefThemeScheme)||void 0===s||s.call(this)}componentWillLoad(){this.hasText=""!==this.element.innerHTML}render(){var t;return o(i,{key:"cd997257998ba3d36571cb506fc91932ed7f32ba","pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},o("mds-button",{key:"cfe5fcf557eae0841c7ba6d2f3b51fef659e0af3",class:n("button",this.selected?"selected":""),await:this.await,disabled:null!==(t=this.disabled)&&void 0!==t?t:void 0,href:this.href,icon:this.icon,iconPosition:this.iconPosition,onKeyDown:this.focus,onClick:this.toggle,part:"button",role:"tab",label:this.label,size:this.size,type:this.type}))}get element(){return this}static get watchers(){return{selected:[{validateActive:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-tab-item-hover-background:#0000;--mds-tab-item-selected-background:#0000;--mds-tab-item-default-background:#0000;--mds-tab-item-corner-shape:round}}}:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-tab-item-hover-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tab-item-selected-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tab-item-default-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tab-item-corner-shape{syntax:"bevel|notch|round|scoop|square|squircle";inherits:false;initial-value:round}:host{--mds-tab-item-selected-shadow:inherit;--mds-tab-item-radius:inherit;corner-shape:var(--magma-corner-shape,round);cursor:pointer;display:flex}:host([animation=slide]){--mds-tab-item-hover-background:#0000;--mds-tab-item-selected-background:#0000;--mds-tab-item-selected-shadow:none;--mds-tab-item-default-background:#0000;--mds-tab-item-default-shadow:none}.button{--mds-button-background:var(--mds-tab-item-default-background,#0000);--mds-button-color:var(--mds-tab-item-default-color,rgb(var(--tone-neutral-03,233 233 233)));--mds-button-radius:var(--mds-tab-item-radius,var(--radius-lg,16px));--mds-button-border-default-opacity:0;--mds-button-corner-shape:var(--mds-tab-item-corner-shape,round);aspect-ratio:auto;flex-grow:1}.button:hover{--mds-button-background:var(--mds-tab-item-hover-background,#0000);--mds-button-color:var(--mds-tab-item-hover-color,rgb(var(--tone-neutral-02,244 244 244)))}.button.selected,.button.selected:hover{--mds-button-background:var(--mds-tab-item-selected-background,#0000);--mds-button-color:var(--mds-tab-item-selected-color,rgb(var(--tone-neutral-01,255 255 255)));-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);pointer-events:none}:host([disabled]){pointer-events:none}:host([direction=vertical]){width:100%}:host([direction=vertical]) .button{justify-content:start}:host([pref-contrast=more]){--mds-tab-item-selected-color:rgb(var(--tone-neutral-01,255 255 255));--mds-tab-item-selected-shadow:var(--shadow-outline-strong-50)}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-tab-item-selected-color:rgb(var(--tone-neutral-01,255 255 255));--mds-tab-item-selected-shadow:var(--shadow-outline-strong-50)}}'}},[1,"mds-tab-item",{await:[516],selected:[1540],disabled:[1540],icon:[1],label:[513],iconPosition:[1,"icon-position"],type:[1],size:[513],direction:[513],animation:[513],value:[513],href:[513],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32],isSelected:[32],hasText:[32]},void 0,{selected:[{validateActive:0}]}]);function b(){"undefined"!=typeof customElements&&["mds-tab-item","mds-button","mds-icon","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-tab-item":customElements.get(a(t))||customElements.define(a(t),h);break;case"mds-button":customElements.get(a(t))||d();break;case"mds-icon":customElements.get(a(t))||m();break;case"mds-spinner":customElements.get(a(t))||c();break;case"mds-text":customElements.get(a(t))||l()}}))}export{h as M,b as d}

package/dist/components/mds-tab2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as a,h as s,Host as r,transformTag as i}from"@stencil/core/internal/client";import{s as o,h as n}from"./aria.js";import{c as l}from"./clsx.js";import{c as d}from"./unit.js";const b=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.changedEvent=a(this,"mdsTabChange",7),this.currentItemIndex=-1,this.tabItems=[],this.contentItems=[],this.sliderWidth=-1,this.sliderHeight=-1,this.sliderOffsetX=-1,this.sliderOffsetY=-1,this.overflowLeft=!1,this.overflowRight=!1,this.direction="horizontal",this.animation="slide",this.queryContentItems=()=>Array.from(this.element.querySelectorAll(":scope > [slot=content]")),this.updateContentItems=()=>{this.contentItems=this.queryContentItems(),this.contentItems.forEach(((t,e)=>{o(t,"role","tabpanel"),o(t,"aria-labelledby",this.tabItems[e].id)})),this.selectContentItem()},this.setTabsItems=()=>{this.tabItems=Array.from(this.element.querySelectorAll("mds-tab-item")),this.currentItemIndex=-1,this.tabItems.forEach((t=>{t.size=this.size})),this.tabItems.forEach(((t,e)=>{""===t.id&&o(t,"id",n("mds-tab-item")),t.selected&&(this.currentItemIndex=e,this.currentItemEl=this.tabItems[this.currentItemIndex])}))},this.updateTabItems=()=>{this.setTabsItems(),this.overflow&&this.updateOverflowState(),this.updateSliderPosition(),this.scrollTabs(this.currentItemIndex)},this.unsetOverflowCheck=()=>{this.tabs.removeEventListener("scroll",this.updateOverflowState),this.observer.unobserve(this.tabsContainer)},this.initOverflowCheck=()=>{this.tabs.addEventListener("scroll",this.updateOverflowState),this.observer=new ResizeObserver((()=>{this.overflow&&this.updateOverflowState(),this.updateSliderPosition()})),this.observer.observe(this.tabsContainer),this.updateOverflowState()},this.updateOverflowState=()=>{if(null==this.tabs||null==this.tabsContainer)return;const t=this.tabsContainer.offsetWidth,e=this.tabs.scrollWidth,{scrollLeft:a}=this.tabs;this.overflowLeft=a>0,this.overflowRight=Math.ceil(a+t)<e-1},this.updateSliderPosition=()=>{"slide"===this.animation&&this.currentItemIndex>=0?self.requestAnimationFrame((()=>{this.sliderWidth=this.currentItemEl.offsetWidth,this.sliderHeight=this.currentItemEl.offsetHeight,this.sliderOffsetX=this.currentItemEl.offsetLeft-this.tabsContainer.offsetLeft,this.sliderOffsetY=this.currentItemEl.offsetTop-this.tabsContainer.offsetTop+this.currentItemEl.offsetHeight-this.sliderHeight})):(this.sliderHeight=-1,this.sliderOffsetX=-1,this.sliderOffsetY=-1,this.sliderWidth=-1)},this.scrollTabs=t=>{const e=this.tabItems[t];setTimeout((()=>{this.tabs.scrollLeft=e.offsetLeft-this.tabs.offsetLeft-this.tabs.offsetWidth/2+e.offsetWidth/2,this.updateOverflowState()}),d(this.cssSlideDelayDuration))},this.selectContentItem=()=>{this.contentItems.forEach(((t,e)=>{t.setAttribute("mds-tab-content-hidden",""),e===this.currentItemIndex&&t.removeAttribute("mds-tab-content-hidden")}))},this.updateCSSCustomProps=()=>{if("undefined"==typeof window)return;const t=window.getComputedStyle(this.element);this.cssSlideDelayDuration=t.getPropertyValue("--mds-tab-slide-delay")}}componentWillLoad(){this.setTabsItems()}disconnectedCallback(){this.unsetOverflowCheck()}componentDidLoad(){var t,e,a,s;this.updateCSSCustomProps(),this.tabs=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tabs"),this.tabsContainer=null===(e=this.element.shadowRoot)||void 0===e?void 0:e.querySelector(".tabs-wrapper"),null===(s=null===(a=this.element.shadowRoot)||void 0===a?void 0:a.querySelector("slot"))||void 0===s||s.addEventListener("slotchange",this.updateTabItems.bind(this)),this.updateContentItems(),this.initOverflowCheck(),this.updateSliderPosition(),this.currentItemIndex>0&&this.scrollTabs(this.currentItemIndex)}changeEventHandler(t){this.tabItems.forEach(((e,a)=>{var s;if(e.id!==t.detail.target.id)e.selected=void 0;else{this.changedEvent.emit({id:a,value:e.value}),this.currentItemIndex=a,this.currentItemEl=this.tabItems[this.currentItemIndex],this.scrollTabs(a),e.selected=!0;const t=null===(s=this.tabItems[this.currentItemIndex].shadowRoot)||void 0===s?void 0:s.querySelector("mds-button");setTimeout((()=>{t.focus()}),0)}})),this.selectContentItem(),this.updateSliderPosition()}focusEventHandler(t){this.tabItems.forEach(((e,a)=>{e.id===t.detail.target.id&&this.scrollTabs(a)}))}handleAnimationChange(){this.updateSliderPosition()}handleScrollbarChange(t){!1===t&&(this.scrollbar=void 0)}handleFillChange(t){!1===t&&(this.fill=void 0)}handleOverflowChange(t){t?this.initOverflowCheck():this.unsetOverflowCheck()}handleSizeChange(t){this.tabItems.forEach((e=>{e.size=t}))}render(){return s(r,{key:"80d8b12242b72f94479bdf196c8bc7135a305a8c"},s("div",{key:"307d15fe46c0a82d4a3f9806aecc0592e04f9cfb",class:l("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&s("div",{key:"b593c0214f0e9c11a0d8831093e08c4a96b4e6e9",class:l("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&s("div",{key:"384ef0a5d39785aee8dc42e093fe4c50b8270dc7",class:l("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),s("div",{key:"90f41f2d5ac1fc3e286ac262ae1502c5f9ebb33e",class:"tabs",part:"tabs",role:"tablist"},s("slot",{key:"4b9183053872aa01d857a3fe3a1009d50125d0b1"}),"slide"===this.animation&&s("div",{key:"fdc734f877ef9a41da18e694a7bf68bdb2bf0db5",class:"slider",part:"slider",style:{"--mds-tab-slider-width":`${this.sliderWidth}px`,"--mds-tab-slider-height":`${this.sliderHeight}px`,"--mds-tab-slider-offset-x":`${this.sliderOffsetX}px`,"--mds-tab-slider-offset-y":`${this.sliderOffsetY}px`}}))),s("div",{key:"c64737e1a93159defa4b48b56b166f508d40cf84",class:"contents",part:"contents"},s("slot",{key:"2c795ecacb613662ddd79108d8c0028bc1135fd0",name:"content",onSlotchange:this.updateContentItems})))}get element(){return this}static get watchers(){return{animation:[{handleAnimationChange:0}],scrollbar:[{handleScrollbarChange:0}],fill:[{handleFillChange:0}],overflow:[{handleOverflowChange:0}],size:[{handleSizeChange:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-tab-direction-vertical-columns:auto auto;--mds-tab-item-default-background:transparent;--mds-tab-item-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-tab-item-hover-background:transparent;--mds-tab-item-hover-color:rgb(var(--tone-neutral-02,244 244 244));--mds-tab-item-radius:var(--radius-lg,16px);--mds-tab-item-selected-background:rgb(var(--tone-neutral,0 0 0));--mds-tab-item-selected-color:rgb(var(--tone-neutral-01,255 255 255));--mds-tab-scroll-scrollbar-margin:0;--mds-tab-scroll-scrollbar-radius:0;--mds-tab-scroll-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-tab-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02,244 244 244) 30%);--mds-tab-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06,158 158 158) 30%);--mds-tab-slide-delay:.125s;--mds-tab-tabs-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tab-tabs-gap:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-overflow-shadow-size:calc(var(--spacing,.0025rem)*600);--mds-tab-tabs-padding:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-radius:var(--radius-2xl,24px);--mds-tab-tabs-wrapper-margin:0;--mds-tab-tabs-wrapper-outline-opacity:.7;--mds-tab-tabs-wrapper-shadow-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));--mds-tab-transition-duration:.5s}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-tab-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-tab-direction-vertical-columns{syntax:"<length>+|auto+";inherits:false;initial-value:auto auto}@property --mds-tab-item-default-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tab-item-hover-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tab-scroll-scrollbar-margin{syntax:"<length>";inherits:false;initial-value:0}@property --mds-tab-scroll-scrollbar-radius{syntax:"<length>";inherits:false;initial-value:0}@property --mds-tab-slide-delay{syntax:"<time>";inherits:false;initial-value:.125s}@property --mds-tab-tabs-wrapper-margin{syntax:"<length>";inherits:false;initial-value:0}@property --mds-tab-tabs-wrapper-outline-opacity{syntax:"<number>";inherits:false;initial-value:.7}@property --mds-tab-transition-duration{syntax:"<time>";inherits:false;initial-value:.5s}:host{--mds-tab-direction-vertical-columns:auto auto;--mds-tab-item-default-background:transparent;--mds-tab-item-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-tab-item-default-shadow:transparent;--mds-tab-item-hover-background:transparent;--mds-tab-item-hover-color:rgb(var(--tone-neutral-02,244 244 244));--mds-tab-item-hover-shadow:transparent;--mds-tab-item-radius:calc(var(--mds-tab-tabs-radius,var(--radius-2xl,24px)) - var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem) * 200)));--mds-tab-item-selected-background:rgb(var(--tone-neutral,0 0 0));--mds-tab-item-selected-color:rgb(var(--tone-neutral-01,255 255 255));--mds-tab-item-selected-shadow:var(--shadow-sm,0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a);--mds-tab-scroll-behavior:smooth;--mds-tab-scroll-scrollbar-margin:0;--mds-tab-scroll-scrollbar-radius:0;--mds-tab-scroll-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-tab-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02,244 244 244) 30%);--mds-tab-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06,158 158 158) 30%);--mds-tab-slide-delay:.125s;--mds-tab-tabs-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tab-tabs-gap:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-overflow-shadow-size:calc(var(--spacing,.0025rem)*600);--mds-tab-tabs-overflow-shadow:0 0 var(--mds-tab-tabs-overflow-shadow-size,calc(var(--spacing,.0025rem)*600)) -2px #00000060;--mds-tab-tabs-padding:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-radius:var(--radius-2xl,24px);--mds-tab-tabs-wrapper-margin:0;--mds-tab-tabs-wrapper-outline-opacity:.7;--mds-tab-tabs-wrapper-shadow-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));--mds-tab-tabs-wrapper-shadow:0 0 0 2px var(--mds-tab-tabs-wrapper-shadow-color,var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)))) inset;--mds-tab-transition-duration:.5s;--mds-tab-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-tab-corner-shape:var(--magma-corner-shape,round);border-radius:var(--mds-tab-tabs-radius,var(--radius-2xl,24px));corner-shape:var(--mds-tab-corner-shape,round);display:grid;gap:0 calc(var(--spacing,.0025rem)*600);grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;position:relative}@container style(--mds-tab-corner-shape:round){:host{--mds-tab-item-radius:calc(var(--mds-tab-tabs-radius,var(--radius-2xl,24px)) - calc(var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem) * 200)) * 2))}}@container style(--mds-tab-corner-shape:squircle){:host{--mds-tab-item-radius:calc(var(--mds-tab-tabs-radius,var(--radius-2xl,24px)) - calc(var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem) * 200)) * 2))}}:host([animation=slide]) ::slotted(mds-tab-item){--mds-tab-item-hover-background:transparent;--mds-tab-item-selected-background:transparent;--mds-tab-item-selected-shadow:transparent;--mds-tab-item-default-background:transparent;--mds-tab-item-default-shadow:transparent}.tabs{align-items:flex-start;background-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));box-sizing:border-box;display:flex;gap:var(--mds-tab-tabs-gap,calc(var(--spacing,.0025rem)*200));overflow:auto;padding:var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem)*200));scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition-duration:var(--mds-tab-transition-duration,.5s);transition-duration:var(--mds-tab-transition-duration,.5s);transition-property:background-color;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:0}.tabs,.tabs-wrapper{border-radius:inherit;corner-shape:inherit;position:relative}.tabs-wrapper{display:grid;flex-shrink:0;margin:var(--mds-tab-tabs-wrapper-margin,0);max-width:max-content;overflow:hidden}.tabs-wrapper--fill{max-width:100%}.tabs-wrapper:after{border-radius:inherit;corner-shape:inherit;border-radius:var(--mds-tab-tabs-radius,var(--radius-2xl,24px));-webkit-box-shadow:var(--mds-tab-tabs-wrapper-shadow);box-shadow:var(--mds-tab-tabs-wrapper-shadow);content:"";inset:0;opacity:var(--mds-tab-tabs-wrapper-outline-opacity,.7);pointer-events:none;position:absolute;transition-property:box-shadow,opacity;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:1}.contents,.tabs-wrapper:after{-webkit-transition-duration:var(--mds-tab-transition-duration,.5s);transition-duration:var(--mds-tab-transition-duration,.5s)}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:stretch;box-sizing:border-box;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*600);height:var(--mds-tab-contents-height);overflow:auto hidden;position:relative;scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;transition-property:height;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents::-webkit-scrollbar{display:none}.contents:empty{display:none}::slotted([slot=content]){flex-basis:0;flex-grow:1;min-width:100%;scroll-snap-align:start;width:100%}::slotted([slot=content][mds-tab-content-hidden]){display:none!important}.slider{--mds-tab-slider-offset-x:0;--mds-tab-slider-offset-y:0;--mds-tab-slider-width:0;--mds-tab-slider-height:0;background-color:var(--mds-tab-item-selected-background,transparent);border-radius:var(--mds-tab-item-radius,var(--radius-lg,16px));-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);corner-shape:var(--mds-tab-corner-shape);height:var(--mds-tab-slider-height);inset:0 auto auto 0;pointer-events:none;position:absolute;-webkit-transform:translate(var(--mds-tab-slider-offset-x),var(--mds-tab-slider-offset-y));transform:translate(var(--mds-tab-slider-offset-x),var(--mds-tab-slider-offset-y));-webkit-transition-duration:var(--mds-tab-transition-duration,.5s);transition-duration:var(--mds-tab-transition-duration,.5s);transition-property:background-color,box-shadow,transform,width;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);width:var(--mds-tab-slider-width);will-change:height,transform,width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}:host([direction=vertical]){grid-template-columns:var(--mds-tab-direction-vertical-columns,auto auto);grid-template-rows:1fr}:host([direction=vertical]) .tabs{align-self:start;flex-direction:column}:host([direction=vertical]) .tabs-wrapper{align-self:start;max-width:none}:host([direction=vertical][fill]) .tabs,:host([direction=vertical][fill]) .tabs-wrapper{align-self:auto}:host([direction=vertical])::slotted(mds-tab-item){width:100%}:host(:not([scrollbar])) .tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([scrollbar])) .tabs::-webkit-scrollbar{display:none}:host([scrollbar]) .tabs::-webkit-scrollbar{height:var(--mds-tab-scroll-scrollbar-size,calc(var(--spacing,.0025rem)*200));width:var(--mds-tab-scroll-scrollbar-size,calc(var(--spacing,.0025rem)*200))}:host([scrollbar]) .tabs::-webkit-scrollbar-track{background-color:var(--mds-tab-scroll-scrollbar-track-background,rgb(var(--tone-neutral-06,158 158 158) 30%));border-radius:var(--mds-tab-scroll-scrollbar-radius,0);margin-block:var(--mds-tab-scroll-scrollbar-margin,0);margin-inline:var(--mds-tab-scroll-scrollbar-margin,0)}:host([scrollbar]) .tabs::-webkit-scrollbar-thumb{background-color:var(--mds-tab-scroll-scrollbar-thumb-background,rgb(var(--tone-neutral-02,244 244 244) 30%));border-radius:var(--mds-tab-scroll-scrollbar-radius,0)}@supports (scrollbar-color:transparent transparent){.tabs{scrollbar-color:var(--mds-tab-scroll-scrollbar-thumb-background,rgb(var(--tone-neutral-02,244 244 244) 30%)) var(--mds-tab-scroll-scrollbar-track-background,rgb(var(--tone-neutral-06,158 158 158) 30%));scrollbar-width:thin}}.tabs-wrapper-overflow-left,.tabs-wrapper-overflow-right{--size:calc(var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem) * 200)) * 2);--offset-outside:calc(var(--size) + var(--mds-tab-tabs-overflow-shadow-size,calc(var(--spacing,.0025rem) * 600)));background-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));border-radius:100%;-webkit-box-shadow:var(--mds-tab-tabs-overflow-shadow);box-shadow:var(--mds-tab-tabs-overflow-shadow);content:"";display:inline-flex;height:auto;pointer-events:none;position:absolute;transition-duration:.5s;transition-property:transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:var(--size);z-index:2}.tabs-wrapper-overflow-left{inset:0 auto 0 0;-webkit-transform:translateX(calc(var(--offset-outside)*-1));transform:translateX(calc(var(--offset-outside)*-1))}.tabs-wrapper-overflow-right{inset:0 0 0 auto;-webkit-transform:translateX(var(--offset-outside));transform:translateX(var(--offset-outside))}.tabs-wrapper-overflow-left--show{transform:translate(-100%)}.tabs-wrapper-overflow-right--show{transform:translate(100%)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-tab-tabs-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-item-selected-background:rgb(var(--tone-neutral-08,107 107 107))}:host-context(:root.pref-contrast-more){--mds-tab-item-selected-shadow:var(--shadow-outline-50);--mds-tab-tabs-wrapper-shadow:0 0 0 calc(var(--spacing,.0025rem)*50) var(--mds-tab-tabs-wrapper-shadow-color,var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)))) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07,134 134 134));--mds-tab-tabs-wrapper-outline-opacity:30%}:host-context(:root.pref-animation-reduce){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-tab-tabs-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-item-selected-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-tab-item-selected-shadow:var(--shadow-outline-50);--mds-tab-tabs-wrapper-shadow:0 0 0 calc(var(--spacing,.0025rem)*50) var(--mds-tab-tabs-wrapper-shadow-color,var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)))) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07,134 134 134));--mds-tab-tabs-wrapper-outline-opacity:30%}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}}'}},[257,"mds-tab",{direction:[1537],scrollbar:[1540],animation:[513],fill:[1540],overflow:[1540],size:[1537],sliderWidth:[32],sliderHeight:[32],sliderOffsetX:[32],sliderOffsetY:[32],overflowLeft:[32],overflowRight:[32]},[[0,"mdsTabItemSelect","changeEventHandler"],[0,"mdsTabItemFocus","focusEventHandler"]],{animation:[{handleAnimationChange:0}],scrollbar:[{handleScrollbarChange:0}],fill:[{handleFillChange:0}],overflow:[{handleOverflowChange:0}],size:[{handleSizeChange:0}]}]);function m(){"undefined"!=typeof customElements&&["mds-tab"].forEach((t=>{"mds-tab"===t&&(customElements.get(i(t))||customElements.define(i(t),b))}))}export{b as M,m as d}
+import{proxyCustomElement as t,HTMLElement as a,createEvent as s,h as r,Host as i,transformTag as e}from"@stencil/core/internal/client";import{s as o,h as n}from"./aria.js";import{c as d}from"./clsx.js";import{c as l}from"./unit.js";import{s as b}from"./preference.js";const c=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.changedEvent=s(this,"mdsTabChange",7),this.currentItemIndex=-1,this.tabItems=[],this.contentItems=[],this.sliderWidth=-1,this.sliderHeight=-1,this.sliderOffsetX=-1,this.sliderOffsetY=-1,this.overflowLeft=!1,this.overflowRight=!1,this.direction="horizontal",this.animation="slide",this.queryContentItems=()=>Array.from(this.element.querySelectorAll(":scope > [slot=content]")),this.updateContentItems=()=>{this.contentItems=this.queryContentItems(),this.contentItems.forEach(((t,a)=>{o(t,"role","tabpanel"),o(t,"aria-labelledby",this.tabItems[a].id)})),this.selectContentItem()},this.setTabsItems=()=>{this.tabItems=Array.from(this.element.querySelectorAll("mds-tab-item")),this.currentItemIndex=-1,this.tabItems.forEach((t=>{t.size=this.size,t.direction=this.direction,t.animation=this.animation})),this.tabItems.forEach(((t,a)=>{""===t.id&&o(t,"id",n("mds-tab-item")),t.selected&&(this.currentItemIndex=a,this.currentItemEl=this.tabItems[this.currentItemIndex])}))},this.updateTabItems=()=>{this.setTabsItems(),this.overflow&&this.updateOverflowState(),this.updateSliderPosition(),this.scrollTabs(this.currentItemIndex)},this.unsetOverflowCheck=()=>{this.tabs.removeEventListener("scroll",this.updateOverflowState),this.observer.unobserve(this.tabsContainer)},this.initOverflowCheck=()=>{this.tabs.addEventListener("scroll",this.updateOverflowState),this.observer=new ResizeObserver((()=>{this.overflow&&this.updateOverflowState(),this.updateSliderPosition()})),this.observer.observe(this.tabsContainer),this.updateOverflowState()},this.updateOverflowState=()=>{if(null==this.tabs||null==this.tabsContainer)return;const t=this.tabsContainer.offsetWidth,a=this.tabs.scrollWidth,{scrollLeft:s}=this.tabs;this.overflowLeft=s>0,this.overflowRight=Math.ceil(s+t)<a-1},this.updateSliderPosition=()=>{"slide"===this.animation&&this.currentItemIndex>=0?self.requestAnimationFrame((()=>{this.sliderWidth=this.currentItemEl.offsetWidth,this.sliderHeight=this.currentItemEl.offsetHeight,this.sliderOffsetX=this.currentItemEl.offsetLeft-this.tabsContainer.offsetLeft,this.sliderOffsetY=this.currentItemEl.offsetTop-this.tabsContainer.offsetTop+this.currentItemEl.offsetHeight-this.sliderHeight})):(this.sliderHeight=-1,this.sliderOffsetX=-1,this.sliderOffsetY=-1,this.sliderWidth=-1)},this.scrollTabs=t=>{const a=this.tabItems[t];setTimeout((()=>{this.tabs.scrollLeft=a.offsetLeft-this.tabs.offsetLeft-this.tabs.offsetWidth/2+a.offsetWidth/2,this.updateOverflowState()}),l(this.cssSlideDelayDuration))},this.selectContentItem=()=>{this.contentItems.forEach(((t,a)=>{t.setAttribute("mds-tab-content-hidden",""),a===this.currentItemIndex&&t.removeAttribute("mds-tab-content-hidden")}))},this.updateCSSCustomProps=()=>{if("undefined"==typeof window)return;const t=window.getComputedStyle(this.element);this.cssSlideDelayDuration=t.getPropertyValue("--mds-tab-slide-delay")}}componentWillLoad(){this.setTabsItems()}connectedCallback(){this.unsubscribePrefAnimation=b("animation",(t=>{this.prefAnimation=t})),this.unsubscribePrefContrast=b("contrast",(t=>{this.prefContrast=t})),this.unsubscribePrefTheme=b("theme",(t=>{this.prefTheme=t})),this.unsubscribePrefThemeScheme=b("theme-scheme",(t=>{this.prefThemeScheme=t}))}disconnectedCallback(){var t,a,s,r;null===(t=this.unsubscribePrefAnimation)||void 0===t||t.call(this),null===(a=this.unsubscribePrefContrast)||void 0===a||a.call(this),null===(s=this.unsubscribePrefTheme)||void 0===s||s.call(this),null===(r=this.unsubscribePrefThemeScheme)||void 0===r||r.call(this),this.unsetOverflowCheck()}componentDidLoad(){var t,a,s,r;this.updateCSSCustomProps(),this.tabs=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tabs"),this.tabsContainer=null===(a=this.element.shadowRoot)||void 0===a?void 0:a.querySelector(".tabs-wrapper"),null===(r=null===(s=this.element.shadowRoot)||void 0===s?void 0:s.querySelector("slot"))||void 0===r||r.addEventListener("slotchange",this.updateTabItems.bind(this)),this.updateContentItems(),this.initOverflowCheck(),this.updateSliderPosition(),this.currentItemIndex>0&&this.scrollTabs(this.currentItemIndex)}changeEventHandler(t){this.tabItems.forEach(((a,s)=>{var r;if(a.id!==t.detail.target.id)a.selected=void 0;else{this.changedEvent.emit({id:s,value:a.value}),this.currentItemIndex=s,this.currentItemEl=this.tabItems[this.currentItemIndex],this.scrollTabs(s),a.selected=!0;const t=null===(r=this.tabItems[this.currentItemIndex].shadowRoot)||void 0===r?void 0:r.querySelector("mds-button");setTimeout((()=>{t.focus()}),0)}})),this.selectContentItem(),this.updateSliderPosition()}focusEventHandler(t){this.tabItems.forEach(((a,s)=>{a.id===t.detail.target.id&&this.scrollTabs(s)}))}handleAnimationChange(t){this.tabItems.forEach((a=>{a.animation=t})),this.updateSliderPosition()}handleDirectionChange(t){this.tabItems.forEach((a=>{a.direction=t}))}handleScrollbarChange(t){!1===t&&(this.scrollbar=void 0)}handleFillChange(t){!1===t&&(this.fill=void 0)}handleOverflowChange(t){t?this.initOverflowCheck():this.unsetOverflowCheck()}handleSizeChange(t){this.tabItems.forEach((a=>{a.size=t}))}render(){return r(i,{key:"a7d4f2735044826402658813ebc7585c46b741e3","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},r("div",{key:"8512e5e3b39460dd59135ab1e50aa2c09a736d52",class:d("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&r("div",{key:"b8893131b4210f5a0e8c76c2b2d8cc30cff2a3f1",class:d("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&r("div",{key:"2ae8c9e969d7f8c249da45e1a64f6fd1a4eacc99",class:d("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),r("div",{key:"4b7fb2d877a2cefd3e307b98e149f2e006b1eaef",class:"tabs",part:"tabs",role:"tablist"},r("slot",{key:"d67188da78030dd43bf49a163f5f17e80c0f7562"}),"slide"===this.animation&&r("div",{key:"cae0574ed230042efc63cebc4770b48591906f3c",class:"slider",part:"slider",style:{"--mds-tab-slider-width":`${this.sliderWidth}px`,"--mds-tab-slider-height":`${this.sliderHeight}px`,"--mds-tab-slider-offset-x":`${this.sliderOffsetX}px`,"--mds-tab-slider-offset-y":`${this.sliderOffsetY}px`}}))),r("div",{key:"b3a78639ddd17afc2c4b1941ef286a4d9ee2a75d",class:"contents",part:"contents"},r("slot",{key:"2844967e10dc15cddaceb52bd12865922cc87915",name:"content",onSlotchange:this.updateContentItems})))}get element(){return this}static get watchers(){return{animation:[{handleAnimationChange:0}],direction:[{handleDirectionChange:0}],scrollbar:[{handleScrollbarChange:0}],fill:[{handleFillChange:0}],overflow:[{handleOverflowChange:0}],size:[{handleSizeChange:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-tab-direction-vertical-columns:auto auto;--mds-tab-item-default-background:#0000;--mds-tab-item-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-tab-item-hover-background:#0000;--mds-tab-item-hover-color:rgb(var(--tone-neutral-02,244 244 244));--mds-tab-item-radius:var(--radius-lg,16px);--mds-tab-item-selected-background:rgb(var(--tone-neutral,0 0 0));--mds-tab-item-selected-color:rgb(var(--tone-neutral-01,255 255 255));--mds-tab-scroll-scrollbar-margin:0;--mds-tab-scroll-scrollbar-radius:0;--mds-tab-scroll-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-tab-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02,244 244 244) 30%);--mds-tab-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06,158 158 158) 30%);--mds-tab-slide-delay:.125s;--mds-tab-tabs-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tab-tabs-gap:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-overflow-shadow-size:calc(var(--spacing,.0025rem)*600);--mds-tab-tabs-padding:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-radius:var(--radius-2xl,24px);--mds-tab-tabs-wrapper-margin:0;--mds-tab-tabs-wrapper-outline-opacity:.7;--mds-tab-tabs-wrapper-shadow-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));--mds-tab-transition-duration:.5s}}}:host(:not(:is([hydrated],.hydrated))),mds-tab-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-tab-direction-vertical-columns{syntax:"<length>+|auto+";inherits:false;initial-value:auto auto}@property --mds-tab-item-default-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tab-item-hover-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tab-scroll-scrollbar-margin{syntax:"<length>";inherits:false;initial-value:0}@property --mds-tab-scroll-scrollbar-radius{syntax:"<length>";inherits:false;initial-value:0}@property --mds-tab-slide-delay{syntax:"<time>";inherits:false;initial-value:.125s}@property --mds-tab-tabs-wrapper-margin{syntax:"<length>";inherits:false;initial-value:0}@property --mds-tab-tabs-wrapper-outline-opacity{syntax:"<number>";inherits:false;initial-value:.7}@property --mds-tab-transition-duration{syntax:"<time>";inherits:false;initial-value:.5s}:host{--mds-tab-direction-vertical-columns:auto auto;--mds-tab-item-default-background:#0000;--mds-tab-item-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-tab-item-default-shadow:#0000;--mds-tab-item-hover-background:#0000;--mds-tab-item-hover-color:rgb(var(--tone-neutral-02,244 244 244));--mds-tab-item-hover-shadow:#0000;--mds-tab-item-radius:calc(var(--mds-tab-tabs-radius,var(--radius-2xl,24px)) - var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem) * 200)));--mds-tab-item-selected-background:rgb(var(--tone-neutral,0 0 0));--mds-tab-item-selected-color:rgb(var(--tone-neutral-01,255 255 255));--mds-tab-item-selected-shadow:var(--shadow-sm,0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a);--mds-tab-scroll-behavior:smooth;--mds-tab-scroll-scrollbar-margin:0;--mds-tab-scroll-scrollbar-radius:0;--mds-tab-scroll-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-tab-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02,244 244 244) 30%);--mds-tab-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06,158 158 158) 30%);--mds-tab-slide-delay:.125s;--mds-tab-tabs-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tab-tabs-gap:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-overflow-shadow-size:calc(var(--spacing,.0025rem)*600);--mds-tab-tabs-overflow-shadow:0 0 var(--mds-tab-tabs-overflow-shadow-size,calc(var(--spacing,.0025rem)*600)) -2px #00000060;--mds-tab-tabs-padding:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-radius:var(--radius-2xl,24px);--mds-tab-tabs-wrapper-margin:0;--mds-tab-tabs-wrapper-outline-opacity:.7;--mds-tab-tabs-wrapper-shadow-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));--mds-tab-tabs-wrapper-shadow:0 0 0 2px var(--mds-tab-tabs-wrapper-shadow-color,var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)))) inset;--mds-tab-transition-duration:.5s;--private-tab-transition-duration:var(--mds-tab-transition-duration,.5s);--mds-tab-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-tab-corner-shape:var(--magma-corner-shape,round);border-radius:var(--mds-tab-tabs-radius,var(--radius-2xl,24px));corner-shape:var(--mds-tab-corner-shape,round);display:grid;gap:0 calc(var(--spacing,.0025rem)*600);grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;position:relative}@container style(--mds-tab-corner-shape:round){:host{--mds-tab-item-radius:calc(var(--mds-tab-tabs-radius,var(--radius-2xl,24px)) - calc(var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem) * 200)) * 2))}}@container style(--mds-tab-corner-shape:squircle){:host{--mds-tab-item-radius:calc(var(--mds-tab-tabs-radius,var(--radius-2xl,24px)) - calc(var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem) * 200)) * 2))}}:host([animation=slide]) ::slotted(mds-tab-item){--mds-tab-item-hover-background:#0000;--mds-tab-item-selected-background:#0000;--mds-tab-item-selected-shadow:#0000;--mds-tab-item-default-background:#0000;--mds-tab-item-default-shadow:#0000}.tabs{align-items:flex-start;background-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));box-sizing:border-box;display:flex;gap:var(--mds-tab-tabs-gap,calc(var(--spacing,.0025rem)*200));overflow:auto;padding:var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem)*200));scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition-duration:var(--private-tab-transition-duration);transition-duration:var(--private-tab-transition-duration);transition-property:background-color;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:0}.tabs,.tabs-wrapper{border-radius:inherit;corner-shape:inherit;position:relative}.tabs-wrapper{display:grid;flex-shrink:0;margin:var(--mds-tab-tabs-wrapper-margin,0);max-width:max-content;overflow:hidden}.tabs-wrapper--fill{max-width:100%}.tabs-wrapper:after{border-radius:inherit;corner-shape:inherit;border-radius:var(--mds-tab-tabs-radius,var(--radius-2xl,24px));-webkit-box-shadow:var(--mds-tab-tabs-wrapper-shadow);box-shadow:var(--mds-tab-tabs-wrapper-shadow);content:"";inset:0;opacity:var(--mds-tab-tabs-wrapper-outline-opacity,.7);pointer-events:none;position:absolute;-webkit-transition-duration:var(--private-tab-transition-duration);transition-duration:var(--private-tab-transition-duration);-webkit-transition-duration:var(--mds-tab-transition-duration,.5s);transition-duration:var(--mds-tab-transition-duration,.5s);transition-property:box-shadow,opacity;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:1}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:stretch;box-sizing:border-box;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*600);height:var(--mds-tab-contents-height);overflow:auto hidden;position:relative;scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-transition-duration:var(--private-tab-transition-duration);transition-duration:var(--private-tab-transition-duration);transition-property:height;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents::-webkit-scrollbar{display:none}.contents:empty{display:none}::slotted([slot=content]){flex-basis:0;flex-grow:1;min-width:100%;scroll-snap-align:start;width:100%}::slotted([slot=content][mds-tab-content-hidden]){display:none!important}.slider{--mds-tab-slider-offset-x:0;--mds-tab-slider-offset-y:0;--mds-tab-slider-width:0;--mds-tab-slider-height:0;background-color:var(--mds-tab-item-selected-background,#0000);border-radius:var(--mds-tab-item-radius,var(--radius-lg,16px));-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);corner-shape:var(--mds-tab-corner-shape);height:var(--mds-tab-slider-height);inset:0 auto auto 0;pointer-events:none;position:absolute;-webkit-transform:translate(var(--mds-tab-slider-offset-x),var(--mds-tab-slider-offset-y));transform:translate(var(--mds-tab-slider-offset-x),var(--mds-tab-slider-offset-y));-webkit-transition-duration:var(--mds-tab-transition-duration,.5s);transition-duration:var(--mds-tab-transition-duration,.5s);transition-property:background-color,box-shadow,transform,width;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);width:var(--mds-tab-slider-width);will-change:height,transform,width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}:host([direction=vertical]){grid-template-columns:var(--mds-tab-direction-vertical-columns,auto auto);grid-template-rows:1fr}:host([direction=vertical]) .tabs{align-self:start;flex-direction:column}:host([direction=vertical]) .tabs-wrapper{align-self:start;max-width:none}:host([direction=vertical][fill]) :is(.tabs,.tabs-wrapper){align-self:auto}:host([direction=vertical])::slotted(mds-tab-item){width:100%}:host(:not([scrollbar])) .tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([scrollbar])) .tabs::-webkit-scrollbar{display:none}:host([scrollbar]) .tabs::-webkit-scrollbar{height:var(--mds-tab-scroll-scrollbar-size,calc(var(--spacing,.0025rem)*200));width:var(--mds-tab-scroll-scrollbar-size,calc(var(--spacing,.0025rem)*200))}:host([scrollbar]) .tabs::-webkit-scrollbar-track{background-color:var(--mds-tab-scroll-scrollbar-track-background,rgb(var(--tone-neutral-06,158 158 158) 30%));border-radius:var(--mds-tab-scroll-scrollbar-radius,0);margin-block:var(--mds-tab-scroll-scrollbar-margin,0);margin-inline:var(--mds-tab-scroll-scrollbar-margin,0)}:host([scrollbar]) .tabs::-webkit-scrollbar-thumb{background-color:var(--mds-tab-scroll-scrollbar-thumb-background,rgb(var(--tone-neutral-02,244 244 244) 30%));border-radius:var(--mds-tab-scroll-scrollbar-radius,0)}@supports (scrollbar-color:transparent transparent){.tabs{scrollbar-color:var(--mds-tab-scroll-scrollbar-thumb-background,rgb(var(--tone-neutral-02,244 244 244) 30%)) var(--mds-tab-scroll-scrollbar-track-background,rgb(var(--tone-neutral-06,158 158 158) 30%));scrollbar-width:thin}}.tabs-wrapper-overflow-left,.tabs-wrapper-overflow-right{--size:calc(var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem) * 200)) * 2);--offset-outside:calc(var(--size) + var(--mds-tab-tabs-overflow-shadow-size,calc(var(--spacing,.0025rem) * 600)));background-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));border-radius:100%;-webkit-box-shadow:var(--mds-tab-tabs-overflow-shadow);box-shadow:var(--mds-tab-tabs-overflow-shadow);content:"";display:inline-flex;height:auto;pointer-events:none;position:absolute;transition-duration:.5s;transition-property:transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:var(--size);z-index:2}.tabs-wrapper-overflow-left{inset:0 auto 0 0;-webkit-transform:translateX(calc(var(--offset-outside)*-1));transform:translateX(calc(var(--offset-outside)*-1))}.tabs-wrapper-overflow-right{inset:0 0 0 auto;-webkit-transform:translateX(var(--offset-outside));transform:translateX(var(--offset-outside))}.tabs-wrapper-overflow-left--show{transform:translate(-100%)}.tabs-wrapper-overflow-right--show{transform:translate(100%)}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-tab-tabs-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-item-selected-background:rgb(var(--tone-neutral-08,107 107 107))}:host([pref-contrast=more]){--mds-tab-item-selected-shadow:var(--shadow-outline-50);--mds-tab-tabs-wrapper-shadow:0 0 0 calc(var(--spacing,.0025rem)*50) var(--mds-tab-tabs-wrapper-shadow-color,var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)))) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07,134 134 134));--mds-tab-tabs-wrapper-outline-opacity:30%}:host([pref-animation=reduce]){--private-tab-transition-duration:0s}@media (prefers-reduced-motion:reduce){:host{--mds-tab-scroll-behavior:auto}:host(:not([pref-animation])),:host([pref-animation=system]){--private-tab-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-tab-tabs-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-item-selected-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-tab-item-selected-shadow:var(--shadow-outline-50);--mds-tab-tabs-wrapper-shadow:0 0 0 calc(var(--spacing,.0025rem)*50) var(--mds-tab-tabs-wrapper-shadow-color,var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)))) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07,134 134 134));--mds-tab-tabs-wrapper-outline-opacity:30%}}'}},[257,"mds-tab",{direction:[1537],scrollbar:[1540],animation:[513],fill:[1540],overflow:[1540],size:[1537],prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32],sliderWidth:[32],sliderHeight:[32],sliderOffsetX:[32],sliderOffsetY:[32],overflowLeft:[32],overflowRight:[32]},[[0,"mdsTabItemSelect","changeEventHandler"],[0,"mdsTabItemFocus","focusEventHandler"]],{animation:[{handleAnimationChange:0}],direction:[{handleDirectionChange:0}],scrollbar:[{handleScrollbarChange:0}],fill:[{handleFillChange:0}],overflow:[{handleOverflowChange:0}],size:[{handleSizeChange:0}]}]);function h(){"undefined"!=typeof customElements&&["mds-tab"].forEach((t=>{"mds-tab"===t&&(customElements.get(e(t))||customElements.define(e(t),c))}))}export{c as M,h as d}

package/dist/components/mds-table-body.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as r,h as a,Host as o,transformTag as e}from"@stencil/core/internal/client";const n=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return a(o,{key:"a6a5b376b43a0be644ee648205b7e6abab0da626",role:"rowgroup"},a("slot",{key:"da15c2964399841bf18c82350d1fb258d5dfcd38"}))}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-table-body-background-hover:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)));--mds-table-body-background:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-body-background-alt:var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60))));--mds-table-body-color-alt:var(--mds-table-color-alt,rgb(var(--tone-neutral-05,197 197 197)));--mds-table-body-color:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-table-row:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-table-body-background-hover:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)));--mds-table-body-background:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-body-background-alt:var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60))));--mds-table-body-color-alt:var(--mds-table-color-alt,rgb(var(--tone-neutral-05,197 197 197)));--mds-table-body-color:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-row-color:var(--mds-table-body-color,var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244))));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-body-background,var(--mds-table-background,rgb(var(--tone-neutral,0 0 0))));display:table-row-group;overflow:hidden;transition-duration:.2s;transition-property:background-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host(:last-of-type) ::slotted(:last-of-type){--private-cell-border-color:transparent}:host-context(:not(.safari)):host([interactive]:hover){--mds-table-row-background:var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60))));--mds-table-row-color:var(--mds-table-body-color-alt,var(--mds-table-color-alt,rgb(var(--tone-neutral-05,197 197 197))))}:host([selection]){--mds-table-body-background:var(--mds-table-body-background-alt,var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)))))}:host-context(:root.pref-animation-reduce){transition-duration:0s}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}'}},[257,"mds-table-body",{interactive:[516],selection:[516]}]),d=n,b=function(){"undefined"!=typeof customElements&&["mds-table-body"].forEach((t=>{"mds-table-body"===t&&(customElements.get(e(t))||customElements.define(e(t),n))}))};export{d as MdsTableBody,b as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as a,h as r,Host as o,transformTag as e}from"@stencil/core/internal/client";import{s as n}from"./preference.js";const d=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}connectedCallback(){this.unsubscribePrefAnimation=n("animation",(t=>{this.prefAnimation=t}))}disconnectedCallback(){var t;null===(t=this.unsubscribePrefAnimation)||void 0===t||t.call(this)}render(){return r(o,{key:"2747df441238bcad421a7d83829fd37601ed845e",role:"rowgroup","pref-animation":this.prefAnimation},r("slot",{key:"8796134d65fa121fe9d36e3ee404f73c85ad94e7"}))}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-table-body-background-hover:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)));--mds-table-body-background:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-body-background-alt:var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60))));--mds-table-body-color-alt:var(--mds-table-color-alt,rgb(var(--tone-neutral-05,197 197 197)));--mds-table-body-color:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)));--tw-ease:initial}}}:host(:not(:is([hydrated],.hydrated))),mds-table-row:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-table-body-background-hover:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)));--mds-table-body-background:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-body-background-alt:var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60))));--mds-table-body-color-alt:var(--mds-table-color-alt,rgb(var(--tone-neutral-05,197 197 197)));--mds-table-body-color:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-row-color:var(--mds-table-body-color,var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244))));--mds-table-body-transition-duration:var(--duration-200,.2s);--private-table-body-transition-duration:var(--mds-table-body-transition-duration);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-body-background,var(--mds-table-background,rgb(var(--tone-neutral,0 0 0))));display:table-row-group;overflow:hidden;-webkit-transition-duration:var(--private-table-body-transition-duration);transition-duration:var(--private-table-body-transition-duration);transition-property:background-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host(:last-of-type) ::slotted(:last-of-type){--private-cell-border-color:#0000}:host([interactive]:hover){--mds-table-row-background:var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60))));--mds-table-row-color:var(--mds-table-body-color-alt,var(--mds-table-color-alt,rgb(var(--tone-neutral-05,197 197 197))))}:host([selection]){--mds-table-body-background:var(--mds-table-body-background-alt,var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)))))}:host([pref-animation=reduce]){--private-table-body-transition-duration:0s}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-table-body-transition-duration:0s}}'}},[257,"mds-table-body",{interactive:[516],selection:[516],prefAnimation:[32]}]),b=d,l=function(){"undefined"!=typeof customElements&&["mds-table-body"].forEach((t=>{"mds-table-body"===t&&(customElements.get(e(t))||customElements.define(e(t),d))}))};export{b as MdsTableBody,l as defineCustomElement}

package/dist/components/mds-table-cell2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as r,Host as o,transformTag as a}from"@stencil/core/internal/client";import{s as l}from"./aria.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}componentWillLoad(){l(this.host,"role","cell")}render(){return r(o,{key:"23bf4e14f265a14bdd0ee6fc81ebb76b0b3077c1"},r("slot",{key:"8d17336ccffc0ca1735fa1af852d93dd64e86973"}))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-table-cell-background:var(--mds-table-row-background);--mds-table-cell-background-alt:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-cell-color-alt:var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-cell-color:var(--mds-table-row-color);--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host{--mds-table-cell-background:var(--mds-table-row-background);--mds-table-cell-background-alt:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-cell-color-alt:var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-cell-color:var(--mds-table-row-color);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-cell-background,var(--mds-table-row-background));border-bottom:var(--private-cell-border-width) solid var(--private-cell-border-color)!important;border-top:var(--private-cell-border-width) solid transparent!important;color:var(--mds-table-cell-color,var(--mds-table-row-color));display:table-cell;padding:var(--mds-table-cell-padding,calc(var(--spacing,.0025rem)*400));transition-duration:.2s;transition-property:background-color,border-color,color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host([selected]){--mds-table-cell-background:var(--mds-table-cell-background-alt,var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0))));--mds-table-cell-color:var(--mds-table-cell-color-alt,var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244))))}:host([sorted]){--mds-table-cell-background:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-cell-color:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)))}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}'}},[257,"mds-table-cell",{value:[520]}]);function n(){"undefined"!=typeof customElements&&["mds-table-cell"].forEach((e=>{"mds-table-cell"===e&&(customElements.get(a(e))||customElements.define(a(e),s))}))}export{s as M,n as d}
+import{proxyCustomElement as r,HTMLElement as t,h as a,Host as e,transformTag as o}from"@stencil/core/internal/client";import{s as l}from"./aria.js";import{s as n}from"./preference.js";const i=r(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}componentWillLoad(){l(this.host,"role","cell")}connectedCallback(){this.unsubscribePrefAnimation=n("animation",(r=>{this.prefAnimation=r}))}disconnectedCallback(){var r;null===(r=this.unsubscribePrefAnimation)||void 0===r||r.call(this)}render(){return a(e,{key:"cb36677b929728cfe418b9fbcc528fb36769f62c","pref-animation":this.prefAnimation},a("slot",{key:"cfad63ed2784a464f48ab96fa1ba67184afc6aba"}))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-table-cell-background:var(--mds-table-row-background);--mds-table-cell-background-alt:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-cell-color-alt:var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-cell-color:var(--mds-table-row-color);--tw-ease:initial}}}:host{--mds-table-cell-background:var(--mds-table-row-background);--mds-table-cell-background-alt:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-cell-color-alt:var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-cell-color:var(--mds-table-row-color);--mds-table-cell-transition-duration:var(--duration-200,.2s);--private-table-cell-transition-duration:var(--mds-table-cell-transition-duration);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-cell-background,var(--mds-table-row-background));border-bottom:var(--private-cell-border-width) solid var(--private-cell-border-color)!important;border-top:var(--private-cell-border-width) solid #0000!important;color:var(--mds-table-cell-color,var(--mds-table-row-color));display:table-cell;padding:var(--mds-table-cell-padding,calc(var(--spacing,.0025rem)*400));-webkit-transition-duration:var(--private-table-cell-transition-duration);transition-duration:var(--private-table-cell-transition-duration);transition-property:background-color,border-color,color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host([pref-animation=reduce]){--private-table-cell-transition-duration:0s}:host([selected]){--mds-table-cell-background:var(--mds-table-cell-background-alt,var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0))));--mds-table-cell-color:var(--mds-table-cell-color-alt,var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244))))}:host([sorted]){--mds-table-cell-background:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-cell-color:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)))}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-table-cell-transition-duration:0s}}'}},[257,"mds-table-cell",{value:[520],prefAnimation:[32]}]);function s(){"undefined"!=typeof customElements&&["mds-table-cell"].forEach((r=>{"mds-table-cell"===r&&(customElements.get(o(r))||customElements.define(o(r),i))}))}export{i as M,s as d}

package/dist/components/mds-table-footer.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as o,Host as r,transformTag as i}from"@stencil/core/internal/client";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return o(r,{key:"99c02de554402662fb728dd214d0928e4a554a80",role:"row"},o("slot",{key:"8afc57c85ff9d5b44c3d0a580e4132ca3b6dab27"}))}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-table-cell:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-top:var(--private-cell-border-width) solid var(--private-cell-border-color);display:table-row;overflow:hidden;transition-duration:.2s;transition-property:border-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}::slotted(mds-table-cell){--private-cell-border-color:transparent}:host-context(:root.pref-animation-reduce){transition-duration:0s}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}'}},[257,"mds-table-footer"]),a=n,s=function(){"undefined"!=typeof customElements&&["mds-table-footer"].forEach((t=>{"mds-table-footer"===t&&(customElements.get(i(t))||customElements.define(i(t),n))}))};export{a as MdsTableFooter,s as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as r,Host as o,transformTag as i}from"@stencil/core/internal/client";import{s as a}from"./preference.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}connectedCallback(){this.unsubscribePrefAnimation=a("animation",(t=>{this.prefAnimation=t}))}disconnectedCallback(){var t;null===(t=this.unsubscribePrefAnimation)||void 0===t||t.call(this)}render(){return r(o,{key:"3a5ce1c2dcb5748a7fd552a3abb7fb2adb1030a7",role:"row","pref-animation":this.prefAnimation},r("slot",{key:"c08a5999b5676f7810c5cb4b4fc3e3ab62b0df7f"}))}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-ease:initial}}}:host(:not(:is([hydrated],.hydrated))),mds-table-cell:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-table-footer-transition-duration:var(--duration-200,.2s);--private-table-footer-transition-duration:var(--mds-table-footer-transition-duration);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-top:var(--private-cell-border-width) solid var(--private-cell-border-color);display:table-row;overflow:hidden;-webkit-transition-duration:var(--private-table-footer-transition-duration);transition-duration:var(--private-table-footer-transition-duration);transition-property:border-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}::slotted(mds-table-cell){--private-cell-border-color:#0000}:host([pref-animation=reduce]){--private-table-footer-transition-duration:0s}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-table-footer-transition-duration:0s}}'}},[257,"mds-table-footer",{prefAnimation:[32]}]),s=n,d=function(){"undefined"!=typeof customElements&&["mds-table-footer"].forEach((t=>{"mds-table-footer"===t&&(customElements.get(i(t))||customElements.define(i(t),n))}))};export{s as MdsTableFooter,d as defineCustomElement}

package/dist/components/mds-table-header-cell2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as i,Host as s,transformTag as r}from"@stencil/core/internal/client";import{m as o}from"./keyboard-arrow-up.js";import{m as n}from"./keyboard-arrow-down.js";import{c as a}from"./clsx.js";import{d as l}from"./mds-button2.js";import{d}from"./mds-icon2.js";import{d as h}from"./mds-spinner2.js";import{d as c}from"./mds-text2.js";var m;!function(t){t.ASC="ascending",t.DESC="descending",t.NONE="none"}(m||(m={}));const b=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isAscending=!0,this.currentDirection=m.NONE,this.index=0,this.direction="none",this.prepareSorter=()=>{var t,e,i;!this.sortable||this.sortable&&void 0!==(null===(t=this.tableHeaderCellSiblings)||void 0===t?void 0:t.length)&&0!==(null===(e=this.tableHeaderCellSiblings)||void 0===e?void 0:e.length)||(this.tableBody=null===(i=this.element.closest("mds-table"))||void 0===i?void 0:i.querySelector("mds-table-body"),this.tableHeader=this.element.closest("mds-table-header"),this.tableHeaderCellSiblings=Array.from(this.tableHeader.children),this.index=this.tableHeaderCellSiblings.indexOf(this.element),this.tableRows=Array.from(this.tableBody.children),this.tableRowsDefaultSorted=Array.from(this.tableBody.children))},this.getValue=t=>void 0===t.value||""===t.value||0===t.value||Number.isNaN(t.value)?null!==t.textContent&&""!==t.textContent?t.textContent.trim():"":t.value,this.resetSortAttribute=()=>{this.tableHeaderCellSiblings.forEach((t=>{this.tableHeaderCellSiblings.indexOf(t)!==this.index&&(t.direction="none")})),this.tableRows=Array.from(this.tableBody.children),this.tableRows.forEach((t=>{Array.from(t.children).forEach(((t,e)=>{this.index!==e||this.currentDirection===m.NONE?t.removeAttribute("sorted"):t.setAttribute("sorted","")}))}))},this.sortRows=()=>{this.currentDirection!==m.NONE?(this.tableRows=Array.from(this.tableBody.children),[...this.tableRows].sort(((t,e)=>{const i=this.getValue(t.querySelectorAll("mds-table-cell")[this.index]),s=this.getValue(e.querySelectorAll("mds-table-cell")[this.index]);return isNaN(Number(i))||isNaN(Number(s))?"ascending"===this.direction?String(i).localeCompare(String(s)):String(s).localeCompare(String(i)):"ascending"===this.direction?Number(i)-Number(s):Number(s)-Number(i)})).forEach((t=>this.tableBody.appendChild(t)))):this.tableRowsDefaultSorted.forEach((t=>this.tableBody.appendChild(t)))},this.updateDirection=()=>{this.currentDirection=Object.values(m)[(Object.values(m).indexOf(this.currentDirection)+1)%Object.values(m).length],this.direction=this.currentDirection.toString()},this.sort=()=>{this.updateDirection(),this.sortRows(),this.resetSortAttribute(),this.tableRows=Array.from(this.tableBody.children),this.tableRows.forEach(this.currentDirection===m.NONE?t=>{t.removeAttribute("sorted")}:t=>{t.setAttribute("sorted","")})}}componentDidLoad(){this.prepareSorter()}sortableHandler(){this.prepareSorter()}directionHandler(t){"none"===t&&(this.direction="none",this.currentDirection=m.NONE)}render(){return i(s,{key:"a9657b9d88db372312971caaf6bea2a7e6c58499",role:"columnheader","aria-sort":this.direction},this.sortable?i("mds-button",{class:"action",icon:a("none"===this.direction&&'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 5.83L15.17 9l1.41-1.41L12 3L7.41 7.59L8.83 9L12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15L12 18.17z"/></svg>',"ascending"===this.direction&&o,"descending"===this.direction&&n),"icon-position":"right",onClick:this.sort,tone:"text",variant:"dark",size:"sm",part:"action"},this.label):i("mds-text",{class:"label",typography:"label",part:"label"},this.label))}get element(){return this}static get watchers(){return{sortable:[{sortableHandler:0}],direction:[{directionHandler:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-ease:initial;--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));border-bottom:var(--private-cell-border-width) solid var(--private-cell-border-color)!important;border-top:var(--private-cell-border-width) solid transparent!important;display:table-cell;padding:var(--mds-table-cell-padding,calc(var(--spacing,.0025rem)*400));-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));vertical-align:top;white-space:nowrap}.action{margin-inline:calc(var(--spacing,.0025rem)*-200);padding-inline:calc(var(--spacing,.0025rem)*200)}.action:hover,:host([direction=ascending]) .action,:host([direction=descending]) .action{background-color:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)))}.action::part(label){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);min-height:auto;text-box:trim-both cap alphabetic;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-size-info-label,.75rem);font-weight:var(--tw-font-weight,var(--text-size-info-label--font-weight,700));line-height:var(--tw-leading,var(--text-size-info-label--line-height,1rem))}.label{align-items:center;display:inline-flex;height:calc(var(--spacing,.0025rem)*700)}:host-context(:root.pref-animation-reduce){transition-duration:0s}@property --tw-ease{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}'}},[1,"mds-table-header-cell",{sortable:[516],label:[513],direction:[1537],isAscending:[32]},void 0,{sortable:[{sortableHandler:0}],direction:[{directionHandler:0}]}]);function p(){"undefined"!=typeof customElements&&["mds-table-header-cell","mds-button","mds-icon","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-table-header-cell":customElements.get(r(t))||customElements.define(r(t),b);break;case"mds-button":customElements.get(r(t))||l();break;case"mds-icon":customElements.get(r(t))||d();break;case"mds-spinner":customElements.get(r(t))||h();break;case"mds-text":customElements.get(r(t))||c()}}))}export{b as M,p as d}
+import{proxyCustomElement as t,HTMLElement as e,h as i,Host as r,transformTag as s}from"@stencil/core/internal/client";import{s as a}from"./preference.js";import{m as n}from"./keyboard-arrow-up.js";import{m as o}from"./keyboard-arrow-down.js";import{c as l}from"./clsx.js";import{d}from"./mds-button2.js";import{d as h}from"./mds-icon2.js";import{d as c}from"./mds-spinner2.js";import{d as m}from"./mds-text2.js";var b;!function(t){t.ASC="ascending",t.DESC="descending",t.NONE="none"}(b||(b={}));const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isAscending=!0,this.currentDirection=b.NONE,this.index=0,this.direction="none",this.prepareSorter=()=>{var t,e,i;!this.sortable||this.sortable&&void 0!==(null===(t=this.tableHeaderCellSiblings)||void 0===t?void 0:t.length)&&0!==(null===(e=this.tableHeaderCellSiblings)||void 0===e?void 0:e.length)||(this.tableBody=null===(i=this.element.closest("mds-table"))||void 0===i?void 0:i.querySelector("mds-table-body"),this.tableHeader=this.element.closest("mds-table-header"),this.tableHeaderCellSiblings=Array.from(this.tableHeader.children),this.index=this.tableHeaderCellSiblings.indexOf(this.element),this.tableRows=Array.from(this.tableBody.children),this.tableRowsDefaultSorted=Array.from(this.tableBody.children))},this.getValue=t=>void 0===t.value||""===t.value||0===t.value||Number.isNaN(t.value)?null!==t.textContent&&""!==t.textContent?t.textContent.trim():"":t.value,this.resetSortAttribute=()=>{this.tableHeaderCellSiblings.forEach((t=>{this.tableHeaderCellSiblings.indexOf(t)!==this.index&&(t.direction="none")})),this.tableRows=Array.from(this.tableBody.children),this.tableRows.forEach((t=>{Array.from(t.children).forEach(((t,e)=>{this.index!==e||this.currentDirection===b.NONE?t.removeAttribute("sorted"):t.setAttribute("sorted","")}))}))},this.sortRows=()=>{this.currentDirection!==b.NONE?(this.tableRows=Array.from(this.tableBody.children),[...this.tableRows].sort(((t,e)=>{const i=this.getValue(t.querySelectorAll("mds-table-cell")[this.index]),r=this.getValue(e.querySelectorAll("mds-table-cell")[this.index]);return isNaN(Number(i))||isNaN(Number(r))?"ascending"===this.direction?String(i).localeCompare(String(r)):String(r).localeCompare(String(i)):"ascending"===this.direction?Number(i)-Number(r):Number(r)-Number(i)})).forEach((t=>this.tableBody.appendChild(t)))):this.tableRowsDefaultSorted.forEach((t=>this.tableBody.appendChild(t)))},this.updateDirection=()=>{this.currentDirection=Object.values(b)[(Object.values(b).indexOf(this.currentDirection)+1)%Object.values(b).length],this.direction=this.currentDirection.toString()},this.sort=()=>{this.updateDirection(),this.sortRows(),this.resetSortAttribute(),this.tableRows=Array.from(this.tableBody.children),this.tableRows.forEach(this.currentDirection===b.NONE?t=>{t.removeAttribute("sorted")}:t=>{t.setAttribute("sorted","")})}}connectedCallback(){this.unsubscribePrefAnimation=a("animation",(t=>{this.prefAnimation=t}))}disconnectedCallback(){var t;null===(t=this.unsubscribePrefAnimation)||void 0===t||t.call(this)}componentDidLoad(){this.prepareSorter()}sortableHandler(){this.prepareSorter()}directionHandler(t){"none"===t&&(this.direction="none",this.currentDirection=b.NONE)}render(){return i(r,{key:"c579b2b835dfa7c4d0fff43ffca5ab8bdcf053c1",role:"columnheader","aria-sort":this.direction,"pref-animation":this.prefAnimation},this.sortable?i("mds-button",{class:"action",icon:l("none"===this.direction&&'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 5.83L15.17 9l1.41-1.41L12 3L7.41 7.59L8.83 9L12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15L12 18.17z"/></svg>',"ascending"===this.direction&&n,"descending"===this.direction&&o),"icon-position":"right",onClick:this.sort,tone:"text",variant:"dark",size:"sm",part:"action"},this.label):i("mds-text",{class:"label",typography:"label",part:"label"},this.label))}get element(){return this}static get watchers(){return{sortable:[{sortableHandler:0}],direction:[{directionHandler:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-ease:initial;--tw-font-weight:initial}}}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-table-header-cell-transition-duration:var(--duration-200,.2s);--private-table-header-cell-transition-duration:var(--mds-table-header-cell-transition-duration);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));border-bottom:var(--private-cell-border-width) solid var(--private-cell-border-color)!important;border-top:var(--private-cell-border-width) solid #0000!important;display:table-cell;padding:var(--mds-table-cell-padding,calc(var(--spacing,.0025rem)*400));-webkit-transition-duration:var(--private-table-header-cell-transition-duration);transition-duration:var(--private-table-header-cell-transition-duration);transition-property:background-color,border-color,color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));vertical-align:top;white-space:nowrap}.action{margin-inline:calc(var(--spacing,.0025rem)*-200);padding-inline:calc(var(--spacing,.0025rem)*200)}.action:hover,:host([direction=ascending]) .action,:host([direction=descending]) .action{background-color:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)))}.action::part(label){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);min-height:auto;text-box:trim-both cap alphabetic;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-size-info-label,.75rem);font-weight:var(--tw-font-weight,var(--text-size-info-label--font-weight,700));line-height:var(--tw-leading,var(--text-size-info-label--line-height,1rem))}.label{align-items:center;display:inline-flex;height:calc(var(--spacing,.0025rem)*700)}:host([pref-animation=reduce]){--private-table-header-cell-transition-duration:0s}@property --tw-ease{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-table-header-cell-transition-duration:0s}}'}},[1,"mds-table-header-cell",{sortable:[516],label:[513],direction:[1537],isAscending:[32],prefAnimation:[32]},void 0,{sortable:[{sortableHandler:0}],direction:[{directionHandler:0}]}]);function u(){"undefined"!=typeof customElements&&["mds-table-header-cell","mds-button","mds-icon","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-table-header-cell":customElements.get(s(t))||customElements.define(s(t),p);break;case"mds-button":customElements.get(s(t))||d();break;case"mds-icon":customElements.get(s(t))||h();break;case"mds-spinner":customElements.get(s(t))||c();break;case"mds-text":customElements.get(s(t))||m()}}))}export{p as M,u as d}

package/dist/components/mds-table-header.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as o}from"@stencil/core/internal/client";import{L as a}from"./locale.js";import{d as n}from"./mds-button2.js";import{d as r}from"./mds-icon2.js";import{d as l}from"./mds-input-switch2.js";import{d as c}from"./mds-spinner2.js";import{d}from"./mds-table-cell2.js";import{d as m}from"./mds-table-header-cell2.js";import{d as h}from"./mds-text2.js";var b={actions:"Ενέργεια",selectAllRows:"Επιλογή όλων των γραμμών",selectNoneRows:"Αποεπιλογή όλων των γραμμών"},u={actions:"Action",selectAllRows:"Select all rows",selectNoneRows:"Deselect all rows"},p={actions:"Acción",selectAllRows:"Seleccionar todas las filas",selectNoneRows:"Deseleccionar todas las filas"},f={actions:"Azione",selectAllRows:"Seleziona tutte le righe",selectNoneRows:"Deseleziona tutte le righe"};const y=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selectAll=!1,this.hasActions=!1,this.indeterminate=!1,this.hasSelection=!1,this.t=new a({el:b,en:u,es:p,it:f}),this.handleSelectAllChange=e=>{var t;this.selectAll=!!this.indeterminate||null!==(t=e.detail.checked)&&void 0!==t&&t,this.indeterminate=!1,this.table.selectAll(this.selectAll)}}async updateLang(){this.language=this.t.lang(this.host),this.t.update()}async setSelection(e,t){var s;this.indeterminate=0!==e&&e!==t,this.indeterminate&&null==this.checkboxEl&&(this.checkboxEl=null===(s=this.host.shadowRoot)||void 0===s?void 0:s.querySelector(".checkbox")),this.checkboxEl.checked=e===t}componentWillLoad(){this.language=this.t.lang(this.host),this.table=this.host.closest("mds-table"),this.hasActions=null!==this.table.querySelector('mds-table-row > [slot="action"]')}render(){return s(i,{key:"4c1907b2a9d7f3be74b77ea8c4897b39337062f7",role:"row"},this.selectable&&s("mds-table-cell",{key:"da97fe04013a2d0627e7d42d83383b1bdc5ad20a",class:"selection",role:"columnheader"},s("div",{key:"25d63dba96cfa5d0b797644fe5ade059a27130ab",class:"checkbox-wrapper"},s("mds-input-switch",{key:"d048fc26d2d851383851907a10fdea46c028af8b",class:"checkbox",title:this.t.get(this.selectAll?"selectNoneRows":"selectAllRows"),lang:this.language,type:"checkbox",onMdsInputSwitchChange:this.handleSelectAllChange,indeterminate:this.indeterminate}))),s("slot",{key:"02ff4fdb5d9703d6300aac7cdb6ecf090f8db974"}),this.hasActions&&s("mds-table-header-cell",{key:"77b1de04053c57ead60a545d134f60d54de1da48",part:"actions",class:"actions",label:this.t.get("actions")}))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-input-switch,mds-table-cell,mds-table-header-cell):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-bottom:var(--private-cell-border-width) solid var(--private-cell-border-color);display:table-row;overflow:hidden;transition-duration:.2s;transition-property:border-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.actions{text-align:right}.selection{vertical-align:middle}.checkbox-wrapper{display:flex}:host-context(:root.pref-animation-reduce){transition-duration:0s}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}'}},[257,"mds-table-header",{selectable:[4],selectAll:[32],hasActions:[32],indeterminate:[32],hasSelection:[32],language:[32],updateLang:[64],setSelection:[64]}]),w=y,v=function(){"undefined"!=typeof customElements&&["mds-table-header","mds-button","mds-icon","mds-input-switch","mds-spinner","mds-table-cell","mds-table-header-cell","mds-text"].forEach((e=>{switch(e){case"mds-table-header":customElements.get(o(e))||customElements.define(o(e),y);break;case"mds-button":customElements.get(o(e))||n();break;case"mds-icon":customElements.get(o(e))||r();break;case"mds-input-switch":customElements.get(o(e))||l();break;case"mds-spinner":customElements.get(o(e))||c();break;case"mds-table-cell":customElements.get(o(e))||d();break;case"mds-table-header-cell":customElements.get(o(e))||m();break;case"mds-text":customElements.get(o(e))||h()}}))};export{w as MdsTableHeader,v as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as a}from"@stencil/core/internal/client";import{L as o}from"./locale.js";import{s as r}from"./preference.js";import{d as n}from"./mds-button2.js";import{d as l}from"./mds-icon2.js";import{d as c}from"./mds-input-switch2.js";import{d}from"./mds-spinner2.js";import{d as m}from"./mds-table-cell2.js";import{d as h}from"./mds-table-header-cell2.js";import{d as b}from"./mds-text2.js";var u={actions:"Ενέργεια",selectAllRows:"Επιλογή όλων των γραμμών",selectNoneRows:"Αποεπιλογή όλων των γραμμών"},p={actions:"Action",selectAllRows:"Select all rows",selectNoneRows:"Deselect all rows"},f={actions:"Acción",selectAllRows:"Seleccionar todas las filas",selectNoneRows:"Deseleccionar todas las filas"},w={actions:"Azione",selectAllRows:"Seleziona tutte le righe",selectNoneRows:"Deseleziona tutte le righe"};const v=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selectAll=!1,this.hasActions=!1,this.indeterminate=!1,this.hasSelection=!1,this.t=new o({el:u,en:p,es:f,it:w}),this.handleSelectAllChange=e=>{var t;this.selectAll=!!this.indeterminate||null!==(t=e.detail.checked)&&void 0!==t&&t,this.indeterminate=!1,this.table.selectAll(this.selectAll)}}async updateLang(){this.language=this.t.lang(this.host),this.t.update()}async setSelection(e,t){var s;this.indeterminate=0!==e&&e!==t,this.indeterminate&&null==this.checkboxEl&&(this.checkboxEl=null===(s=this.host.shadowRoot)||void 0===s?void 0:s.querySelector(".checkbox")),this.checkboxEl.checked=e===t}connectedCallback(){this.unsubscribePrefAnimation=r("animation",(e=>{this.prefAnimation=e}))}disconnectedCallback(){var e;null===(e=this.unsubscribePrefAnimation)||void 0===e||e.call(this)}componentWillLoad(){this.language=this.t.lang(this.host),this.table=this.host.closest("mds-table"),this.hasActions=null!==this.table.querySelector('mds-table-row > [slot="action"]')}render(){return s(i,{key:"06529aa3e118513b377d2998802498c261761c50",role:"row","pref-animation":this.prefAnimation},this.selectable&&s("mds-table-cell",{key:"e6a90c762c4a8f0fc9ac992eda086ece6668b4c9",class:"selection",role:"columnheader"},s("div",{key:"28834ccb255c9f54553e6fc626d85cf9c071094a",class:"checkbox-wrapper"},s("mds-input-switch",{key:"43ee2e5a02cb71e3c268860d6d3ee04918e32401",class:"checkbox",title:this.t.get(this.selectAll?"selectNoneRows":"selectAllRows"),lang:this.language,type:"checkbox",onMdsInputSwitchChange:this.handleSelectAllChange,indeterminate:this.indeterminate}))),s("slot",{key:"4927fa2a425e609494d5eb357c9d31408c4cdfc5"}),this.hasActions&&s("mds-table-header-cell",{key:"1e56bda8d1e791be85d76995387561b6a77cc6b0",part:"actions",class:"actions",label:this.t.get("actions")}))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-ease:initial}}}:host(:not(:is([hydrated],.hydrated))),:is(mds-input-switch,mds-table-cell,mds-table-header-cell):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-table-header-transition-duration:var(--duration-200,.2s);--private-table-header-transition-duration:var(--mds-table-header-transition-duration);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-bottom:var(--private-cell-border-width) solid var(--private-cell-border-color);display:table-row;overflow:hidden;-webkit-transition-duration:var(--private-table-header-transition-duration);transition-duration:var(--private-table-header-transition-duration);transition-property:border-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.actions{text-align:right}.selection{vertical-align:middle}.checkbox-wrapper{display:flex}:host([pref-animation=reduce]){--private-table-header-transition-duration:0s}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-table-header-transition-duration:0s}}'}},[257,"mds-table-header",{selectable:[4],prefAnimation:[32],selectAll:[32],hasActions:[32],indeterminate:[32],hasSelection:[32],language:[32],updateLang:[64],setSelection:[64]}]),y=v,k=function(){"undefined"!=typeof customElements&&["mds-table-header","mds-button","mds-icon","mds-input-switch","mds-spinner","mds-table-cell","mds-table-header-cell","mds-text"].forEach((e=>{switch(e){case"mds-table-header":customElements.get(a(e))||customElements.define(a(e),v);break;case"mds-button":customElements.get(a(e))||n();break;case"mds-icon":customElements.get(a(e))||l();break;case"mds-input-switch":customElements.get(a(e))||c();break;case"mds-spinner":customElements.get(a(e))||d();break;case"mds-table-cell":customElements.get(a(e))||m();break;case"mds-table-header-cell":customElements.get(a(e))||h();break;case"mds-text":customElements.get(a(e))||b()}}))};export{y as MdsTableHeader,k as defineCustomElement}

package/dist/components/mds-table-row.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as a,Host as o,transformTag as r}from"@stencil/core/internal/client";import{L as s}from"./locale.js";import{i as n}from"./browser.js";import{d as i}from"./mds-icon2.js";import{d as c}from"./mds-input-switch2.js";import{d as l}from"./mds-table-cell2.js";import{d}from"./mds-text2.js";var b={selectRow:"Επιλογή γραμμής",unselectRow:"Αποεπιλογή γραμμής"},m={selectRow:"Select row",unselectRow:"Deselect row"},h={selectRow:"Seleccionar fila",unselectRow:"Deseleccionar fila"},u={selectRow:"Seleziona riga",unselectRow:"Deseleziona riga"};const v=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.hasActions=!0,this.t=new s({el:b,en:m,es:h,it:u}),this.selectable=void 0,this.handleSelectionChange=e=>{var t;this.selected=e.detail.checked,null===(t=this.host.closest("mds-table"))||void 0===t||t.updateSelection()}}async updateLang(){this.language=this.t.lang(this.host),this.t.update()}componentWillLoad(){this.language=this.t.lang(this.host),this.hasActions=null!==this.host.querySelector(':scope > [slot="action"]')}componentDidLoad(){this.hasActions&&this.initObserver()}initObserver(){this.observer=new ResizeObserver((e=>{this.sizerWidth=e[0].borderBoxSize[0].inlineSize+"px"})),this.observer.observe(this.actions)}disconnectedCallback(){this.observer&&this.observer.disconnect()}render(){return a(o,{key:"58724450caa507036a51436eee917bf1985b6cf8",role:"row"},this.selectable&&a("mds-table-cell",{key:"6d139569b397b4ed5255d060078a885807dbf67d",class:"selection-cell"},a("div",{key:"95608e906cf0d53b0750f13669b6882c5f015887",class:"checkbox-wrapper"},a("mds-input-switch",{key:"aed24d0ced8de37f9f2ccc1afd6b5b2732db995f",title:this.t.get(this.selected?"unselectRow":"selectRow"),lang:this.language,type:"checkbox",checked:this.selected,onMdsInputSwitchChange:this.handleSelectionChange}))),a("slot",{key:"d83c65bd0ed36ad733c1be6ac75ff75d1e500150"}),this.hasActions&&n()&&a("mds-table-cell",{key:"b22a8f6812a3acd05cb527a0c730c10629ea5fc6",class:"actions-cell actions-cell--disable"},a("div",{key:"f5f725888c3f9d16307ac7986a354a304a383aaa",class:"actions"},a("slot",{key:"b0b040e230bb68f4260c9bf79a83026cf776ce5d",name:"action"}))),this.hasActions&&!n()&&a("mds-table-cell",{key:"10e5c24237e19f349b1c957bd1bd6e5463f6cfd3",class:"actions-cell"},a("div",{key:"e7c2577896533236dc3c5c3eaa78629bc310a45f",class:"actions-sizer",style:{minHeight:"1px",maxWidth:this.sizerWidth,minWidth:this.sizerWidth}}),a("div",{key:"eca88ae1d742b799979dc783734dc93b1ac2b680",class:"actions-view"},a("div",{key:"3feeb73ec5018219549a2271954c8140137b5aad",class:"actions",ref:e=>this.actions=e,style:{marginRight:`calc(${this.sizerWidth} + var(--mds-table-cell-padding))`}},a("slot",{key:"2ef5950a7a389d6ce1c79b182e4eec5e0bc43e71",name:"action"})))))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-table-row-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-row-color-alt:rgb(var(--tone-neutral-02,244 244 244));--mds-table-row-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-row-background-alt:rgb(var(--tone-neutral,0 0 0));--mds-table-row-actions-gap:calc(var(--spacing,.0025rem)*400);--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-input-switch,mds-table-cell):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-table-row-color-hover:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-row-color-alt:var(--mds-table-color-alt,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-row-background-hover:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-background-alt:var(--mds-table-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-actions-gap:var(--mds-table-actions-gap,calc(var(--spacing,.0025rem)*400));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));color:var(--mds-table-row-color);display:table-row;position:relative;transition-duration:.2s;transition-property:color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.selection-cell{vertical-align:middle}.checkbox-wrapper{display:flex}:host([interactive]:hover){--mds-table-row-actions-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([selected]){--mds-table-row-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([sorted]){--mds-table-row-background:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244)))}:host([sorted][selected]){--mds-table-row-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}.actions-view{display:flex;justify-content:end;pointer-events:none;position:absolute}.actions,.actions-view{align-items:center;inset:0}.actions{--mds-table-row-actions-background:var(--mds-table-row-background);background-color:var(--mds-table-row-actions-background);border-bottom-left-radius:calc(var(--radius-lg,16px) + var(--mds-table-border-width,2px)*2);border-top-left-radius:calc(var(--radius-lg,16px) + var(--mds-table-border-width,2px)*2);display:inline-flex;gap:var(--mds-table-row-actions-gap,calc(var(--spacing,.0025rem)*400));margin-right:100%;padding:calc(var(--mds-table-border-width,2px)*2);padding-right:0;pointer-events:auto;position:sticky;transform:translate(100%);transition-duration:.5s;transition-property:transform,background-color,padding-right;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}:host(:hover) .actions{transform:translate(100%)}:host([overlay-actions]) .actions{padding-right:var(--mds-table-cell-padding,calc(var(--spacing,.0025rem)*400));transform:translate(100%)}:host([overlay-actions]:hover) .actions{--mds-table-row-actions-background:var(--mds-table-row-background);transform:translate(0)}:is(:host-context(mds-table[interactive=false]):host(:hover) .actions,:host-context(mds-table:not([interactive])):host(:hover) .actions){--mds-table-row-actions-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)))}:is(:host-context(mds-table[selection]:not([interactive])):host(:not([selected]):hover) .actions,:host-context(mds-table[selection][interactive=false]):host(:not([selected]):hover) .actions,:host-context(mds-table[selection]:not([interactive])):host([selected=false]:hover) .actions,:host-context(mds-table[selection][interactive=false]):host([selected=false]:hover) .actions){--mds-table-row-actions-background:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)))}.actions-cell--disable,.actions-cell--disable .actions{position:static!important}.actions-cell--disable .actions{margin-right:0!important;transform:translate(0)!important}:host-context(:root.pref-animation-reduce){transition-duration:0s}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}'}},[257,"mds-table-row",{interactive:[516],overlayActions:[516,"overlay-actions"],selectable:[516],selected:[1540],value:[520],sizerWidth:[32],language:[32],updateLang:[64]}]),g=v,p=function(){"undefined"!=typeof customElements&&["mds-table-row","mds-icon","mds-input-switch","mds-table-cell","mds-text"].forEach((e=>{switch(e){case"mds-table-row":customElements.get(r(e))||customElements.define(r(e),v);break;case"mds-icon":customElements.get(r(e))||i();break;case"mds-input-switch":customElements.get(r(e))||c();break;case"mds-table-cell":customElements.get(r(e))||l();break;case"mds-text":customElements.get(r(e))||d()}}))};export{g as MdsTableRow,p as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as a,Host as r,transformTag as o}from"@stencil/core/internal/client";import{L as s}from"./locale.js";import{i}from"./browser.js";import{s as n}from"./preference.js";import{d as l}from"./mds-icon2.js";import{d as c}from"./mds-input-switch2.js";import{d}from"./mds-table-cell2.js";import{d as b}from"./mds-text2.js";var m={selectRow:"Επιλογή γραμμής",unselectRow:"Αποεπιλογή γραμμής"},u={selectRow:"Select row",unselectRow:"Deselect row"},v={selectRow:"Seleccionar fila",unselectRow:"Deseleccionar fila"},h={selectRow:"Seleziona riga",unselectRow:"Deseleziona riga"};const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hasActions=!0,this.t=new s({el:m,en:u,es:v,it:h}),this.selectable=void 0,this.handleSelectionChange=t=>{var e;this.selected=t.detail.checked,null===(e=this.host.closest("mds-table"))||void 0===e||e.updateSelection()}}async updateLang(){this.language=this.t.lang(this.host),this.t.update()}connectedCallback(){this.unsubscribePrefAnimation=n("animation",(t=>{this.prefAnimation=t}))}componentWillLoad(){this.language=this.t.lang(this.host),this.hasActions=null!==this.host.querySelector(':scope > [slot="action"]')}componentDidLoad(){this.hasActions&&this.initObserver()}initObserver(){this.observer=new ResizeObserver((t=>{this.sizerWidth=t[0].borderBoxSize[0].inlineSize+"px"})),this.observer.observe(this.actions)}disconnectedCallback(){var t;null===(t=this.unsubscribePrefAnimation)||void 0===t||t.call(this),this.observer&&this.observer.disconnect()}render(){return a(r,{key:"86bc97a2f6d1335bc792d15d857c001fc4a3110f",role:"row","pref-animation":this.prefAnimation},this.selectable&&a("mds-table-cell",{key:"a92574ce351c4779c2e5335f81e7965fdb9bdbad",class:"selection-cell"},a("div",{key:"5ebfe21be4854c967498e554a2da9f38e91c33c8",class:"checkbox-wrapper"},a("mds-input-switch",{key:"1bd177a4922b0bdd3501b07ffe9012f424b56e8c",title:this.t.get(this.selected?"unselectRow":"selectRow"),lang:this.language,type:"checkbox",checked:this.selected,onMdsInputSwitchChange:this.handleSelectionChange}))),a("slot",{key:"6bc38542f3588754cd23d73e36872393a6f50b12"}),this.hasActions&&i()&&a("mds-table-cell",{key:"4ac2f11075ecb26f0e88489a3bc702fc760ced8c",class:"actions-cell actions-cell--disable"},a("div",{key:"4faadef9e03a6a811efea4eb1f27cda8f64a4352",class:"actions"},a("slot",{key:"398f2fbce1fb64bd757a69d3099a13ee7f67b9af",name:"action"}))),this.hasActions&&!i()&&a("mds-table-cell",{key:"46098974730dfa191c4cc9d0bd98e65fd4ee2693",class:"actions-cell"},a("div",{key:"fd7f848689421936803b1b1b91fa6ff89f9a8f33",class:"actions-sizer",style:{minHeight:"1px",maxWidth:this.sizerWidth,minWidth:this.sizerWidth}}),a("div",{key:"3aad1e774b7204674baadc1a8a34d500b47fe301",class:"actions-view"},a("div",{key:"04c70da921a5453703a162135f702c8d0003181d",class:"actions",ref:t=>this.actions=t,style:{marginRight:`calc(${this.sizerWidth} + var(--mds-table-cell-padding))`}},a("slot",{key:"9567f90a09bfab25b54f2d9f0f610c9dc918dcbe",name:"action"})))))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-table-row-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-row-color-alt:rgb(var(--tone-neutral-02,244 244 244));--mds-table-row-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-row-background-alt:rgb(var(--tone-neutral,0 0 0));--mds-table-row-actions-gap:calc(var(--spacing,.0025rem)*400);--tw-ease:initial}}}:host(:not(:is([hydrated],.hydrated))),:is(mds-input-switch,mds-table-cell):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-table-row-color-hover:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-row-color-alt:var(--mds-table-color-alt,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-row-background-hover:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-background-alt:var(--mds-table-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-actions-gap:var(--mds-table-actions-gap,calc(var(--spacing,.0025rem)*400));--mds-table-row-transition-duration:var(--duration-200,.2s);--private-table-row-transition-duration:var(--mds-table-row-transition-duration);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));color:var(--mds-table-row-color);display:table-row;position:relative;-webkit-transition-duration:var(--private-table-row-transition-duration);transition-duration:var(--private-table-row-transition-duration);transition-property:color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.selection-cell{vertical-align:middle}.checkbox-wrapper{display:flex}:host([interactive]:hover){--mds-table-row-actions-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([selected]){--mds-table-row-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([sorted]){--mds-table-row-background:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244)))}:host([sorted][selected]){--mds-table-row-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}.actions-view{display:flex;justify-content:end;pointer-events:none;position:absolute}.actions,.actions-view{align-items:center;inset:0}.actions{--mds-table-row-actions-background:var(--mds-table-row-background);background-color:var(--mds-table-row-actions-background);border-bottom-left-radius:calc(var(--radius-lg,16px) + var(--mds-table-border-width,2px)*2);border-top-left-radius:calc(var(--radius-lg,16px) + var(--mds-table-border-width,2px)*2);display:inline-flex;gap:var(--mds-table-row-actions-gap,calc(var(--spacing,.0025rem)*400));margin-right:100%;padding:calc(var(--mds-table-border-width,2px)*2);padding-right:0;pointer-events:auto;position:sticky;transform:translate(100%);transition-duration:.5s;transition-property:transform,background-color,padding-right;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}:host(:hover) .actions{transform:translate(100%)}:host([overlay-actions]) .actions{padding-right:var(--mds-table-cell-padding,calc(var(--spacing,.0025rem)*400));transform:translate(100%)}:host([overlay-actions]:hover) .actions{--mds-table-row-actions-background:var(--mds-table-row-background);transform:translate(0)}:host(:not([interactive]):hover) .actions{--mds-table-row-actions-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)))}:host([selection]:not([interactive]):not([selected]):hover) .actions{--mds-table-row-actions-background:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)))}.actions-cell--disable,.actions-cell--disable .actions{position:static!important}.actions-cell--disable .actions{margin-right:0!important;transform:translate(0)!important}:host([pref-animation=reduce]){--private-table-row-transition-duration:0s}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-table-row-transition-duration:0s}}'}},[257,"mds-table-row",{interactive:[516],overlayActions:[516,"overlay-actions"],selectable:[516],selected:[1540],selection:[516],value:[520],prefAnimation:[32],sizerWidth:[32],language:[32],updateLang:[64]}]),p=g,w=function(){"undefined"!=typeof customElements&&["mds-table-row","mds-icon","mds-input-switch","mds-table-cell","mds-text"].forEach((t=>{switch(t){case"mds-table-row":customElements.get(o(t))||customElements.define(o(t),g);break;case"mds-icon":customElements.get(o(t))||l();break;case"mds-input-switch":customElements.get(o(t))||c();break;case"mds-table-cell":customElements.get(o(t))||d();break;case"mds-text":customElements.get(o(t))||b()}}))};export{p as MdsTableRow,w as defineCustomElement}

package/dist/components/mds-table.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as r,h as a,Host as o,transformTag as s}from"@stencil/core/internal/client";import{c as n}from"./clsx.js";import{L as i}from"./locale.js";import{d as l}from"./mds-badge2.js";import{d}from"./mds-text2.js";var c={batchActions:"Επιλεγμένα στοιχεία"},b={batchActions:"Selected items"},h={batchActions:"Elementos seleccionados"},m={batchActions:"Elementi selezionati"};const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.selectionEvent=r(this,"mdsTableSelectionChange",7),this.hasBatchActions=!1,this.cellsWidth=0,this.selectedRows=[],this.t=new i({el:c,en:b,es:h,it:m}),this.updateInteractive=()=>{this.body.interactive=this.interactive,this.rows.forEach((t=>{t.interactive=this.interactive}))},this.updateCellsSize=()=>{var t;const e=this.rows[0].querySelectorAll("mds-table-cell"),r=null===(t=this.rows[0].shadowRoot)||void 0===t?void 0:t.querySelector(".selection-cell");this.cellsWidth=null!=r?r.offsetWidth:0,e.forEach((t=>{this.cellsWidth+=t.offsetWidth}))},this.hasActions=()=>(this.updateCellsSize(),null!==this.host.querySelector('mds-table-row > [slot="action"]')),this.handleSelection=()=>{this.rows.forEach((t=>{t.selectable=this.selectable}))},this.handleActions=()=>{this.updateCellsSize();const t=this.scrollWrapper.offsetWidth+this.scrollWrapper.scrollLeft<this.cellsWidth;this.rows.forEach((e=>{e.overlayActions=t}))},this.updateSlottedElements=()=>{this.rows=this.host.querySelectorAll("mds-table-row"),this.updateInteractive(),this.handleSelection()}}onTableInteractive(){this.updateInteractive()}onTableSelectable(t){this.handleSelection(),this.header.selectable=t}async updateSelection(){this.selectable&&(this.selectedRows=[],this.rows.forEach(((t,e)=>{t.selected&&this.selectedRows.push({index:e,value:t.value})})),this.selectionEvent.emit({rows:this.selectedRows}),this.header.setSelection(this.selectedRows.length,this.rows.length),this.selection=this.selectedRows.length>0,this.body.selection=this.selection)}async selectAll(t=!0){this.selectable&&(this.rows.forEach((e=>{e.selected=t})),this.updateSelection())}componentWillLoad(){this.language=this.t.lang(this.host),this.body=this.host.querySelector("mds-table-body"),this.header=this.host.querySelector("mds-table-header"),this.rows=this.host.querySelectorAll("mds-table-row"),this.hasBatchActions=null!==this.host.querySelector(':scope > [slot="batch-action"]'),this.tableBodyObserver=new MutationObserver((()=>{this.updateSlottedElements()})),this.tableBodyObserver.observe(this.body,{childList:!0})}componentDidLoad(){var t;if(this.header.selectable=this.selectable,this.hasActions()){const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".table-wrapper");if(!e)throw Error("Table element table-wrapper not found");this.scrollWrapper=e,this.scrollWrapper.addEventListener("scroll",this.handleActions),this.resizeObserver=new ResizeObserver(this.handleActions),this.resizeObserver.observe(this.host),this.handleActions()}}disconnectedCallback(){var t;this.host.removeEventListener("scroll",this.handleActions),null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.tableBodyObserver.disconnect()}render(){return a(o,{key:"7e29aed526c49ac9021de41ccaaf4e2479df7f2f"},a("div",{key:"dae1ff46dad9f3733c0d4e5b3922c0ceef60e397",class:"table-wrapper",part:"table-wrapper"},a("table",{key:"97c5ef324b98a0ff0d8be1ee1fe8e1ae2b42792c",class:n("table",this.interactive&&"table--interactive"),role:"table",part:"table"},a("slot",{key:"6dbbeed8c36f9ecb347db140c1a8cdb7c792601a",onSlotchange:this.updateSlottedElements}))),this.selectable&&this.hasBatchActions&&a("div",{key:"fac215ed7d4ed631f6df92b212406298088fe906",class:n("batch-actions-wrapper",this.selectedRows.length>0?"batch-actions-wrapper--has-selected-rows":""),part:"batch-actions-wrapper"},a("div",{key:"6c33bb5c57b4fd2ae6d15eda97d6b353cfb6ad67",class:"batch-actions",part:"batch-actions"},a("div",{key:"bc10432ff603a335021116fe16a1937288892c5b",class:"batch-actions-header"},a("mds-text",{key:"b804e56fc035ddb65da640124612b345bf76c300",class:"batch-actions-label",typography:"label"},this.t.get("batchActions")),a("mds-badge",{key:"5f0322a4ef1252b237850c596f23c6453b984a8d",variant:"dark",tone:"outline",typography:"label"},this.selectedRows.length)),a("slot",{key:"977eb1424d5d37b9a429369c43c97b45f8e5f249",name:"batch-action"}))))}get host(){return this}static get watchers(){return{interactive:[{onTableInteractive:0}],selectable:[{onTableSelectable:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-table-actions-gap:calc(var(--spacing,.0025rem)*200);--mds-table-background-alt:rgb(var(--tone-neutral-10,60 60 60));--mds-table-background:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-table-border-width:2px;--mds-table-cell-padding:calc(var(--spacing,.0025rem)*400);--mds-table-color-alt:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color:rgb(var(--tone-neutral-02,244 244 244));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-table-body,mds-table-footer,mds-table-header):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-table-border-width{syntax:"<length>";inherits:false;initial-value:2px}:host{--mds-table-actions-gap:calc(var(--spacing,.0025rem)*200);--mds-table-background-alt:rgb(var(--tone-neutral-10,60 60 60));--mds-table-background:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-table-border-width:2px;--mds-table-cell-padding:calc(var(--spacing,.0025rem)*400);--mds-table-color-alt:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color:rgb(var(--tone-neutral-02,244 244 244));--mds-table-batch-actions-width:calc(var(--spacing,.0025rem)*4800);--private-cell-border-color:var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)));--private-cell-border-width:var(--mds-table-border-width,2px);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)));border-color:var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--radius-2xl,24px);transition-duration:.2s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));corner-shape:var(--magma-corner-shape,round);border:var(--mds-table-border-width,2px) solid var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)))!important;display:flex;overflow:hidden;transition-property:background-color,border-color,color}.table-wrapper{background-color:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));corner-shape:inherit;display:flex;overflow:auto;width:100%}.table{border-collapse:separate;border-spacing:0;width:100%}.batch-actions-wrapper{corner-shape:inherit;display:flex;flex-shrink:0;max-width:0;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:max-width;-webkit-transition-timing-function:var(--ease-in-out-circ,cubic-bezier(.785,.135,.15,.86));transition-timing-function:var(--ease-in-out-circ,cubic-bezier(.785,.135,.15,.86));width:100%}.batch-actions-wrapper--has-selected-rows{max-width:var(--mds-table-batch-actions-width)}.batch-actions-header{align-items:center;display:flex;justify-content:space-between;padding:calc(var(--spacing,.0025rem)*300)}.batch-actions{background-color:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));border-left:var(--mds-table-border-width,2px) solid var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)));box-sizing:border-box;display:grid;flex-grow:1;gap:calc(var(--spacing,.0025rem)*50);grid-auto-rows:min-content;grid-template-columns:repeat(1,minmax(1px,100%));min-width:var(--mds-table-batch-actions-width);padding:calc(var(--mds-table-cell-padding,calc(var(--spacing,.0025rem) * 400)) / 2);width:100%}::slotted([slot=batch-action]){justify-content:start;width:100%}:host([selection]:not([selection=false])){--mds-table-body-background:var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60))))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-table-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}:host-context(:root.pref-contrast-more.pref-theme-dark){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-table-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more.pref-theme-system){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}:host-context(:root.pref-contrast-system.pref-theme-dark){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:host-context(:root.pref-contrast-system.pref-theme-system){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}}'}},[257,"mds-table",{interactive:[4],selectable:[4],selection:[1540],selectedRows:[32],language:[32],updateSelection:[64],selectAll:[64]},void 0,{interactive:[{onTableInteractive:0}],selectable:[{onTableSelectable:0}]}]),v=u,p=function(){"undefined"!=typeof customElements&&["mds-table","mds-badge","mds-text"].forEach((t=>{switch(t){case"mds-table":customElements.get(s(t))||customElements.define(s(t),u);break;case"mds-badge":customElements.get(s(t))||l();break;case"mds-text":customElements.get(s(t))||d()}}))};export{v as MdsTable,p as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as r,h as a,Host as o,transformTag as s}from"@stencil/core/internal/client";import{c as i}from"./clsx.js";import{L as n}from"./locale.js";import{s as l}from"./preference.js";import{d}from"./mds-badge2.js";import{d as b}from"./mds-text2.js";var c={batchActions:"Επιλεγμένα στοιχεία"},h={batchActions:"Selected items"},m={batchActions:"Elementos seleccionados"},u={batchActions:"Elementi selezionati"};const v=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.selectionEvent=r(this,"mdsTableSelectionChange",7),this.hasBatchActions=!1,this.cellsWidth=0,this.selectedRows=[],this.t=new n({el:c,en:h,es:m,it:u}),this.updateInteractive=()=>{this.body.interactive=this.interactive,this.rows.forEach((t=>{t.interactive=this.interactive}))},this.updateCellsSize=()=>{var t;const e=this.rows[0].querySelectorAll("mds-table-cell"),r=null===(t=this.rows[0].shadowRoot)||void 0===t?void 0:t.querySelector(".selection-cell");this.cellsWidth=null!=r?r.offsetWidth:0,e.forEach((t=>{this.cellsWidth+=t.offsetWidth}))},this.hasActions=()=>(this.updateCellsSize(),null!==this.host.querySelector('mds-table-row > [slot="action"]')),this.handleSelection=()=>{this.rows.forEach((t=>{t.selectable=this.selectable}))},this.handleActions=()=>{this.updateCellsSize();const t=this.scrollWrapper.offsetWidth+this.scrollWrapper.scrollLeft<this.cellsWidth;this.rows.forEach((e=>{e.overlayActions=t}))},this.updateSlottedElements=()=>{this.rows=this.host.querySelectorAll("mds-table-row"),this.updateInteractive(),this.handleSelection()}}onTableInteractive(){this.updateInteractive()}onTableSelectable(t){this.handleSelection(),this.header.selectable=t}async updateSelection(){this.selectable&&(this.selectedRows=[],this.rows.forEach(((t,e)=>{t.selected&&this.selectedRows.push({index:e,value:t.value})})),this.selectionEvent.emit({rows:this.selectedRows}),this.header.setSelection(this.selectedRows.length,this.rows.length),this.selection=this.selectedRows.length>0,this.body.selection=this.selection,this.rows.forEach((t=>{t.selection=this.selection})))}async selectAll(t=!0){this.selectable&&(this.rows.forEach((e=>{e.selected=t})),this.updateSelection())}componentWillLoad(){this.language=this.t.lang(this.host),this.body=this.host.querySelector("mds-table-body"),this.header=this.host.querySelector("mds-table-header"),this.rows=this.host.querySelectorAll("mds-table-row"),this.hasBatchActions=null!==this.host.querySelector(':scope > [slot="batch-action"]'),this.tableBodyObserver=new MutationObserver((()=>{this.updateSlottedElements()})),this.tableBodyObserver.observe(this.body,{childList:!0})}componentDidLoad(){var t;if(this.header.selectable=this.selectable,this.hasActions()){const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".table-wrapper");if(!e)throw Error("Table element table-wrapper not found");this.scrollWrapper=e,this.scrollWrapper.addEventListener("scroll",this.handleActions),this.resizeObserver=new ResizeObserver(this.handleActions),this.resizeObserver.observe(this.host),this.handleActions()}}connectedCallback(){this.unsubscribePrefAnimation=l("animation",(t=>{this.prefAnimation=t})),this.unsubscribePrefContrast=l("contrast",(t=>{this.prefContrast=t})),this.unsubscribePrefTheme=l("theme",(t=>{this.prefTheme=t})),this.unsubscribePrefThemeScheme=l("theme-scheme",(t=>{this.prefThemeScheme=t}))}disconnectedCallback(){var t,e,r,a,o;null===(t=this.unsubscribePrefAnimation)||void 0===t||t.call(this),null===(e=this.unsubscribePrefContrast)||void 0===e||e.call(this),null===(r=this.unsubscribePrefTheme)||void 0===r||r.call(this),null===(a=this.unsubscribePrefThemeScheme)||void 0===a||a.call(this),this.host.removeEventListener("scroll",this.handleActions),null===(o=this.resizeObserver)||void 0===o||o.disconnect(),this.tableBodyObserver.disconnect()}render(){return a(o,{key:"e7c77e9d01cf6b4efe638161ec811b1333b298ed","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},a("div",{key:"65df091f6d13a48f5ff8d6c1af82c3b6bea7d5ef",class:"table-wrapper",part:"table-wrapper"},a("table",{key:"0d29aef521d40d8aa6063f985f73da1e8c5fb8ea",class:i("table",this.interactive&&"table--interactive"),role:"table",part:"table"},a("slot",{key:"7927888cab77d8b2bbd5bfaa39dd44d670e16e2c",onSlotchange:this.updateSlottedElements}))),this.selectable&&this.hasBatchActions&&a("div",{key:"c97383c8124e11f0c9b339f31048d8497b18870c",class:i("batch-actions-wrapper",this.selectedRows.length>0?"batch-actions-wrapper--has-selected-rows":""),part:"batch-actions-wrapper"},a("div",{key:"9a626e46b1d7f75241e7020623e081c9c445e3fa",class:"batch-actions",part:"batch-actions"},a("div",{key:"b142358ed944bc66c9b6b81920c92997b432b8b3",class:"batch-actions-header"},a("mds-text",{key:"08b360e1ec653882e1fc982955e2a4708c8d964d",class:"batch-actions-label",typography:"label"},this.t.get("batchActions")),a("mds-badge",{key:"7fadd5fc8395d8dfc35a31f93b7ee7de179e53c1",variant:"dark",tone:"outline",typography:"label"},this.selectedRows.length)),a("slot",{key:"3e7b51e4082b2b1c0d1001c512954bd147194289",name:"batch-action"}))))}get host(){return this}static get watchers(){return{interactive:[{onTableInteractive:0}],selectable:[{onTableSelectable:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-table-actions-gap:calc(var(--spacing,.0025rem)*200);--mds-table-background-alt:rgb(var(--tone-neutral-10,60 60 60));--mds-table-background:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-table-border-width:2px;--mds-table-cell-padding:calc(var(--spacing,.0025rem)*400);--mds-table-color-alt:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color:rgb(var(--tone-neutral-02,244 244 244));--tw-ease:initial}}}:host(:not(:is([hydrated],.hydrated))),:is(mds-table-body,mds-table-footer,mds-table-header):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-table-border-width{syntax:"<length>";inherits:false;initial-value:2px}:host{--mds-table-transition-duration:var(--duration-300,.3s);--private-table-transition-duration:var(--mds-table-transition-duration);--mds-table-actions-gap:calc(var(--spacing,.0025rem)*200);--mds-table-background-alt:rgb(var(--tone-neutral-10,60 60 60));--mds-table-background:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-table-border-width:2px;--mds-table-cell-padding:calc(var(--spacing,.0025rem)*400);--mds-table-color-alt:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color:rgb(var(--tone-neutral-02,244 244 244));--mds-table-batch-actions-width:calc(var(--spacing,.0025rem)*4800);--private-cell-border-color:var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)));--private-cell-border-width:var(--mds-table-border-width,2px);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)));border-color:var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--radius-2xl,24px);transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));corner-shape:var(--magma-corner-shape,round);border:var(--mds-table-border-width,2px) solid var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)))!important;display:flex;overflow:hidden;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,color}.table-wrapper{background-color:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));corner-shape:inherit;display:flex;overflow:auto;width:100%}.table{border-collapse:initial;border-spacing:0;width:100%}.batch-actions-wrapper{corner-shape:inherit;display:flex;flex-shrink:0;max-width:0;-webkit-transition-duration:var(--private-table-transition-duration);transition-duration:var(--private-table-transition-duration);transition-property:max-width;-webkit-transition-timing-function:var(--ease-in-out-circ,cubic-bezier(.785,.135,.15,.86));transition-timing-function:var(--ease-in-out-circ,cubic-bezier(.785,.135,.15,.86));width:100%}.batch-actions-wrapper--has-selected-rows{max-width:var(--mds-table-batch-actions-width)}.batch-actions-header{align-items:center;display:flex;justify-content:space-between;padding:calc(var(--spacing,.0025rem)*300)}.batch-actions{background-color:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));border-left:var(--mds-table-border-width,2px) solid var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)));box-sizing:border-box;display:grid;flex-grow:1;gap:calc(var(--spacing,.0025rem)*50);grid-auto-rows:min-content;grid-template-columns:repeat(1,minmax(1px,100%));min-width:var(--mds-table-batch-actions-width);padding:calc(var(--mds-table-cell-padding,calc(var(--spacing,.0025rem) * 400)) / 2);width:100%}::slotted([slot=batch-action]){justify-content:start;width:100%}:host([selection]:not([selection=false])){--mds-table-body-background:var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60))))}:host([pref-animation=reduce]){--private-table-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-table-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-03,233 233 233))}:host([pref-contrast=more]){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}:host([pref-contrast=more][pref-theme=dark]){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-table-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-table-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-03,233 233 233))}:host([pref-contrast=more][pref-theme=system]){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}:host([pref-contrast=system][pref-theme=dark]){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:host([pref-contrast=system][pref-theme=system]){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}}'}},[257,"mds-table",{interactive:[4],selectable:[4],selection:[1540],prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32],selectedRows:[32],language:[32],updateSelection:[64],selectAll:[64]},void 0,{interactive:[{onTableInteractive:0}],selectable:[{onTableSelectable:0}]}]),p=v,g=function(){"undefined"!=typeof customElements&&["mds-table","mds-badge","mds-text"].forEach((t=>{switch(t){case"mds-table":customElements.get(s(t))||customElements.define(s(t),v);break;case"mds-badge":customElements.get(s(t))||d();break;case"mds-text":customElements.get(s(t))||b()}}))};export{p as MdsTable,g as defineCustomElement}

package/dist/components/mds-text2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as o}from"@stencil/core/internal/client";const n={action:{tag:"span",selector:{default:"text-title-action",title:"text-title-action"}},caption:{tag:"span",selector:{default:"text-info-caption",info:"text-info-caption",read:"text-read-caption"}},detail:{tag:"p",selector:{default:"text-info-detail",info:"text-info-detail",read:"text-read-detail"}},h1:{tag:"h1",selector:{default:"text-title-h1",title:"text-title-h1"}},h2:{tag:"h2",selector:{default:"text-title-h2",title:"text-title-h2"}},h3:{tag:"h3",selector:{default:"text-title-h3",title:"text-title-h3"}},h4:{tag:"h4",selector:{default:"text-title-h4",title:"text-title-h4"}},h5:{tag:"h5",selector:{default:"text-title-h5",title:"text-title-h5"}},h6:{tag:"h6",selector:{default:"text-title-h6",title:"text-title-h6"}},hack:{tag:"code",selector:{default:"text-code-hack",mono:"text-code-hack"}},label:{tag:"label",selector:{default:"text-info-label",info:"text-info-label"}},option:{tag:"label",selector:{default:"text-info-option",info:"text-info-option"}},paragraph:{tag:"p",selector:{default:"text-info-paragraph",secondary:"text-secondary-paragraph",info:"text-info-paragraph",read:"text-read-paragraph"}},snippet:{tag:"code",selector:{default:"text-code-snippet",mono:"text-code-snippet"}},tip:{tag:"div",selector:{default:"text-info-tip",info:"text-info-tip"}}},r=2147483647,a=e=>16807*e%r,l=e=>a(e)/r,m=((e=1)=>{let t=e<1?1:e;const s=()=>(t=a(t),t);return{random:()=>s(),randomFloat:()=>l(s()),range:(e,t)=>{const i=e-.4999;return Math.round(i+(t+.4999-i)*l(s()))},rangeFloat:(e,t)=>e+(t-e)*l(s())}})(),h=()=>{};class p{constructor(e){this.start=()=>{const{frameOffset:e,charOffset:t,str:s,speed:i}=this,o=(n=e,r=t,e=>(e=>e.split("").map((e=>e.charCodeAt(0))))(e).map(((e,t)=>()=>(e+m.range(0,t))*(2*(Math.round(Math.random())-.5)))(n,r)))(s);var n,r;this.stop(),this.rafId=requestAnimationFrame((()=>{this.step(o,i,i)}))},Object.assign(this,Object.assign(Object.assign({},p.defaults),e))}stop(){cancelAnimationFrame(this.rafId)}step(e,t,s){const{str:i,charStep:o,minCharCode:n,maxCharCode:r,placeholderChar:a,onProgress:l,onComplete:m}=this,h=e.slice(0,t).map((e=>e>0?e-1:e<0?e+1:0)),p=(({str:e,minCharCode:t,maxCharCode:s,placeholderChar:i,charStep:o})=>n=>n.reduce(((n,r,a)=>{return 0!==r?Math.abs(r)>o?n+i:n+String.fromCharCode((l=t,m=s,e=>e>m?l+(e-m):e<l?m+(e-l):e)(e.charCodeAt(a)+r)):n+e.charAt(a);var l,m}),""))({str:i,minCharCode:n,maxCharCode:r,placeholderChar:a,charStep:o})(h),c=[...h,...e.slice(t)];l(p),p!==i?this.rafId=requestAnimationFrame((()=>{this.step(c,t+s,s)})):m(p)}}p.defaults={str:"",speed:2,placeholderChar:"_",frameOffset:30,charOffset:20,charStep:10,minCharCode:32,maxCharCode:122,onProgress:h,onComplete:h};const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.cssTextAnimationSpeed=2,this.cssTextAnimationPlaceholderChar=" ",this.randomTextOptions={speed:this.cssTextAnimationSpeed,placeholderChar:this.cssTextAnimationPlaceholderChar,frameOffset:10,charOffset:20,charStep:15},this.animation="none",this.typography="detail",this.animateText=e=>{var t;const s=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".text");this.randomTextOptions.speed=this.cssTextAnimationSpeed,this.randomTextOptions.placeholderChar=this.cssTextAnimationPlaceholderChar,this.randomText=new p(Object.assign({str:e,onProgress:e=>{s.innerHTML=e}},this.randomTextOptions)),this.randomText.start()},this.updateCSSCustomProps=()=>{if("undefined"==typeof window)return;const e=window.getComputedStyle(this.host);this.cssTextAnimationSpeed=Number(e.getPropertyValue("--mds-text-animation-speed"));const t=e.getPropertyValue("--mds-text-animation-placeholder-char");this.cssTextAnimationPlaceholderChar='" "'!==t&&"' '"!==t?t:" "}}componentWillRender(){var e;const{tag:t}=n[this.typography];this.tag=null!==(e=this.tag)&&void 0!==e?e:t}componentDidLoad(){"yugop"===this.animation&&this.updateCSSCustomProps()}textHandler(e){"none"!==this.animation&&(null!=this.randomText&&this.randomText.stop(),void 0!==e&&""!==e&&this.animateText(e))}render(){return s(i,{key:"b6ca00bf5570b74f3d21ef1fac4066cae4c6e555"},s(this.tag,{key:"c7fb89120d1fba7a558e6ee13a4c627e2e024a34",class:"text"},void 0===this.text||""===this.text?s("slot",null):this.text))}get host(){return this}static get watchers(){return{text:[{textHandler:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-text-selection-background:rgb(var(--label-sky-09,6 76 107));--mds-text-selection-color:rgb(var(--label-sky-01,236 248 254));--mds-text-line-clamp:3;--mds-text-animation-speed:.5;--mds-text-animation-placeholder-char:" ";--tw-font-weight:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-text-line-clamp{syntax:"<integer>";inherits:false;initial-value:3}@property --mds-text-animation-speed{syntax:"<number>";inherits:false;initial-value:.5}@property --mds-text-animation-placeholder-char{syntax:"<string>";inherits:false;initial-value:" "}:host{--mds-text-selection-background:rgb(var(--label-sky-09,6 76 107));--mds-text-selection-color:rgb(var(--label-sky-01,236 248 254));--mds-text-line-clamp:3;--mds-text-animation-speed:.5;--mds-text-animation-placeholder-char:" ";display:flex;min-width:0}.text::selection{background-color:var(--mds-text-selection-background,rgb(var(--label-sky-09,6 76 107)));color:var(--mds-text-selection-color,rgb(var(--label-sky-01,236 248 254)))}.text{cursor:inherit;display:inherit}:host([typography=snippet]){font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=hack]){font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h1]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h1,3rem);font-weight:var(--tw-font-weight,var(--text-size-title-h1--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h1--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h1--line-height,3rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h2]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h2,2.25rem);font-weight:var(--tw-font-weight,var(--text-size-title-h2--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h2--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h2--line-height,2.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h3]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h3,1.875rem);font-weight:var(--tw-font-weight,var(--text-size-title-h3--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h3--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h3--line-height,2.25rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h4]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h4,1.5rem);font-weight:var(--tw-font-weight,var(--text-size-title-h4--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h4--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h4--line-height,2rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h5]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h5,1.25rem);font-weight:var(--tw-font-weight,var(--text-size-title-h5--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h5--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h5--line-height,1.75rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h6]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h6,1rem);font-weight:var(--tw-font-weight,var(--text-size-title-h6--font-weight,700));letter-spacing:var(--tw-tracking,var(--text-size-title-h6--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h6--line-height,1.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h1]),:host([typography=h2]),:host([typography=h3]),:host([typography=h4]),:host([typography=h5]),:host([typography=h6]){text-wrap:balance}:host([typography=action]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-action,.875rem);font-weight:var(--tw-font-weight,var(--text-size-title-action--font-weight,500));line-height:var(--tw-leading,var(--text-size-title-action--line-height,1.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=paragraph]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-paragraph,1.25rem);font-weight:var(--tw-font-weight,var(--text-size-info-paragraph--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-paragraph--line-height,2rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=detail]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=caption]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-caption,.875rem);font-weight:var(--tw-font-weight,var(--text-size-info-caption--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-caption--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=caption]),:host([typography=detail]),:host([typography=paragraph]){text-wrap:pretty}:host([typography=label]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-label,.75rem);font-weight:var(--tw-font-weight,var(--text-size-info-label--font-weight,700));line-height:var(--tw-leading,var(--text-size-info-label--line-height,1rem));min-height:auto;text-box:trim-both cap alphabetic;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=tip]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-tip,.75rem);font-weight:var(--tw-font-weight,var(--text-size-info-tip--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-tip--line-height,1rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=option]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-option,.625rem);font-weight:var(--tw-font-weight,var(--text-size-info-option--font-weight,700));letter-spacing:var(--tw-tracking,var(--text-size-info-option--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-info-option--line-height,.625rem));min-height:auto;text-box:trim-both cap alphabetic;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=paragraph][variant=read]){font-family:var(--font-read,"Merriweather",Times,"Times New Roman",serif);font-size:var(--text-size-read-paragraph,1.25rem);font-weight:var(--tw-font-weight,var(--text-size-read-paragraph--font-weight,300));line-height:var(--tw-leading,var(--text-size-read-paragraph--line-height,2rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=detail][variant=read]){font-family:var(--font-read,"Merriweather",Times,"Times New Roman",serif);font-size:var(--text-size-read-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-read-detail--font-weight,300));line-height:var(--tw-leading,var(--text-size-read-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=caption][variant=read]){font-family:var(--font-read,"Merriweather",Times,"Times New Roman",serif);font-size:var(--text-size-read-caption,.875rem);font-weight:var(--tw-font-weight,var(--text-size-read-caption--font-weight,400));line-height:var(--tw-leading,var(--text-size-read-caption--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([tag=article]),:host([tag=blockquote]),:host([tag=dd]),:host([tag=details]),:host([tag=div]),:host([tag=dl]),:host([tag=dt]),:host([tag=figcaption]),:host([tag=h1]),:host([tag=h2]),:host([tag=h3]),:host([tag=h4]),:host([tag=h5]),:host([tag=h6]),:host([tag=label]),:host([tag=legend]),:host([tag=li]),:host([tag=ol]),:host([tag=p]),:host([tag=pre]),:host([tag=summary]),:host([tag=ul]){display:block}:host([tag=abbr]),:host([tag=address]),:host([tag=b]),:host([tag=bdo]),:host([tag=cite]),:host([tag=code]),:host([tag=del]),:host([tag=dfn]),:host([tag=em]),:host([tag=i]),:host([tag=ins]),:host([tag=kbd]),:host([tag=mark]),:host([tag=q]),:host([tag=rb]),:host([tag=rt]),:host([tag=ruby]),:host([tag=s]),:host([tag=samp]),:host([tag=small]),:host([tag=span]),:host([tag=strong]),:host([tag=sub]),:host([tag=sup]),:host([tag=time]),:host([tag=u]),:host([tag=var]){display:inline}:host([tag=code]){padding-block:calc(var(--spacing,.0025rem)*25);padding-inline:calc(var(--spacing,.0025rem)*100);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:rgb(var(--tone-neutral-09,76 76 76));border-radius:.25rem;-webkit-box-shadow:rgb(var(--tone-neutral-08,107 107 107)) 0 0 0 1px;box-shadow:rgb(var(--tone-neutral-08,107 107 107)) 0 0 0 1px;color:rgb(var(--tone-neutral-03,233 233 233));-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,background-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host([truncate]) .text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}:host([truncate=word]) .text{white-space:nowrap}@supports (line-clamp:1){:host([truncate=all]) .text{line-clamp:var(--mds-text-line-clamp,1)}}@supports (display:-webkit-box){:host([truncate=all]) .text{-webkit-line-clamp:var(--mds-text-line-clamp,1);-webkit-box-orient:vertical;display:-webkit-box}}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;overflow:inherit;text-overflow:inherit}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}'}},[257,"mds-text",{animation:[1],tag:[1537],text:[513],truncate:[513],typography:[513],variant:[513]},void 0,{text:[{textHandler:0}]}]);function d(){"undefined"!=typeof customElements&&["mds-text"].forEach((e=>{"mds-text"===e&&(customElements.get(o(e))||customElements.define(o(e),c))}))}export{c as M,d}
+import{proxyCustomElement as t,HTMLElement as e,h as i,Host as a,transformTag as o}from"@stencil/core/internal/client";import{s as n}from"./preference.js";const r={action:{tag:"span",selector:{default:"text-title-action",title:"text-title-action"}},caption:{tag:"span",selector:{default:"text-info-caption",info:"text-info-caption",read:"text-read-caption"}},detail:{tag:"p",selector:{default:"text-info-detail",info:"text-info-detail",read:"text-read-detail"}},h1:{tag:"h1",selector:{default:"text-title-h1",title:"text-title-h1"}},h2:{tag:"h2",selector:{default:"text-title-h2",title:"text-title-h2"}},h3:{tag:"h3",selector:{default:"text-title-h3",title:"text-title-h3"}},h4:{tag:"h4",selector:{default:"text-title-h4",title:"text-title-h4"}},h5:{tag:"h5",selector:{default:"text-title-h5",title:"text-title-h5"}},h6:{tag:"h6",selector:{default:"text-title-h6",title:"text-title-h6"}},hack:{tag:"code",selector:{default:"text-code-hack",mono:"text-code-hack"}},label:{tag:"label",selector:{default:"text-info-label",info:"text-info-label"}},option:{tag:"label",selector:{default:"text-info-option",info:"text-info-option"}},paragraph:{tag:"p",selector:{default:"text-info-paragraph",secondary:"text-secondary-paragraph",info:"text-info-paragraph",read:"text-read-paragraph"}},snippet:{tag:"code",selector:{default:"text-code-snippet",mono:"text-code-snippet"}},tip:{tag:"div",selector:{default:"text-info-tip",info:"text-info-tip"}}},s=2147483647,h=t=>16807*t%s,l=t=>h(t)/s,g=((t=1)=>{let e=t<1?1:t;const i=()=>(e=h(e),e);return{random:()=>i(),randomFloat:()=>l(i()),range:(t,e)=>{const a=t-.4999;return Math.round(a+(e+.4999-a)*l(i()))},rangeFloat:(t,e)=>t+(e-t)*l(i())}})(),f=()=>{};class m{constructor(t){this.start=()=>{const{frameOffset:t,charOffset:e,str:i,speed:a}=this,o=(n=t,r=e,t=>(t=>t.split("").map((t=>t.charCodeAt(0))))(t).map(((t,e)=>()=>(t+g.range(0,e))*(2*(Math.round(Math.random())-.5)))(n,r)))(i);var n,r;this.stop(),this.rafId=requestAnimationFrame((()=>{this.step(o,a,a)}))},Object.assign(this,Object.assign(Object.assign({},m.defaults),t))}stop(){cancelAnimationFrame(this.rafId)}step(t,e,i){const{str:a,charStep:o,minCharCode:n,maxCharCode:r,placeholderChar:s,onProgress:h,onComplete:l}=this,g=t.slice(0,e).map((t=>t>0?t-1:t<0?t+1:0)),f=(({str:t,minCharCode:e,maxCharCode:i,placeholderChar:a,charStep:o})=>n=>n.reduce(((n,r,s)=>{return 0!==r?Math.abs(r)>o?n+a:n+String.fromCharCode((h=e,l=i,t=>t>l?h+(t-l):t<h?l+(t-h):t)(t.charCodeAt(s)+r)):n+t.charAt(s);var h,l}),""))({str:a,minCharCode:n,maxCharCode:r,placeholderChar:s,charStep:o})(g),m=[...g,...t.slice(e)];h(f),f!==a?this.rafId=requestAnimationFrame((()=>{this.step(m,e+i,i)})):l(f)}}m.defaults={str:"",speed:2,placeholderChar:"_",frameOffset:30,charOffset:20,charStep:10,minCharCode:32,maxCharCode:122,onProgress:f,onComplete:f};const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.cssTextAnimationSpeed=2,this.cssTextAnimationPlaceholderChar=" ",this.randomTextOptions={speed:this.cssTextAnimationSpeed,placeholderChar:this.cssTextAnimationPlaceholderChar,frameOffset:10,charOffset:20,charStep:15},this.animation="none",this.typography="detail",this.animateText=t=>{var e;const i=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".text");this.randomTextOptions.speed=this.cssTextAnimationSpeed,this.randomTextOptions.placeholderChar=this.cssTextAnimationPlaceholderChar,this.randomText=new m(Object.assign({str:t,onProgress:t=>{i.innerHTML=t}},this.randomTextOptions)),this.randomText.start()},this.updateCSSCustomProps=()=>{if("undefined"==typeof window)return;const t=window.getComputedStyle(this.host);this.cssTextAnimationSpeed=Number(t.getPropertyValue("--mds-text-animation-speed"));const e=t.getPropertyValue("--mds-text-animation-placeholder-char");this.cssTextAnimationPlaceholderChar='" "'!==e&&"' '"!==e?e:" "}}connectedCallback(){this.unsubscribePrefAnimation=n("animation",(t=>{this.prefAnimation=t}))}disconnectedCallback(){var t;null===(t=this.unsubscribePrefAnimation)||void 0===t||t.call(this)}componentWillRender(){var t;const{tag:e}=r[this.typography];this.tag=null!==(t=this.tag)&&void 0!==t?t:e}componentDidLoad(){"yugop"===this.animation&&this.updateCSSCustomProps()}textHandler(t){"none"!==this.animation&&(null!=this.randomText&&this.randomText.stop(),void 0!==t&&""!==t&&this.animateText(t))}render(){return i(a,{key:"86a3d3c07cfc75f8e65c081939b6d1afe1ca07f5","pref-animation":this.prefAnimation},i(this.tag,{key:"3664cfc90f221a023b5dc5f53e3f14877a6f1b5d",class:"text"},void 0===this.text||""===this.text?i("slot",null):this.text))}get host(){return this}static get watchers(){return{text:[{textHandler:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-text-selection-background:rgb(var(--label-sky-09,6 76 107));--mds-text-selection-color:rgb(var(--label-sky-01,236 248 254));--mds-text-line-clamp:3;--mds-text-animation-speed:.5;--mds-text-animation-placeholder-char:" ";--tw-font-weight:initial;--tw-ease:initial}}}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-text-line-clamp{syntax:"<integer>";inherits:false;initial-value:3}@property --mds-text-animation-speed{syntax:"<number>";inherits:false;initial-value:.5}@property --mds-text-animation-placeholder-char{syntax:"<string>";inherits:false;initial-value:" "}:host{--mds-text-selection-background:rgb(var(--label-sky-09,6 76 107));--mds-text-selection-color:rgb(var(--label-sky-01,236 248 254));--mds-text-line-clamp:3;--mds-text-animation-speed:.5;--mds-text-animation-placeholder-char:" ";--mds-text-transition-duration:var(--duration-200,.2s);--private-text-transition-duration:var(--mds-text-transition-duration);display:flex;min-width:0}.text::selection{background-color:var(--mds-text-selection-background,rgb(var(--label-sky-09,6 76 107)));color:var(--mds-text-selection-color,rgb(var(--label-sky-01,236 248 254)))}.text{cursor:inherit;display:inherit}:host([typography=snippet]){font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=hack]){font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h1]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h1,3rem);font-weight:var(--tw-font-weight,var(--text-size-title-h1--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h1--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h1--line-height,3rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h2]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h2,2.25rem);font-weight:var(--tw-font-weight,var(--text-size-title-h2--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h2--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h2--line-height,2.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h3]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h3,1.875rem);font-weight:var(--tw-font-weight,var(--text-size-title-h3--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h3--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h3--line-height,2.25rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h4]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h4,1.5rem);font-weight:var(--tw-font-weight,var(--text-size-title-h4--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h4--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h4--line-height,2rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h5]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h5,1.25rem);font-weight:var(--tw-font-weight,var(--text-size-title-h5--font-weight,900));letter-spacing:var(--tw-tracking,var(--text-size-title-h5--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h5--line-height,1.75rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h6]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-h6,1rem);font-weight:var(--tw-font-weight,var(--text-size-title-h6--font-weight,700));letter-spacing:var(--tw-tracking,var(--text-size-title-h6--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-title-h6--line-height,1.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=h1]),:host([typography=h2]),:host([typography=h3]),:host([typography=h4]),:host([typography=h5]),:host([typography=h6]){text-wrap:balance}:host([typography=action]){font-family:var(--font-title,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-title-action,.875rem);font-weight:var(--tw-font-weight,var(--text-size-title-action--font-weight,500));line-height:var(--tw-leading,var(--text-size-title-action--line-height,1.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=paragraph]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-paragraph,1.25rem);font-weight:var(--tw-font-weight,var(--text-size-info-paragraph--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-paragraph--line-height,2rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=detail]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=caption]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-caption,.875rem);font-weight:var(--tw-font-weight,var(--text-size-info-caption--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-caption--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=caption]),:host([typography=detail]),:host([typography=paragraph]){text-wrap:pretty}:host([typography=label]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-label,.75rem);font-weight:var(--tw-font-weight,var(--text-size-info-label--font-weight,700));line-height:var(--tw-leading,var(--text-size-info-label--line-height,1rem));min-height:auto;text-box:trim-both cap alphabetic;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=tip]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-tip,.75rem);font-weight:var(--tw-font-weight,var(--text-size-info-tip--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-tip--line-height,1rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=option]){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-option,.625rem);font-weight:var(--tw-font-weight,var(--text-size-info-option--font-weight,700));letter-spacing:var(--tw-tracking,var(--text-size-info-option--letter-spacing,-.025em));line-height:var(--tw-leading,var(--text-size-info-option--line-height,.625rem));min-height:auto;text-box:trim-both cap alphabetic;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=paragraph][variant=read]){font-family:var(--font-read,"Merriweather",Times,"Times New Roman",serif);font-size:var(--text-size-read-paragraph,1.25rem);font-weight:var(--tw-font-weight,var(--text-size-read-paragraph--font-weight,300));line-height:var(--tw-leading,var(--text-size-read-paragraph--line-height,2rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=detail][variant=read]){font-family:var(--font-read,"Merriweather",Times,"Times New Roman",serif);font-size:var(--text-size-read-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-read-detail--font-weight,300));line-height:var(--tw-leading,var(--text-size-read-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([typography=caption][variant=read]){font-family:var(--font-read,"Merriweather",Times,"Times New Roman",serif);font-size:var(--text-size-read-caption,.875rem);font-weight:var(--tw-font-weight,var(--text-size-read-caption--font-weight,400));line-height:var(--tw-leading,var(--text-size-read-caption--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([tag=article]),:host([tag=blockquote]),:host([tag=dd]),:host([tag=details]),:host([tag=div]),:host([tag=dl]),:host([tag=dt]),:host([tag=figcaption]),:host([tag=h1]),:host([tag=h2]),:host([tag=h3]),:host([tag=h4]),:host([tag=h5]),:host([tag=h6]),:host([tag=label]),:host([tag=legend]),:host([tag=li]),:host([tag=ol]),:host([tag=p]),:host([tag=pre]),:host([tag=summary]),:host([tag=ul]){display:block}:host([tag=abbr]),:host([tag=address]),:host([tag=b]),:host([tag=bdo]),:host([tag=cite]),:host([tag=code]),:host([tag=del]),:host([tag=dfn]),:host([tag=em]),:host([tag=i]),:host([tag=ins]),:host([tag=kbd]),:host([tag=mark]),:host([tag=q]),:host([tag=rb]),:host([tag=rt]),:host([tag=ruby]),:host([tag=s]),:host([tag=samp]),:host([tag=small]),:host([tag=span]),:host([tag=strong]),:host([tag=sub]),:host([tag=sup]),:host([tag=time]),:host([tag=u]),:host([tag=var]){display:inline}:host([tag=code]){--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:rgb(var(--tone-neutral-09,76 76 76));border-radius:.25rem;-webkit-box-shadow:rgb(var(--tone-neutral-08,107 107 107)) 0 0 0 1px;box-shadow:rgb(var(--tone-neutral-08,107 107 107)) 0 0 0 1px;color:rgb(var(--tone-neutral-03,233 233 233));padding-block:calc(var(--spacing,.0025rem)*25);padding-inline:calc(var(--spacing,.0025rem)*100);-webkit-transition-duration:var(--private-text-transition-duration);transition-duration:var(--private-text-transition-duration);transition-property:color,background-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host([truncate]) .text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}:host([truncate=word]) .text{white-space:nowrap}@supports (line-clamp:1){:host([truncate=all]) .text{line-clamp:var(--mds-text-line-clamp,1)}}@supports (display:-webkit-box){:host([truncate=all]) .text{-webkit-line-clamp:var(--mds-text-line-clamp,1);-webkit-box-orient:vertical;display:-webkit-box}}abbr,address,article,b,bdo,blockquote,cite,code,dd,del,details,dfn,div,dl,dt,em,figcaption,h1,h2,h3,h4,h5,h6,i,ins,kbd,label,legend,li,mark,ol,p,pre,q,rb,rt,ruby,s,samp,small,span,strong,sub,summary,sup,time,u,ul,var,wbr{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;overflow:inherit;text-overflow:inherit}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}'}},[257,"mds-text",{animation:[1],tag:[1537],text:[513],truncate:[513],typography:[513],variant:[513],prefAnimation:[32]},void 0,{text:[{textHandler:0}]}]);function c(){"undefined"!=typeof customElements&&["mds-text"].forEach((t=>{"mds-text"===t&&(customElements.get(o(t))||customElements.define(o(t),p))}))}export{p as M,c as d}