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

package/dist/components/mds-tab-bar-item.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{r as i,s as n}from"./slot.js";import{d as c}from"./mds-icon2.js";import{d}from"./mds-text2.js";const m=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.selectedEvent=r(this,"mdsTabBarItemSelect",7),this.icon="",this.typography="tip",this.select=()=>{this.isSelected=!this.isSelected,this.isSelected&&this.selectedEvent.emit(this.element.id)},this.onSlotChangeHandler=()=>{this.label||(this.label=i(this.element))}}componentWillLoad(){this.isSelected=this.selected}validateSelected(t){this.isSelected=t}labelChanged(t){this.label=n(t)}render(){return a(o,{key:"cfdd8682bdab7117d3853abff77c31f871314a20",onClick:this.select},a("mds-icon",{key:"4dd1b08193a0c6c1238104c1484523b7cc074a8a",name:this.icon}),a("mds-text",{key:"d8bb748fbc4941fd5b65101997a1a21b1b7a1ed4",typography:this.typography},this.label||a("slot",{key:"7e4fead88e847406b6e22ac534fcd67862fbe613",onSlotchange:this.onSlotChangeHandler})))}get element(){return this}static get watchers(){return{selected:[{validateSelected:0}],label:[{labelChanged: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-tab-bar-item-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-bar-item-background-selected:transparent;--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-03,211 226 255));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,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}@property --mds-tab-bar-item-background-selected{syntax:"<color>";inherits:false;initial-value:#0000}:host{--mds-tab-bar-item-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-bar-item-background-selected:transparent;--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-03,211 226 255));gap:calc(var(--spacing,.0025rem)*100);padding:calc(var(--spacing,.0025rem)*200);--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));align-items:center;background-color:var(--mds-tab-bar-item-background,rgb(var(--tone-neutral-10,60 60 60)));color:var(--mds-tab-bar-item-color,rgb(var(--tone-neutral-04,218 218 218)));cursor:pointer;display:flex;fill:var(--mds-tab-bar-item-color,rgb(var(--tone-neutral-04,218 218 218)));flex:1 0 0;flex-direction:column;text-align:center;transition-duration:.2s;transition-property:color,background-color,fill;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host([selected]:not([selected=false])){background-color:var(--mds-tab-bar-item-background-selected,transparent);color:var(--mds-tab-bar-item-color-selected,rgb(var(--variant-primary-03,211 226 255)));fill:var(--mds-tab-bar-item-color-selected,rgb(var(--variant-primary-03,211 226 255)))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--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){--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))}@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-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))}}@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))}}'}},[257,"mds-tab-bar-item",{icon:[1],label:[1537],selected:[1540],typography:[1],isSelected:[32]},void 0,{selected:[{validateSelected:0}],label:[{labelChanged:0}]}]),l=m,b=function(){"undefined"!=typeof customElements&&["mds-tab-bar-item","mds-icon","mds-text"].forEach((t=>{switch(t){case"mds-tab-bar-item":customElements.get(s(t))||customElements.define(s(t),m);break;case"mds-icon":customElements.get(s(t))||c();break;case"mds-text":customElements.get(s(t))||d()}}))};export{l as MdsTabBarItem,b 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{r as i,s as n}from"./slot.js";import{d as c}from"./mds-icon2.js";import{d}from"./mds-text2.js";const m=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.selectedEvent=r(this,"mdsTabBarItemSelect",7),this.icon="",this.typography="tip",this.select=()=>{this.isSelected=!this.isSelected,this.isSelected&&this.selectedEvent.emit(this.element.id)},this.onSlotChangeHandler=()=>{void 0!==this.label&&""!==this.label||(this.label=i(this.element))}}componentWillLoad(){this.isSelected=this.selected}validateSelected(t){this.isSelected=t}labelChanged(t){this.label=n(t)}render(){return a(o,{key:"f3c37cdf12cd99a5e9c2ffa3ef04af68548c4c3c",onClick:this.select},a("mds-icon",{key:"f79a29591079ab87d9afcc6e5bcf3acf8db4c66c",name:this.icon}),a("mds-text",{key:"5399aa307b7c9e097232b903e3482b2f2d8eebc4",typography:this.typography},this.label||a("slot",{key:"ebd5d848468f5f0fd895c93b5c67f7954636234a",onSlotchange:this.onSlotChangeHandler})))}get element(){return this}static get watchers(){return{selected:[{validateSelected:0}],label:[{labelChanged: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-tab-bar-item-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-bar-item-background-selected:transparent;--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-03,211 226 255));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,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}@property --mds-tab-bar-item-background-selected{syntax:"<color>";inherits:false;initial-value:#0000}:host{--mds-tab-bar-item-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-bar-item-background-selected:transparent;--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-03,211 226 255));gap:calc(var(--spacing,.0025rem)*100);padding:calc(var(--spacing,.0025rem)*200);--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));align-items:center;background-color:var(--mds-tab-bar-item-background,rgb(var(--tone-neutral-10,60 60 60)));color:var(--mds-tab-bar-item-color,rgb(var(--tone-neutral-04,218 218 218)));cursor:pointer;display:flex;fill:var(--mds-tab-bar-item-color,rgb(var(--tone-neutral-04,218 218 218)));flex:1 0 0;flex-direction:column;text-align:center;transition-duration:.2s;transition-property:color,background-color,fill;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host([selected]:not([selected=false])){background-color:var(--mds-tab-bar-item-background-selected,transparent);color:var(--mds-tab-bar-item-color-selected,rgb(var(--variant-primary-03,211 226 255)));fill:var(--mds-tab-bar-item-color-selected,rgb(var(--variant-primary-03,211 226 255)))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--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){--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))}@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-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))}}@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))}}'}},[257,"mds-tab-bar-item",{icon:[1],label:[1537],selected:[1540],typography:[1],isSelected:[32]},void 0,{selected:[{validateSelected:0}],label:[{labelChanged:0}]}]),l=m,b=function(){"undefined"!=typeof customElements&&["mds-tab-bar-item","mds-icon","mds-text"].forEach((t=>{switch(t){case"mds-tab-bar-item":customElements.get(s(t))||customElements.define(s(t),m);break;case"mds-icon":customElements.get(s(t))||c();break;case"mds-text":customElements.get(s(t))||d()}}))};export{l as MdsTabBarItem,b as defineCustomElement}

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:"65e92345e90f0b287bcb89e42803730b914bb6c1"},r("slot",{key:"c5eb2105f89f7957a0fb0aa5752d40d90d4396b3"}))}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 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}

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:"8e3e4eaa9a5c331d461247f8ac91b1ba4fffbc11"},o("mds-button",{key:"f2afbe737326a6c01fd42727e1893c48dc2c5e0c",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 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}

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(!this.tabs||!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:"cce3940ff16568da1dfe05f92703e4728bccb046"},s("div",{key:"36e2dac7142dc4656ffc7e8c0428a3cebf922eeb",class:l("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&s("div",{key:"12f6f6cbbdd3de8aacddb74cd9dd853e4d6b8b3d",class:l("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&s("div",{key:"5fbac5f5d688d73c5691a5620876a3d3393ff3ce",class:l("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),s("div",{key:"b20ce9bd0f6706d5f8ba7c89cdc1fe7656c59c81",class:"tabs",part:"tabs",role:"tablist"},s("slot",{key:"6e1266f9ba7bb07121ea46e4b6703b11b6dc1dab"}),"slide"===this.animation&&s("div",{key:"b314111ac0a86da0fbe6105d2b152007df9102c8",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:"e3cc9d9abc57bd7ddcf6ee17043100d816100531",class:"contents",part:"contents"},s("slot",{key:"4ecc3ff8d6687f293092d5420d0d4858da344d43",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 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}

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

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as r,h as o,Host as a,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 o(a,{key:"a764ed8fcb40bd58e0e343e10ecd7be004f7cd68",role:"rowgroup"},o("slot",{key:"4976aeaf766ad113e8ee8f1f535f4e1fdf41764c"}))}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,l=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,l as defineCustomElement}
+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}

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:"f129e0a47627697a61583d2aab152312162d7fd0"},r("slot",{key:"c944390e056de47f4376f829f3b9bfe885a5c3b2"}))}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 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}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as o,Host as r,transformTag as i}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o(r,{key:"e2661b9dfe47fa427e9055e435d7ea59c7f6855f",role:"row"},o("slot",{key:"365a39d3a739ca4ec2b374f6e2c25710cf41dc60"}))}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((e=>{"mds-table-footer"===e&&(customElements.get(i(e))||customElements.define(i(e),n))}))};export{a as MdsTableFooter,s as defineCustomElement}
+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}

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;!this.sortable||this.sortable&&(null===(t=this.tableHeaderCellSiblings)||void 0===t?void 0:t.length)||(this.tableBody=null===(e=this.element.closest("mds-table"))||void 0===e?void 0:e.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=>t.value?t.value:t.textContent?t.textContent.trim():"",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:"c2ebe9d24d76a9780528c6093dfad8f3b1481354",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 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}

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&&(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:"37b1dc996ea1131669eb20bcd7267113722eae2a",role:"row"},this.selectable&&s("mds-table-cell",{key:"a9e7504417cf9a44eacda2643fa5485132aeb937",class:"selection",role:"columnheader"},s("div",{key:"a0fb9d483af2ad7ed2aa07fbcb3dcb38a2bee64c",class:"checkbox-wrapper"},s("mds-input-switch",{key:"c81fc1232bf3b9b5e37a709095f7d9837933c7ba",class:"checkbox",title:this.t.get(this.selectAll?"selectNoneRows":"selectAllRows"),lang:this.language,type:"checkbox",onMdsInputSwitchChange:this.handleSelectAllChange,indeterminate:this.indeterminate}))),s("slot",{key:"8c02567f4261a7851a6ab624dd281de48366bbc0"}),this.hasActions&&s("mds-table-header-cell",{key:"95340371d6d6f7199633cde4b66eb2177437f63d",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 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}

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:"647098c017c85b3b88975a7a98366afbc7140a07",role:"row"},this.selectable&&a("mds-table-cell",{key:"42fd6b0fa4f38993b6f824c6fb4adabdee05b277",class:"selection-cell"},a("div",{key:"4aa67fd4526d675c8486335ebea22a7c94b05f88",class:"checkbox-wrapper"},a("mds-input-switch",{key:"885d7a270ff2c49b1f1d2a0cfc7beeb1e80ab67f",title:this.t.get(this.selected?"unselectRow":"selectRow"),lang:this.language,type:"checkbox",checked:this.selected,onMdsInputSwitchChange:this.handleSelectionChange}))),a("slot",{key:"e178eac73e1485a8009248cbcad6d50437c96a3e"}),this.hasActions&&n()&&a("mds-table-cell",{key:"dd49057349406107e8e9bf5c552c900c78d3a2f4",class:"actions-cell actions-cell--disable"},a("div",{key:"8ea991e4c62686c5d2e488c59abbc72cf20d47e1",class:"actions"},a("slot",{key:"e4c312f1022dfb2ca120edd5749f795472c1af5f",name:"action"}))),this.hasActions&&!n()&&a("mds-table-cell",{key:"16152eed7d5eb29175ed7db0a046802f2357adad",class:"actions-cell"},a("div",{key:"8e632cad0c708d6a857db3134a6c979be9893ced",class:"actions-sizer",style:{minHeight:"1px",maxWidth:this.sizerWidth,minWidth:this.sizerWidth}}),a("div",{key:"b29ad0849a425b0ca8f5257b27efd0f248edb3fa",class:"actions-view"},a("div",{key:"0fe5795c3d1cac06487fc7a7df06369815ba2b44",class:"actions",ref:e=>this.actions=e,style:{marginRight:`calc(${this.sizerWidth} + var(--mds-table-cell-padding))`}},a("slot",{key:"02b63534de3cfcfaca02794ec6043218e887d503",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 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}

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 as b}from"./mds-text2.js";var d={batchActions:"Επιλεγμένα στοιχεία"},c={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:d,en:c,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=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:"26c4ebf8d8dac2b2e8505526cac64abe56f9635f"},a("div",{key:"efe2076b369e0898e38ea181b6fa403c4ad97bb1",class:"table-wrapper",part:"table-wrapper"},a("table",{key:"0951fff09d1ae80d5ed7080b602a64df3a181751",class:n("table",this.interactive&&"table--interactive"),role:"table",part:"table"},a("slot",{key:"360f656f2380d7e211bd2e21f79a575ae76d1bc9",onSlotchange:this.updateSlottedElements}))),this.selectable&&this.hasBatchActions&&a("div",{key:"3f0882dbcd34c89d9be13568b1b92fcc4ce76512",class:n("batch-actions-wrapper",this.selectedRows.length>0?"batch-actions-wrapper--has-selected-rows":""),part:"batch-actions-wrapper"},a("div",{key:"a7738eacba45b945a317573a0245534e69068342",class:"batch-actions",part:"batch-actions"},a("div",{key:"d0189b91bb6a3ccd185a52a5945fb20c880b51c0",class:"batch-actions-header"},a("mds-text",{key:"6b6ba41fb6157e1285135342ce9fe15f6e118926",class:"batch-actions-label",typography:"label"},this.t.get("batchActions")),a("mds-badge",{key:"caaf5b9fea8cea12d045b59d8c45b0b4f74c3a5e",variant:"dark",tone:"outline",typography:"label"},this.selectedRows.length)),a("slot",{key:"b97911b24077a3197f7a2f5b12d88cf48a89afd0",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))||b()}}))};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 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}