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

package/dist/esm-es5/mds-status-bar.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,a,e,r){function s(t){return t instanceof e?t:new e((function(a){a(t)}))}return new(e||(e=Promise))((function(e,o){function n(t){try{d(r.next(t))}catch(t){o(t)}}function i(t){try{d(r["throw"](t))}catch(t){o(t)}}function d(t){t.done?e(t.value):s(t.value).then(n,i)}d((r=r.apply(t,a||[])).next())}))};var __generator=this&&this.__generator||function(t,a){var e={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,s,o,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=i(0),n["throw"]=i(1),n["return"]=i(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function i(t){return function(a){return d([t,a])}}function d(i){if(r)throw new TypeError("Generator is already executing.");while(n&&(n=0,i[0]&&(e=0)),e)try{if(r=1,s&&(o=i[0]&2?s["return"]:i[0]?s["throw"]||((o=s["return"])&&o.call(s),0):s.next)&&!(o=o.call(s,i[1])).done)return o;if(s=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:e.label++;return{value:i[1],done:false};case 5:e.label++;s=i[1];i=[0];continue;case 7:i=e.ops.pop();e.trys.pop();continue;default:if(!(o=e.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){e=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){e.label=i[1];break}if(i[0]===6&&e.label<o[1]){e.label=o[1];o=i;break}if(o&&e.label<o[2]){e.label=o[2];e.ops.push(i);break}if(o[2])e.ops.pop();e.trys.pop();continue}i=a.call(t,e)}catch(t){i=[6,t];s=0}finally{r=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";var mdsStatusBarCss=function(){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 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-status-bar-max-width:500px;--mds-status-bar-backdrop:rgb(var(--tone-neutral-01,255 255 255)/.1)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-modal,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-status-bar-max-width{syntax:"<length>";inherits:false;initial-value:500px}:host{--mds-status-bar-max-width:500px;--mds-status-bar-backdrop:rgb(var(--tone-neutral-01,255 255 255)/.1);--mds-status-bar-backdrop-filter:blur(10px)}mds-modal{--mds-modal-custom-window-distance:0;--mds-modal-custom-closed-transform:translateY(100%)}.status-bar-area{-webkit-backdrop-filter:var(--mds-status-bar-backdrop-filter);backdrop-filter:var(--mds-status-bar-backdrop-filter);background-color:var(--mds-status-bar-backdrop,rgb(var(--tone-neutral-01,255 255 255)/.1));border-radius:var(--radius-xl,20px) var(--radius-xl,20px) 0 0;margin-left:calc(var(--spacing,.0025rem)*600);margin-right:calc(var(--spacing,.0025rem)*600);padding:calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*600);transition-property:background-color,transform,opacity}.status-bar{align-items:flex-start;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a);box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a);max-width:var(--mds-status-bar-max-width,500px);padding:calc(var(--spacing,.0025rem)*600)}.actions,.status-bar{display:inline-flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*400)}.actions{flex-grow:1}:host-context(:root.pref-animation-reduce) .status-bar-area{transition-duration:0s}:host-context(:root.pref-consumption-medium){--mds-status-bar-backdrop-filter:none}:host-context(:root.pref-contrast-more){--mds-status-bar-backdrop:rgb(var(--tone-neutral-02,244 244 244)/.3)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .status-bar{-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}@media (max-width:480px){.status-bar-area{border-radius:0;margin-left:0;margin-right:0;padding:calc(var(--spacing,.0025rem)*400);width:100%}.status-bar{width:100%}.actions{gap:calc(var(--spacing,.0025rem)*200)}::slotted(*){flex-grow:1}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .status-bar-area{transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-status-bar-backdrop:rgb(var(--tone-neutral-02,244 244 244)/.3)}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .status-bar{-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}}'};var MdsStatusBar=function(){function t(t){registerInstance(this,t);this.overflow="manual";this.position="bottom-right"}t.prototype.componentDidLoad=function(){var t;this.modal=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".modal");this.modal.backdrop=undefined};t.prototype.handleVisbilityProp=function(t){if(t===false){this.visible=undefined}};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.visible=undefined;return[2]}))}))};t.prototype.render=function(){return h(Host,{key:"2e37f49ed168ac4f92de372d2174073b193ed5f3"},h("mds-modal",{key:"248f8662369de074f704d86b3ff83597b2403592",class:"modal",opened:this.visible,position:this.position,animation:"custom",overflow:this.overflow},h("div",{key:"3acce82b21bd279dab72e67cf3ecaa6c2c88c228",class:"status-bar-area",part:"status-bar-area",slot:"window"},h("div",{key:"40b7f67c8e568860cbdf843ca46b98f5fa61a765",class:"status-bar",part:"status-bar"},this.description&&h("mds-text",{key:"e669ba5dfe960c3a11812f55720f35ad2d1514a6",typography:"caption",class:"description"},this.description),h("div",{key:"bb0266d41aa9eabd340e1a709a625e94c08682ed",class:"actions",part:"actions"},h("slot",{key:"aac6557450ec7509c1126dfc1ccc629474e4d5e8"}))))))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{visible:[{handleVisbilityProp:0}]}},enumerable:false,configurable:true});return t}();MdsStatusBar.style=mdsStatusBarCss();export{MdsStatusBar as mds_status_bar};
+var __awaiter=this&&this.__awaiter||function(t,a,e,r){function s(t){return t instanceof e?t:new e((function(a){a(t)}))}return new(e||(e=Promise))((function(e,o){function n(t){try{d(r.next(t))}catch(t){o(t)}}function i(t){try{d(r["throw"](t))}catch(t){o(t)}}function d(t){t.done?e(t.value):s(t.value).then(n,i)}d((r=r.apply(t,a||[])).next())}))};var __generator=this&&this.__generator||function(t,a){var e={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,s,o,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=i(0),n["throw"]=i(1),n["return"]=i(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function i(t){return function(a){return d([t,a])}}function d(i){if(r)throw new TypeError("Generator is already executing.");while(n&&(n=0,i[0]&&(e=0)),e)try{if(r=1,s&&(o=i[0]&2?s["return"]:i[0]?s["throw"]||((o=s["return"])&&o.call(s),0):s.next)&&!(o=o.call(s,i[1])).done)return o;if(s=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:e.label++;return{value:i[1],done:false};case 5:e.label++;s=i[1];i=[0];continue;case 7:i=e.ops.pop();e.trys.pop();continue;default:if(!(o=e.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){e=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){e.label=i[1];break}if(i[0]===6&&e.label<o[1]){e.label=o[1];o=i;break}if(o&&e.label<o[2]){e.label=o[2];e.ops.push(i);break}if(o[2])e.ops.pop();e.trys.pop();continue}i=a.call(t,e)}catch(t){i=[6,t];s=0}finally{r=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";var mdsStatusBarCss=function(){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 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-status-bar-max-width:500px;--mds-status-bar-backdrop:rgb(var(--tone-neutral-01,255 255 255)/.1)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-modal,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-status-bar-max-width{syntax:"<length>";inherits:false;initial-value:500px}:host{--mds-status-bar-max-width:500px;--mds-status-bar-backdrop:rgb(var(--tone-neutral-01,255 255 255)/.1);--mds-status-bar-backdrop-filter:blur(10px)}mds-modal{--mds-modal-custom-window-distance:0;--mds-modal-custom-closed-transform:translateY(100%)}.status-bar-area{-webkit-backdrop-filter:var(--mds-status-bar-backdrop-filter);backdrop-filter:var(--mds-status-bar-backdrop-filter);background-color:var(--mds-status-bar-backdrop,rgb(var(--tone-neutral-01,255 255 255)/.1));border-radius:var(--radius-xl,20px) var(--radius-xl,20px) 0 0;margin-left:calc(var(--spacing,.0025rem)*600);margin-right:calc(var(--spacing,.0025rem)*600);padding:calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*600);transition-property:background-color,transform,opacity}.status-bar{align-items:flex-start;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a);box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a);max-width:var(--mds-status-bar-max-width,500px);padding:calc(var(--spacing,.0025rem)*600)}.actions,.status-bar{display:inline-flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*400)}.actions{flex-grow:1}:host-context(:root.pref-animation-reduce) .status-bar-area{transition-duration:0s}:host-context(:root.pref-consumption-medium){--mds-status-bar-backdrop-filter:none}:host-context(:root.pref-contrast-more){--mds-status-bar-backdrop:rgb(var(--tone-neutral-02,244 244 244)/.3)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .status-bar{-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}@media (max-width:480px){.status-bar-area{border-radius:0;margin-left:0;margin-right:0;padding:calc(var(--spacing,.0025rem)*400);width:100%}.status-bar{width:100%}.actions{gap:calc(var(--spacing,.0025rem)*200)}::slotted(*){flex-grow:1}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .status-bar-area{transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-status-bar-backdrop:rgb(var(--tone-neutral-02,244 244 244)/.3)}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .status-bar{-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}}'};var MdsStatusBar=function(){function t(t){registerInstance(this,t);this.overflow="manual";this.position="bottom-right"}t.prototype.componentDidLoad=function(){var t;this.modal=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".modal");this.modal.backdrop=undefined};t.prototype.handleVisbilityProp=function(t){if(t===false){this.visible=undefined}};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.visible=undefined;return[2]}))}))};t.prototype.render=function(){return h(Host,{key:"8b1a0fd4300583d834e1f33796bb8d01b4b585a8"},h("mds-modal",{key:"f1ab035918beff8cffd0c10474fff898b00952cf",class:"modal",opened:this.visible,position:this.position,animation:"custom",overflow:this.overflow},h("div",{key:"a2a57a2c80322db3622b8e44ea5ca29f12946eea",class:"status-bar-area",part:"status-bar-area",slot:"window"},h("div",{key:"ea668180e6691b33d2a5377e6c6f510be23a227f",class:"status-bar",part:"status-bar"},this.description&&h("mds-text",{key:"3db7d7efc103c0186f3504db52aea0406c1e57bb",typography:"caption",class:"description"},this.description),h("div",{key:"d1daa893d59a6f7b1c5e7316bc3fec6352b919b8",class:"actions",part:"actions"},h("slot",{key:"d24bdaf3e0e25b3f2e8594dbe050436ea270f338"}))))))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{visible:[{handleVisbilityProp:0}]}},enumerable:false,configurable:true});return t}();MdsStatusBar.style=mdsStatusBarCss();export{MdsStatusBar as mds_status_bar};

package/dist/esm-es5/mds-stepper-bar-item.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,r,t,a){function s(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,n){function i(e){try{d(a.next(e))}catch(e){n(e)}}function o(e){try{d(a["throw"](e))}catch(e){n(e)}}function d(e){e.done?t(e.value):s(e.value).then(i,o)}d((a=a.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,s,n,i=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return i.next=o(0),i["throw"]=o(1),i["return"]=o(2),typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function o(e){return function(r){return d([e,r])}}function d(o){if(a)throw new TypeError("Generator is already executing.");while(i&&(i=0,o[0]&&(t=0)),t)try{if(a=1,s&&(n=o[0]&2?s["return"]:o[0]?s["throw"]||((n=s["return"])&&n.call(s),0):s.next)&&!(n=n.call(s,o[1])).done)return n;if(s=0,n)o=[o[0]&2,n.value];switch(o[0]){case 0:case 1:n=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;s=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(n=t.trys,n=n.length>0&&n[n.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]<n[3])){t.label=o[1];break}if(o[0]===6&&t.label<n[1]){t.label=n[1];n=o;break}if(n&&t.label<n[2]){t.label=n[2];t.ops.push(o);break}if(n[2])t.ops.pop();t.trys.pop();continue}o=r.call(e,t)}catch(e){o=[6,e];s=0}finally{a=n=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,r,t){if(t||arguments.length===2)for(var a=0,s=r.length,n;a<s;a++){if(n||!(a in r)){if(!n)n=Array.prototype.slice.call(r,0,a);n[a]=r[a]}}return e.concat(n||Array.prototype.slice.call(r))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{c as clsx}from"./clsx-ChV9xqsO.js";import{K as KeyboardManager}from"./keyboard-manager-BudfaWhu.js";import{L as Locale}from"./locale-a4oAcjYG.js";var badgeDone$3="Ολοκληρώθηκε";var badgeCurrent$3="Καθημερινή";var badgeQueued$3="Σε αναμονή";var step$3="Βήμα {{ index }}";var localeEl={badgeDone:badgeDone$3,badgeCurrent:badgeCurrent$3,badgeQueued:badgeQueued$3,step:step$3};var badgeDone$2="Done";var badgeCurrent$2="Current";var badgeQueued$2="Queued";var step$2="Step {{ index }}";var localeEn={badgeDone:badgeDone$2,badgeCurrent:badgeCurrent$2,badgeQueued:badgeQueued$2,step:step$2};var badgeDone$1="Completado";var badgeCurrent$1="En curso";var badgeQueued$1="En cola";var step$1="Paso {{ index }}";var localeEs={badgeDone:badgeDone$1,badgeCurrent:badgeCurrent$1,badgeQueued:badgeQueued$1,step:step$1};var badgeDone="Completato";var badgeCurrent="In corso";var badgeQueued="In coda";var step="Step {{ index }}";var localeIt={badgeDone:badgeDone,badgeCurrent:badgeCurrent,badgeQueued:badgeQueued,step:step};var mdsStepperBarItemCss=function(){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 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-stepper-bar-item-color:rgb(var(--tone-neutral-03,233 233 233));--mds-stepper-bar-item-duaration:.25s;--mds-stepper-bar-item-icon-background-done:rgb(var(--status-success-05,107 206 147));--mds-stepper-bar-item-icon-background-current:rgb(var(--variant-primary-04,184 208 255));--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-icon-color-done:rgb(var(--status-success-10,0 69 0));--mds-stepper-bar-item-icon-color-current:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-stepper-bar-item-icon-ring-color:var(--mds-stepper-bar-item-icon-background-current,rgb(var(--variant-primary-04,184 208 255)));--mds-stepper-bar-item-icon-ring-separator-color:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-ring-separator-size:.375rem;--mds-stepper-bar-item-icon-ring-size:var(--height-100);--mds-stepper-bar-item-min-width:180px;--mds-stepper-bar-item-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-stepper-bar-item-progress-color:rgb(var(--status-success-04,158 222 181));--mds-stepper-bar-item-progress-thickness:var(--height-200);--tw-ease:initial;--tw-duration:initial}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-stepper-bar-item-duaration{syntax:"<time>";inherits:false;initial-value:.25s}@property --mds-stepper-bar-item-icon-ring-separator-size{syntax:"<length>";inherits:false;initial-value:.375rem}@property --mds-stepper-bar-item-min-width{syntax:"<length>";inherits:false;initial-value:180px}:host{--mds-stepper-bar-item-header-gap:var(--mds-stepper-bar-gap,calc(var(--spacing,.0025rem)*50));--mds-stepper-bar-item-color:rgb(var(--tone-neutral-03,233 233 233));--mds-stepper-bar-item-duaration:.25s;--mds-stepper-bar-item-icon-background-done:rgb(var(--status-success-05,107 206 147));--mds-stepper-bar-item-icon-background-current:rgb(var(--variant-primary-04,184 208 255));--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-icon-color-done:rgb(var(--status-success-10,0 69 0));--mds-stepper-bar-item-icon-color-current:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-stepper-bar-item-min-width:180px;--mds-stepper-bar-item-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-stepper-bar-item-progress-color:rgb(var(--status-success-04,158 222 181));--mds-stepper-bar-item-progress-thickness:var(--height-200);align-items:flex-start;border-radius:var(--radius-xl,20px);display:grid;flex:1 0 0;flex-direction:column;gap:calc(var(--spacing,.0025rem)*400);min-width:var(--mds-stepper-bar-item-min-width,180px);position:relative;scroll-snap-align:center;-webkit-transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-property:outline,outline-offset,background-color}:host(:last-of-type){flex-basis:calc(var(--spacing,.0025rem)*100)}:host(:last-of-type) .progress{display:none}:host([done]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-done,rgb(var(--status-success-05,107 206 147)));--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-done,rgb(var(--status-success-10,0 69 0)));transition-delay:0s}:host([current]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-current,rgb(var(--variant-primary-04,184 208 255)));--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-current,rgb(var(--tone-neutral,0 0 0)));-webkit-transition-delay:calc(var(--mds-stepper-bar-item-duaration,.25s)/2);transition-delay:calc(var(--mds-stepper-bar-item-duaration,.25s)/2)}.header{border-radius:var(--radius-md,12px);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;display:flex;gap:var(--mds-stepper-bar-item-header-gap);-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:outline,outline-offset;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));width:100%}.icon{border-radius:var(--radius-full,1000px);--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-stepper-bar-item-icon-background,var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107))));display:flex;fill:var(--mds-stepper-bar-item-icon-color,rgb(var(--tone-neutral-04,218 218 218)));flex-shrink:0;padding:calc(var(--spacing,.0025rem)*200);position:relative;transition-duration:.15s;-webkit-transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-property:background-color,fill;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.progress{--mds-stepper-bar-item-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-color:var(--mds-stepper-bar-item-progress-color,rgb(var(--status-success-04,158 222 181)));--mds-stepper-bar-item-thickness:var(--mds-stepper-bar-item-progress-thickness,var(--height-200));--mds-progress-radius:0;flex-grow:1}.infos{display:grid;gap:calc(var(--spacing,.0025rem)*100);padding-left:calc(var(--spacing,.0025rem)*100)}.text{--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));color:var(--mds-stepper-bar-item-color,rgb(var(--tone-neutral-03,233 233 233)));pointer-events:none;transition-duration:.15s;-webkit-transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-property:color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.badge,.step{border-radius:var(--radius-full,1000px);pointer-events:none}.step{color:rgb(var(--tone-neutral-04,218 218 218))}:host-context(:root.pref-animation-reduce){transition-delay:0s!important;transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .header,:host-context(:root.pref-animation-reduce) .icon,:host-context(:root.pref-animation-reduce) .text){transition-delay:0s!important;transition-duration:0s}@property --tw-ease{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .header,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .text{transition-delay:0s!important;transition-duration:0s}}'};var MdsStepperBarItem=function(){function e(e){var r=this;registerInstance(this,e);this.doneEvent=createEvent(this,"mdsStepperBarItemDone");this.km=new KeyboardManager;this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.iconChecked=this.icon;this.done=false;this.current=false;this.typography="h6";this.showBadge=function(){if(r.isDone){return h("mds-badge",{class:"badge",variant:"success",tone:"weak",typography:"option"},r.t.get("badgeDone"))}if(r.isCurrent){return h("mds-badge",{class:"badge",variant:"info",tone:"weak",typography:"option"},r.t.get("badgeCurrent"))}return h("mds-badge",{class:"badge",variant:"dark",tone:"weak",typography:"option"},r.t.get("badgeQueued"))}}e.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=this.t.lang(this.host);return[2]}))}))};e.prototype.componentWillLoad=function(){this.isCurrent=this.current;this.isDone=this.done;var e=this.host.parentElement;if(e)this.index=__spreadArray([],Array.from(e.childNodes),true).indexOf(this.host)};e.prototype.componentDidLoad=function(){this.km.addElement(this.host);this.km.attachClickBehavior()};e.prototype.componentWillRender=function(){this.t.lang(this.host)};e.prototype.disconnectedCallback=function(){this.km.detachClickBehavior()};e.prototype.selectedHandler=function(e){this.isDone=e};e.prototype.currentHandler=function(e){this.isCurrent=e};e.prototype.render=function(){return h(Host,{key:"117ff77114f72fb2e58659a53a594b133092edc2"},h("div",{key:"bdfcff07ea6e0c849643b1c36d8d0a3004d90a0f",class:"header"},h("mds-icon",{key:"15a20b0bb4bd3ec80e04890fafe28f657aa50c62",class:"icon",name:clsx(this.isDone&&!this.isCurrent?this.iconChecked:this.icon)}),h("mds-progress",{key:"3da9d9cd257d82f7628f5f2845524854fd6a43e2","aria-hidden":"true",class:"progress",progress:this.isDone?1:0})),h("div",{key:"21ceca94f0545a0110558483668f289122fb2dcf",class:"infos"},this.step&&h("mds-text",{key:"d7609567247c9cf43acf3a52b8ee0c3e1697fbc5",class:"step",typography:"option"},this.t.get("step",{index:this.index+1})),this.label&&h("mds-text",{key:"3fc26167d085031d5ff9c7241c80046d28a1843d",class:"text",typography:this.typography},this.label),this.badge&&h("div",{key:"1ff407f2b05a19f13d3cdf7abc508853e9fb951c",part:"badge"},this.showBadge())))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{done:[{selectedHandler:0}],current:[{currentHandler:0}]}},enumerable:false,configurable:true});return e}();MdsStepperBarItem.style=mdsStepperBarItemCss();export{MdsStepperBarItem as mds_stepper_bar_item};
+var __awaiter=this&&this.__awaiter||function(e,r,t,a){function s(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,n){function i(e){try{d(a.next(e))}catch(e){n(e)}}function o(e){try{d(a["throw"](e))}catch(e){n(e)}}function d(e){e.done?t(e.value):s(e.value).then(i,o)}d((a=a.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,s,n,i=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return i.next=o(0),i["throw"]=o(1),i["return"]=o(2),typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function o(e){return function(r){return d([e,r])}}function d(o){if(a)throw new TypeError("Generator is already executing.");while(i&&(i=0,o[0]&&(t=0)),t)try{if(a=1,s&&(n=o[0]&2?s["return"]:o[0]?s["throw"]||((n=s["return"])&&n.call(s),0):s.next)&&!(n=n.call(s,o[1])).done)return n;if(s=0,n)o=[o[0]&2,n.value];switch(o[0]){case 0:case 1:n=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;s=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(n=t.trys,n=n.length>0&&n[n.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]<n[3])){t.label=o[1];break}if(o[0]===6&&t.label<n[1]){t.label=n[1];n=o;break}if(n&&t.label<n[2]){t.label=n[2];t.ops.push(o);break}if(n[2])t.ops.pop();t.trys.pop();continue}o=r.call(e,t)}catch(e){o=[6,e];s=0}finally{a=n=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,r,t){if(t||arguments.length===2)for(var a=0,s=r.length,n;a<s;a++){if(n||!(a in r)){if(!n)n=Array.prototype.slice.call(r,0,a);n[a]=r[a]}}return e.concat(n||Array.prototype.slice.call(r))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{c as clsx}from"./clsx-ChV9xqsO.js";import{K as KeyboardManager}from"./keyboard-manager-BudfaWhu.js";import{L as Locale}from"./locale-a4oAcjYG.js";var badgeDone$3="Ολοκληρώθηκε";var badgeCurrent$3="Καθημερινή";var badgeQueued$3="Σε αναμονή";var step$3="Βήμα {{ index }}";var localeEl={badgeDone:badgeDone$3,badgeCurrent:badgeCurrent$3,badgeQueued:badgeQueued$3,step:step$3};var badgeDone$2="Done";var badgeCurrent$2="Current";var badgeQueued$2="Queued";var step$2="Step {{ index }}";var localeEn={badgeDone:badgeDone$2,badgeCurrent:badgeCurrent$2,badgeQueued:badgeQueued$2,step:step$2};var badgeDone$1="Completado";var badgeCurrent$1="En curso";var badgeQueued$1="En cola";var step$1="Paso {{ index }}";var localeEs={badgeDone:badgeDone$1,badgeCurrent:badgeCurrent$1,badgeQueued:badgeQueued$1,step:step$1};var badgeDone="Completato";var badgeCurrent="In corso";var badgeQueued="In coda";var step="Step {{ index }}";var localeIt={badgeDone:badgeDone,badgeCurrent:badgeCurrent,badgeQueued:badgeQueued,step:step};var mdsStepperBarItemCss=function(){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 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-stepper-bar-item-color:rgb(var(--tone-neutral-03,233 233 233));--mds-stepper-bar-item-duaration:.25s;--mds-stepper-bar-item-icon-background-done:rgb(var(--status-success-05,107 206 147));--mds-stepper-bar-item-icon-background-current:rgb(var(--variant-primary-04,184 208 255));--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-icon-color-done:rgb(var(--status-success-10,0 69 0));--mds-stepper-bar-item-icon-color-current:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-stepper-bar-item-icon-ring-color:var(--mds-stepper-bar-item-icon-background-current,rgb(var(--variant-primary-04,184 208 255)));--mds-stepper-bar-item-icon-ring-separator-color:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-ring-separator-size:.375rem;--mds-stepper-bar-item-icon-ring-size:var(--height-100);--mds-stepper-bar-item-min-width:180px;--mds-stepper-bar-item-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-stepper-bar-item-progress-color:rgb(var(--status-success-04,158 222 181));--mds-stepper-bar-item-progress-thickness:var(--height-200);--tw-ease:initial;--tw-duration:initial}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-stepper-bar-item-duaration{syntax:"<time>";inherits:false;initial-value:.25s}@property --mds-stepper-bar-item-icon-ring-separator-size{syntax:"<length>";inherits:false;initial-value:.375rem}@property --mds-stepper-bar-item-min-width{syntax:"<length>";inherits:false;initial-value:180px}:host{--mds-stepper-bar-item-header-gap:var(--mds-stepper-bar-gap,calc(var(--spacing,.0025rem)*50));--mds-stepper-bar-item-color:rgb(var(--tone-neutral-03,233 233 233));--mds-stepper-bar-item-duaration:.25s;--mds-stepper-bar-item-icon-background-done:rgb(var(--status-success-05,107 206 147));--mds-stepper-bar-item-icon-background-current:rgb(var(--variant-primary-04,184 208 255));--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-icon-color-done:rgb(var(--status-success-10,0 69 0));--mds-stepper-bar-item-icon-color-current:rgb(var(--tone-neutral,0 0 0));--mds-stepper-bar-item-icon-color:rgb(var(--tone-neutral-04,218 218 218));--mds-stepper-bar-item-min-width:180px;--mds-stepper-bar-item-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-stepper-bar-item-progress-color:rgb(var(--status-success-04,158 222 181));--mds-stepper-bar-item-progress-thickness:var(--height-200);align-items:flex-start;border-radius:var(--radius-xl,20px);display:grid;flex:1 0 0;flex-direction:column;gap:calc(var(--spacing,.0025rem)*400);min-width:var(--mds-stepper-bar-item-min-width,180px);position:relative;scroll-snap-align:center;-webkit-transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-property:outline,outline-offset,background-color}:host(:last-of-type){flex-basis:calc(var(--spacing,.0025rem)*100)}:host(:last-of-type) .progress{display:none}:host([done]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-done,rgb(var(--status-success-05,107 206 147)));--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-done,rgb(var(--status-success-10,0 69 0)));transition-delay:0s}:host([current]) .icon{--mds-stepper-bar-item-icon-background:var(--mds-stepper-bar-item-icon-background-current,rgb(var(--variant-primary-04,184 208 255)));--mds-stepper-bar-item-icon-color:var(--mds-stepper-bar-item-icon-color-current,rgb(var(--tone-neutral,0 0 0)));-webkit-transition-delay:calc(var(--mds-stepper-bar-item-duaration,.25s)/2);transition-delay:calc(var(--mds-stepper-bar-item-duaration,.25s)/2)}.header{border-radius:var(--radius-md,12px);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;display:flex;gap:var(--mds-stepper-bar-item-header-gap);-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:outline,outline-offset;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));width:100%}.icon{border-radius:var(--radius-full,1000px);--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-stepper-bar-item-icon-background,var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107))));display:flex;fill:var(--mds-stepper-bar-item-icon-color,rgb(var(--tone-neutral-04,218 218 218)));flex-shrink:0;padding:calc(var(--spacing,.0025rem)*200);position:relative;transition-duration:.15s;-webkit-transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-property:background-color,fill;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.progress{--mds-stepper-bar-item-background:var(--mds-stepper-bar-item-progress-background,rgb(var(--tone-neutral-08,107 107 107)));--mds-stepper-bar-item-color:var(--mds-stepper-bar-item-progress-color,rgb(var(--status-success-04,158 222 181)));--mds-stepper-bar-item-thickness:var(--mds-stepper-bar-item-progress-thickness,var(--height-200));--mds-progress-radius:0;flex-grow:1}.infos{display:grid;gap:calc(var(--spacing,.0025rem)*100);padding-left:calc(var(--spacing,.0025rem)*100)}.text{--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));color:var(--mds-stepper-bar-item-color,rgb(var(--tone-neutral-03,233 233 233)));pointer-events:none;transition-duration:.15s;-webkit-transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-duration:var(--mds-stepper-bar-item-duaration,.25s);transition-property:color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.badge,.step{border-radius:var(--radius-full,1000px);pointer-events:none}.step{color:rgb(var(--tone-neutral-04,218 218 218))}:host-context(:root.pref-animation-reduce){transition-delay:0s!important;transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .header,:host-context(:root.pref-animation-reduce) .icon,:host-context(:root.pref-animation-reduce) .text){transition-delay:0s!important;transition-duration:0s}@property --tw-ease{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .header,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .text{transition-delay:0s!important;transition-duration:0s}}'};var MdsStepperBarItem=function(){function e(e){var r=this;registerInstance(this,e);this.doneEvent=createEvent(this,"mdsStepperBarItemDone");this.km=new KeyboardManager;this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.iconChecked=this.icon;this.done=false;this.current=false;this.typography="h6";this.showBadge=function(){if(r.isDone){return h("mds-badge",{class:"badge",variant:"success",tone:"weak",typography:"option"},r.t.get("badgeDone"))}if(r.isCurrent){return h("mds-badge",{class:"badge",variant:"info",tone:"weak",typography:"option"},r.t.get("badgeCurrent"))}return h("mds-badge",{class:"badge",variant:"dark",tone:"weak",typography:"option"},r.t.get("badgeQueued"))}}e.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=this.t.lang(this.host);return[2]}))}))};e.prototype.componentWillLoad=function(){this.isCurrent=this.current;this.isDone=this.done;var e=this.host.parentElement;if(e)this.index=__spreadArray([],Array.from(e.childNodes),true).indexOf(this.host)};e.prototype.componentDidLoad=function(){this.km.addElement(this.host);this.km.attachClickBehavior()};e.prototype.componentWillRender=function(){this.t.lang(this.host)};e.prototype.disconnectedCallback=function(){this.km.detachClickBehavior()};e.prototype.selectedHandler=function(e){this.isDone=e};e.prototype.currentHandler=function(e){this.isCurrent=e};e.prototype.render=function(){return h(Host,{key:"153ad28fc7602065f33667e8eee0674ed6c03199"},h("div",{key:"eb763ce9856102511798408c6d060154e2ac6ea5",class:"header"},h("mds-icon",{key:"1be42e5b2c360eba80ab2a17b350081a18b47539",class:"icon",name:clsx(this.isDone&&!this.isCurrent?this.iconChecked:this.icon)}),h("mds-progress",{key:"ffc6dd8c3d9e643d6baf1b05847dad5f18425607","aria-hidden":"true",class:"progress",progress:this.isDone?1:0})),h("div",{key:"2ada9d24154c880007dfc39c626ada7605260e00",class:"infos"},this.step&&h("mds-text",{key:"841db62d45c451aae46b1bd27fe459d9ab35ca00",class:"step",typography:"option"},this.t.get("step",{index:this.index+1})),this.label&&h("mds-text",{key:"c11ce137d906cf357e478e53a83cc3b802b2d15d",class:"text",typography:this.typography},this.label),this.badge&&h("div",{key:"bc067a6ad5462ddcc7d9b8cdfda458e5e7fff73a",part:"badge"},this.showBadge())))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{done:[{selectedHandler:0}],current:[{currentHandler:0}]}},enumerable:false,configurable:true});return e}();MdsStepperBarItem.style=mdsStepperBarItemCss();export{MdsStepperBarItem as mds_stepper_bar_item};

package/dist/esm-es5/mds-stepper-bar.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";var mdsStepperBarCss=function(){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-stepper-bar-gap:calc(var(--spacing,.0025rem)*500);--mds-stepper-bar-offset-margin:0;--mds-stepper-bar-scroll-behavior:smooth;--mds-stepper-bar-scrollbar-margin:0;--mds-stepper-bar-scrollbar-radius:0;--mds-stepper-bar-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-stepper-bar-scrollbar-thumb-background:rgb(var(--tone-neutral-06,158 158 158));--mds-stepper-bar-scrollbar-track-background:rgb(var(--tone-neutral-08,107 107 107))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-progress,mds-stepper-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}@property --mds-stepper-bar-offset-margin{syntax:"<length>";inherits:false;initial-value:0}@property --mds-stepper-bar-scroll-behavior{syntax:"smooth|auto";inherits:false;initial-value:smooth}@property --mds-stepper-bar-scrollbar-margin{syntax:"<length>";inherits:false;initial-value:0}@property --mds-stepper-bar-scrollbar-radius{syntax:"<length>";inherits:false;initial-value:0}:host{--mds-stepper-bar-gap:calc(var(--spacing,.0025rem)*500);--mds-stepper-bar-offset-margin:0;--mds-stepper-bar-scroll-behavior:smooth;--mds-stepper-bar-scrollbar-margin:0;--mds-stepper-bar-scrollbar-radius:0;--mds-stepper-bar-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-stepper-bar-scrollbar-thumb-background:rgb(var(--tone-neutral-06,158 158 158));--mds-stepper-bar-scrollbar-track-background:rgb(var(--tone-neutral-08,107 107 107));display:grid;gap:calc(var(--spacing,.0025rem)*600);position:relative}.items{align-items:start;display:flex;flex-grow:1;gap:var(--mds-stepper-bar-gap,calc(var(--spacing,.0025rem)*500));margin:0 calc(var(--mds-stepper-bar-offset-margin,0)*-1);overflow:auto;padding:0 var(--mds-stepper-bar-offset-margin,0);position:relative;scroll-behavior:var(--mds-stepper-bar-scroll-behavior,smooth);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;width:100%;z-index:10}:host([linear=true]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear=false]) ::slotted(mds-stepper-bar-item){pointer-events:auto}.contents{display:flex;flex-direction:column;width:100%}:host-context(:root.pref-animation-reduce){--mds-stepper-bar-scroll-behavior:auto;transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .contents,:host-context(:root.pref-animation-reduce) .items){transition-duration:0s}:host(:not([navigation=scrollbar])) .items{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([navigation=scrollbar])) .items::-webkit-scrollbar{display:none}:host([navigation=scrollbar]) .items::-webkit-scrollbar{height:var(--mds-stepper-bar-scrollbar-size,calc(var(--spacing,.0025rem)*200));width:var(--mds-stepper-bar-scrollbar-size,calc(var(--spacing,.0025rem)*200))}:host([navigation=scrollbar]) .items::-webkit-scrollbar-track{background-color:var(--mds-stepper-bar-scrollbar-track-background,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--mds-stepper-bar-scrollbar-radius,0);margin-block:var(--mds-stepper-bar-scrollbar-margin,0);margin-inline:var(--mds-stepper-bar-scrollbar-margin,0)}:host([navigation=scrollbar]) .items::-webkit-scrollbar-thumb{background-color:var(--mds-stepper-bar-scrollbar-thumb-background,rgb(var(--tone-neutral-06,158 158 158)));border-radius:var(--mds-stepper-bar-scrollbar-radius,0)}@supports (scrollbar-color:transparent transparent){.items{scrollbar-color:var(--mds-stepper-bar-scrollbar-thumb-background,rgb(var(--tone-neutral-06,158 158 158))) var(--mds-stepper-bar-scrollbar-track-background,rgb(var(--tone-neutral-08,107 107 107)));scrollbar-width:thin}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-stepper-bar-scroll-behavior:auto;transition-duration:0s}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .contents,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .items{transition-duration:0s}}'};var MdsStepperBar=function(){function r(r){var t=this;registerInstance(this,r);this.changedEvent=createEvent(this,"mdsStepperBarChange");this.currentItem=0;this.itemsDone=1;this.navigation="none";this.queryItems=function(){return t.element.querySelectorAll("mds-stepper-bar-item")};this.queryContentItems=function(){return t.element.querySelectorAll("[slot=content]")};this.minmax=function(r,t,e){return Math.min(Math.max(r,t),e)};this.setCurrent=function(r){t.items=t.queryItems();t.currentItem=r-1;var e=new Array;t.items.forEach((function(r,a){r.done=false;if(a<t.currentItem){r.done=true;if(r.value){e.push(r.value)}}r.current=false;if(a===t.currentItem){r.current=true;t.currentItem=a}}));t.changedEvent.emit({value:e.toString(),step:t.currentItem});t.scrollItems();t.setCurrentContent()};this.setCurrentContent=function(){t.contentItems.forEach((function(r,e){r.classList.add("hidden");if(e===t.currentItem){r.classList.remove("hidden")}}))};this.scrollItems=function(){var r;var e=(r=t.element.shadowRoot)===null||r===void 0?void 0:r.querySelector(".items");var a=t.queryItems();var s=t.minmax(t.currentItem,0,t.items.length-1);if(!e)throw Error("No mds-stepper-bar-items found");if(s<=0){e.scrollLeft=0;return}if(s>=a.length){var o=a[a.length-1];e.scrollLeft=o.offsetLeft-e.offsetLeft;return}var n=a[s];e.scrollLeft=n.offsetLeft-e.offsetLeft-e.offsetWidth/2+n.offsetWidth/2}}r.prototype.componentWillLoad=function(){this.items=this.queryItems();this.items.forEach((function(r,t){r.id="mds-stepper-bar-item-".concat(t)}))};r.prototype.componentDidLoad=function(){this.contentItems=this.queryContentItems();this.setCurrent(this.itemsDone)};r.prototype.itemDone=function(r){this.setCurrent(r)};r.prototype.changeEventHandler=function(r){var t=this;this.items=this.queryItems();this.items.forEach((function(e,a){e.done=false;if("mds-stepper-bar-item-".concat(a)===r.detail){e.current=true;t.currentItem=a}}))};r.prototype.render=function(){return h(Host,{key:"a0b7e159765a3130fcc67b2e3a1146b0c43907ff"},h("div",{key:"25d1984f704bc071cda8010ab382384d28b86273",class:"items",part:"items"},h("slot",{key:"f32c13a94bbce2e93f28ef23b2dfcaeec17269d1"})),h("div",{key:"7dc90454240058f41ce07f98bb53e4376346b582",class:"contents",part:"contents"},h("slot",{key:"25185f4817e18132b066c01d9d98353e1f62b19e",name:"content"})))};Object.defineProperty(r.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{itemsDone:[{itemDone:0}]}},enumerable:false,configurable:true});return r}();MdsStepperBar.style=mdsStepperBarCss();export{MdsStepperBar as mds_stepper_bar};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";var mdsStepperBarCss=function(){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-stepper-bar-gap:calc(var(--spacing,.0025rem)*500);--mds-stepper-bar-offset-margin:0;--mds-stepper-bar-scroll-behavior:smooth;--mds-stepper-bar-scrollbar-margin:0;--mds-stepper-bar-scrollbar-radius:0;--mds-stepper-bar-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-stepper-bar-scrollbar-thumb-background:rgb(var(--tone-neutral-06,158 158 158));--mds-stepper-bar-scrollbar-track-background:rgb(var(--tone-neutral-08,107 107 107))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-progress,mds-stepper-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}@property --mds-stepper-bar-offset-margin{syntax:"<length>";inherits:false;initial-value:0}@property --mds-stepper-bar-scroll-behavior{syntax:"smooth|auto";inherits:false;initial-value:smooth}@property --mds-stepper-bar-scrollbar-margin{syntax:"<length>";inherits:false;initial-value:0}@property --mds-stepper-bar-scrollbar-radius{syntax:"<length>";inherits:false;initial-value:0}:host{--mds-stepper-bar-gap:calc(var(--spacing,.0025rem)*500);--mds-stepper-bar-offset-margin:0;--mds-stepper-bar-scroll-behavior:smooth;--mds-stepper-bar-scrollbar-margin:0;--mds-stepper-bar-scrollbar-radius:0;--mds-stepper-bar-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-stepper-bar-scrollbar-thumb-background:rgb(var(--tone-neutral-06,158 158 158));--mds-stepper-bar-scrollbar-track-background:rgb(var(--tone-neutral-08,107 107 107));display:grid;gap:calc(var(--spacing,.0025rem)*600);position:relative}.items{align-items:start;display:flex;flex-grow:1;gap:var(--mds-stepper-bar-gap,calc(var(--spacing,.0025rem)*500));margin:0 calc(var(--mds-stepper-bar-offset-margin,0)*-1);overflow:auto;padding:0 var(--mds-stepper-bar-offset-margin,0);position:relative;scroll-behavior:var(--mds-stepper-bar-scroll-behavior,smooth);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;width:100%;z-index:10}:host([linear=true]) ::slotted(mds-stepper-bar-item),:host([linear]) ::slotted(mds-stepper-bar-item){pointer-events:none}:host([linear=false]) ::slotted(mds-stepper-bar-item){pointer-events:auto}.contents{display:flex;flex-direction:column;width:100%}:host-context(:root.pref-animation-reduce){--mds-stepper-bar-scroll-behavior:auto;transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .contents,:host-context(:root.pref-animation-reduce) .items){transition-duration:0s}:host(:not([navigation=scrollbar])) .items{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([navigation=scrollbar])) .items::-webkit-scrollbar{display:none}:host([navigation=scrollbar]) .items::-webkit-scrollbar{height:var(--mds-stepper-bar-scrollbar-size,calc(var(--spacing,.0025rem)*200));width:var(--mds-stepper-bar-scrollbar-size,calc(var(--spacing,.0025rem)*200))}:host([navigation=scrollbar]) .items::-webkit-scrollbar-track{background-color:var(--mds-stepper-bar-scrollbar-track-background,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--mds-stepper-bar-scrollbar-radius,0);margin-block:var(--mds-stepper-bar-scrollbar-margin,0);margin-inline:var(--mds-stepper-bar-scrollbar-margin,0)}:host([navigation=scrollbar]) .items::-webkit-scrollbar-thumb{background-color:var(--mds-stepper-bar-scrollbar-thumb-background,rgb(var(--tone-neutral-06,158 158 158)));border-radius:var(--mds-stepper-bar-scrollbar-radius,0)}@supports (scrollbar-color:transparent transparent){.items{scrollbar-color:var(--mds-stepper-bar-scrollbar-thumb-background,rgb(var(--tone-neutral-06,158 158 158))) var(--mds-stepper-bar-scrollbar-track-background,rgb(var(--tone-neutral-08,107 107 107)));scrollbar-width:thin}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-stepper-bar-scroll-behavior:auto;transition-duration:0s}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .contents,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .items{transition-duration:0s}}'};var MdsStepperBar=function(){function r(r){var t=this;registerInstance(this,r);this.changedEvent=createEvent(this,"mdsStepperBarChange");this.currentItem=0;this.itemsDone=1;this.navigation="none";this.queryItems=function(){return t.element.querySelectorAll("mds-stepper-bar-item")};this.queryContentItems=function(){return t.element.querySelectorAll("[slot=content]")};this.minmax=function(r,t,e){return Math.min(Math.max(r,t),e)};this.setCurrent=function(r){t.items=t.queryItems();t.currentItem=r-1;var e=new Array;t.items.forEach((function(r,a){r.done=false;if(a<t.currentItem){r.done=true;if(r.value!==undefined&&r.value!==""){e.push(r.value)}}r.current=false;if(a===t.currentItem){r.current=true;t.currentItem=a}}));t.changedEvent.emit({value:e.toString(),step:t.currentItem});t.scrollItems();t.setCurrentContent()};this.setCurrentContent=function(){t.contentItems.forEach((function(r,e){r.classList.add("hidden");if(e===t.currentItem){r.classList.remove("hidden")}}))};this.scrollItems=function(){var r;var e=(r=t.element.shadowRoot)===null||r===void 0?void 0:r.querySelector(".items");var a=t.queryItems();var s=t.minmax(t.currentItem,0,t.items.length-1);if(!e)throw Error("No mds-stepper-bar-items found");if(s<=0){e.scrollLeft=0;return}if(s>=a.length){var o=a[a.length-1];e.scrollLeft=o.offsetLeft-e.offsetLeft;return}var n=a[s];e.scrollLeft=n.offsetLeft-e.offsetLeft-e.offsetWidth/2+n.offsetWidth/2}}r.prototype.componentWillLoad=function(){this.items=this.queryItems();this.items.forEach((function(r,t){r.id="mds-stepper-bar-item-".concat(t)}))};r.prototype.componentDidLoad=function(){this.contentItems=this.queryContentItems();this.setCurrent(this.itemsDone)};r.prototype.itemDone=function(r){this.setCurrent(r)};r.prototype.changeEventHandler=function(r){var t=this;this.items=this.queryItems();this.items.forEach((function(e,a){e.done=false;if("mds-stepper-bar-item-".concat(a)===r.detail){e.current=true;t.currentItem=a}}))};r.prototype.render=function(){return h(Host,{key:"07b3ac18136f0bc4e6b7424238705c951a37e0bf"},h("div",{key:"7d2e747d084bc581966e88c55ad19a8b27086030",class:"items",part:"items"},h("slot",{key:"7934e741a279fdf3635c9ef56a92c96441f21081"})),h("div",{key:"3d3c6e31fa33b046604845886bfd94093e51bba8",class:"contents",part:"contents"},h("slot",{key:"9af87d63470bf64e882477dc4f8d0e25159a708d",name:"content"})))};Object.defineProperty(r.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{itemsDone:[{itemDone:0}]}},enumerable:false,configurable:true});return r}();MdsStepperBar.style=mdsStepperBarCss();export{MdsStepperBar as mds_stepper_bar};

package/dist/esm-es5/mds-tab-bar-item.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{r as readSlottedLabel,s as sanitizeLabel}from"./slot-ttrRC6OE.js";var mdsTabBarItemCss=function(){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))}}'};var MdsTabBarItem=function(){function t(t){var e=this;registerInstance(this,t);this.selectedEvent=createEvent(this,"mdsTabBarItemSelect");this.icon="";this.typography="tip";this.select=function(){e.isSelected=!e.isSelected;if(e.isSelected){e.selectedEvent.emit(e.element.id)}};this.onSlotChangeHandler=function(){if(e.label)return;e.label=readSlottedLabel(e.element)}}t.prototype.componentWillLoad=function(){this.isSelected=this.selected};t.prototype.validateSelected=function(t){this.isSelected=t};t.prototype.labelChanged=function(t){this.label=sanitizeLabel(t)};t.prototype.render=function(){return h(Host,{key:"cfdd8682bdab7117d3853abff77c31f871314a20",onClick:this.select},h("mds-icon",{key:"4dd1b08193a0c6c1238104c1484523b7cc074a8a",name:this.icon}),h("mds-text",{key:"d8bb748fbc4941fd5b65101997a1a21b1b7a1ed4",typography:this.typography},this.label||h("slot",{key:"7e4fead88e847406b6e22ac534fcd67862fbe613",onSlotchange:this.onSlotChangeHandler})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:[{validateSelected:0}],label:[{labelChanged:0}]}},enumerable:false,configurable:true});return t}();MdsTabBarItem.style=mdsTabBarItemCss();export{MdsTabBarItem as mds_tab_bar_item};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{r as readSlottedLabel,s as sanitizeLabel}from"./slot-ttrRC6OE.js";var mdsTabBarItemCss=function(){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))}}'};var MdsTabBarItem=function(){function t(t){var e=this;registerInstance(this,t);this.selectedEvent=createEvent(this,"mdsTabBarItemSelect");this.icon="";this.typography="tip";this.select=function(){e.isSelected=!e.isSelected;if(e.isSelected){e.selectedEvent.emit(e.element.id)}};this.onSlotChangeHandler=function(){if(e.label!==undefined&&e.label!=="")return;e.label=readSlottedLabel(e.element)}}t.prototype.componentWillLoad=function(){this.isSelected=this.selected};t.prototype.validateSelected=function(t){this.isSelected=t};t.prototype.labelChanged=function(t){this.label=sanitizeLabel(t)};t.prototype.render=function(){return h(Host,{key:"f3c37cdf12cd99a5e9c2ffa3ef04af68548c4c3c",onClick:this.select},h("mds-icon",{key:"f79a29591079ab87d9afcc6e5bcf3acf8db4c66c",name:this.icon}),h("mds-text",{key:"5399aa307b7c9e097232b903e3482b2f2d8eebc4",typography:this.typography},this.label||h("slot",{key:"ebd5d848468f5f0fd895c93b5c67f7954636234a",onSlotchange:this.onSlotChangeHandler})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:[{validateSelected:0}],label:[{labelChanged:0}]}},enumerable:false,configurable:true});return t}();MdsTabBarItem.style=mdsTabBarItemCss();export{MdsTabBarItem as mds_tab_bar_item};

package/dist/esm-es5/mds-tab-bar.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";var mdsTabBarCss=function(){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)}}'};var MdsTabBar=function(){function t(t){var e=this;registerInstance(this,t);this.changedEvent=createEvent(this,"mdsTabBarChange");this.queryItems=function(){return e.element.querySelectorAll("mds-tab-bar-item")}}t.prototype.componentWillLoad=function(){var t=this.queryItems();t.forEach((function(t,e){return t.id="mds-tab-bar-item-".concat(e)}))};t.prototype.changeEventHandler=function(t){var e=this;var o=this.queryItems();o.forEach((function(o,r){o.selected="mds-tab-bar-item-".concat(r)===t.detail;if(o.selected){e.changedEvent.emit({index:r})}}))};t.prototype.render=function(){return h(Host,{key:"65e92345e90f0b287bcb89e42803730b914bb6c1"},h("slot",{key:"c5eb2105f89f7957a0fb0aa5752d40d90d4396b3"}))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsTabBar.style=mdsTabBarCss();export{MdsTabBar as mds_tab_bar};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";var mdsTabBarCss=function(){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)}}'};var MdsTabBar=function(){function t(t){var e=this;registerInstance(this,t);this.changedEvent=createEvent(this,"mdsTabBarChange");this.queryItems=function(){return e.element.querySelectorAll("mds-tab-bar-item")}}t.prototype.componentWillLoad=function(){var t=this.queryItems();t.forEach((function(t,e){return t.id="mds-tab-bar-item-".concat(e)}))};t.prototype.changeEventHandler=function(t){var e=this;var o=this.queryItems();o.forEach((function(o,r){o.selected="mds-tab-bar-item-".concat(r)===t.detail;if(o.selected){e.changedEvent.emit({index:r})}}))};t.prototype.render=function(){return h(Host,{key:"84740f9df076cec8856a6cbe740bfc3f1611cbb8"},h("slot",{key:"0ce78860c913e57192918839130e566b349b7804"}))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsTabBar.style=mdsTabBarCss();export{MdsTabBar as mds_tab_bar};

package/dist/esm-es5/mds-tab_2.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{s as setAttributeIfEmpty,h as hashRandomValue}from"./aria-CSCy6TMW.js";import{c as clsx}from"./clsx-ChV9xqsO.js";import{c as cssDurationToMilliseconds}from"./unit-D8eZRaSQ.js";var mdsTabCss=function(){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}}'};var MdsTab=function(){function e(e){var t=this;registerInstance(this,e);this.changedEvent=createEvent(this,"mdsTabChange");this.currentItemIndex=-1;this.tabItems=[];this.contentItems=[];this.sliderWidth=-1;this.sliderHeight=-1;this.sliderOffsetX=-1;this.sliderOffsetY=-1;this.overflowLeft=false;this.overflowRight=false;this.direction="horizontal";this.animation="slide";this.queryContentItems=function(){return Array.from(t.element.querySelectorAll(":scope > [slot=content]"))};this.updateContentItems=function(){t.contentItems=t.queryContentItems();t.contentItems.forEach((function(e,a){setAttributeIfEmpty(e,"role","tabpanel");setAttributeIfEmpty(e,"aria-labelledby",t.tabItems[a].id)}));t.selectContentItem()};this.setTabsItems=function(){t.tabItems=Array.from(t.element.querySelectorAll("mds-tab-item"));t.currentItemIndex=-1;t.tabItems.forEach((function(e){e.size=t.size}));t.tabItems.forEach((function(e,a){if(!e.id){setAttributeIfEmpty(e,"id",hashRandomValue("mds-tab-item"))}if(e.selected){t.currentItemIndex=a;t.currentItemEl=t.tabItems[t.currentItemIndex]}}))};this.updateTabItems=function(){t.setTabsItems();if(t.overflow)t.updateOverflowState();t.updateSliderPosition();t.scrollTabs(t.currentItemIndex)};this.unsetOverflowCheck=function(){t.tabs.removeEventListener("scroll",t.updateOverflowState);t.observer.unobserve(t.tabsContainer)};this.initOverflowCheck=function(){t.tabs.addEventListener("scroll",t.updateOverflowState);t.observer=new ResizeObserver((function(){if(t.overflow)t.updateOverflowState();t.updateSliderPosition()}));t.observer.observe(t.tabsContainer);t.updateOverflowState()};this.updateOverflowState=function(){if(!t.tabs||!t.tabsContainer)return;var e=t.tabsContainer.offsetWidth;var a=t.tabs.scrollWidth;var s=t.tabs.scrollLeft;t.overflowLeft=s>0;t.overflowRight=Math.ceil(s+e)<a-1};this.updateSliderPosition=function(){if(t.animation==="slide"&&t.currentItemIndex>=0){self.requestAnimationFrame((function(){t.sliderWidth=t.currentItemEl.offsetWidth;t.sliderHeight=t.currentItemEl.offsetHeight;t.sliderOffsetX=t.currentItemEl.offsetLeft-t.tabsContainer.offsetLeft;t.sliderOffsetY=t.currentItemEl.offsetTop-t.tabsContainer.offsetTop+t.currentItemEl.offsetHeight-t.sliderHeight}))}else{t.sliderHeight=-1;t.sliderOffsetX=-1;t.sliderOffsetY=-1;t.sliderWidth=-1}};this.scrollTabs=function(e){var a=t.tabItems[e];setTimeout((function(){t.tabs.scrollLeft=a.offsetLeft-t.tabs.offsetLeft-t.tabs.offsetWidth/2+a.offsetWidth/2;t.updateOverflowState()}),cssDurationToMilliseconds(t.cssSlideDelayDuration))};this.selectContentItem=function(){t.contentItems.forEach((function(e,a){e.setAttribute("mds-tab-content-hidden","");if(a===t.currentItemIndex){e.removeAttribute("mds-tab-content-hidden")}}))};this.updateCSSCustomProps=function(){if(typeof window==="undefined")return;var e=window.getComputedStyle(t.element);t.cssSlideDelayDuration=e.getPropertyValue("--mds-tab-slide-delay")}}e.prototype.componentWillLoad=function(){this.setTabsItems()};e.prototype.disconnectedCallback=function(){this.unsetOverflowCheck()};e.prototype.componentDidLoad=function(){var e,t,a,s;this.updateCSSCustomProps();this.tabs=(e=this.element.shadowRoot)===null||e===void 0?void 0:e.querySelector(".tabs");this.tabsContainer=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tabs-wrapper");(s=(a=this.element.shadowRoot)===null||a===void 0?void 0:a.querySelector("slot"))===null||s===void 0?void 0:s.addEventListener("slotchange",this.updateTabItems.bind(this));this.updateContentItems();this.initOverflowCheck();this.updateSliderPosition();if(this.currentItemIndex>0){this.scrollTabs(this.currentItemIndex)}};e.prototype.changeEventHandler=function(e){var t=this;this.tabItems.forEach((function(a,s){var r;if(a.id===e.detail.target.id){t.changedEvent.emit({id:s,value:a.value});t.currentItemIndex=s;t.currentItemEl=t.tabItems[t.currentItemIndex];t.scrollTabs(s);a.selected=true;var o=(r=t.tabItems[t.currentItemIndex].shadowRoot)===null||r===void 0?void 0:r.querySelector("mds-button");setTimeout((function(){o.focus()}),0);return}a.selected=undefined}));this.selectContentItem();this.updateSliderPosition()};e.prototype.focusEventHandler=function(e){var t=this;this.tabItems.forEach((function(a,s){if(a.id===e.detail.target.id){t.scrollTabs(s)}}))};e.prototype.handleAnimationChange=function(){this.updateSliderPosition()};e.prototype.handleScrollbarChange=function(e){if(e===false){this.scrollbar=undefined}};e.prototype.handleFillChange=function(e){if(e===false){this.fill=undefined}};e.prototype.handleOverflowChange=function(e){if(!e){this.unsetOverflowCheck();return}this.initOverflowCheck()};e.prototype.handleSizeChange=function(e){this.tabItems.forEach((function(t){t.size=e}))};e.prototype.render=function(){return h(Host,{key:"cce3940ff16568da1dfe05f92703e4728bccb046"},h("div",{key:"36e2dac7142dc4656ffc7e8c0428a3cebf922eeb",class:clsx("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&h("div",{key:"12f6f6cbbdd3de8aacddb74cd9dd853e4d6b8b3d",class:clsx("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&h("div",{key:"5fbac5f5d688d73c5691a5620876a3d3393ff3ce",class:clsx("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),h("div",{key:"b20ce9bd0f6706d5f8ba7c89cdc1fe7656c59c81",class:"tabs",part:"tabs",role:"tablist"},h("slot",{key:"6e1266f9ba7bb07121ea46e4b6703b11b6dc1dab"}),this.animation==="slide"&&h("div",{key:"b314111ac0a86da0fbe6105d2b152007df9102c8",class:"slider",part:"slider",style:{"--mds-tab-slider-width":"".concat(this.sliderWidth,"px"),"--mds-tab-slider-height":"".concat(this.sliderHeight,"px"),"--mds-tab-slider-offset-x":"".concat(this.sliderOffsetX,"px"),"--mds-tab-slider-offset-y":"".concat(this.sliderOffsetY,"px")}}))),h("div",{key:"e3cc9d9abc57bd7ddcf6ee17043100d816100531",class:"contents",part:"contents"},h("slot",{key:"4ecc3ff8d6687f293092d5420d0d4858da344d43",name:"content",onSlotchange:this.updateContentItems})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{animation:[{handleAnimationChange:0}],scrollbar:[{handleScrollbarChange:0}],fill:[{handleFillChange:0}],overflow:[{handleOverflowChange:0}],size:[{handleSizeChange:0}]}},enumerable:false,configurable:true});return e}();MdsTab.style=mdsTabCss();var mdsTabItemCss=function(){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)}}'};var MdsTabItem=function(){function e(e){var t=this;registerInstance(this,e);this.selectedEvent=createEvent(this,"mdsTabItemSelect");this.focusedEvent=createEvent(this,"mdsTabItemFocus");this.iconPosition="left";this.type="submit";this.size="md";this.toggle=function(){if(t.disabled){return}t.isSelected=!t.isSelected;if(t.isSelected){t.selectedEvent.emit({target:t.element,value:t.value})}};this.focus=function(){t.focusedEvent.emit({target:t.element,value:t.value})}}e.prototype.validateActive=function(e){this.isSelected=e;if(this.isSelected){this.selectedEvent.emit({target:this.element,value:this.value})}};e.prototype.componentWillLoad=function(){this.hasText=this.element.innerHTML!==""};e.prototype.render=function(){var e;return h(Host,{key:"8e3e4eaa9a5c331d461247f8ac91b1ba4fffbc11"},h("mds-button",{key:"f2afbe737326a6c01fd42727e1893c48dc2c5e0c",class:clsx("button",this.selected?"selected":""),await:this.await,disabled:(e=this.disabled)!==null&&e!==void 0?e:undefined,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}))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{selected:[{validateActive:0}]}},enumerable:false,configurable:true});return e}();MdsTabItem.style=mdsTabItemCss();export{MdsTab as mds_tab,MdsTabItem as mds_tab_item};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{s as setAttributeIfEmpty,h as hashRandomValue}from"./aria-CSCy6TMW.js";import{c as clsx}from"./clsx-ChV9xqsO.js";import{c as cssDurationToMilliseconds}from"./unit-D8eZRaSQ.js";var mdsTabCss=function(){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}}'};var MdsTab=function(){function e(e){var t=this;registerInstance(this,e);this.changedEvent=createEvent(this,"mdsTabChange");this.currentItemIndex=-1;this.tabItems=[];this.contentItems=[];this.sliderWidth=-1;this.sliderHeight=-1;this.sliderOffsetX=-1;this.sliderOffsetY=-1;this.overflowLeft=false;this.overflowRight=false;this.direction="horizontal";this.animation="slide";this.queryContentItems=function(){return Array.from(t.element.querySelectorAll(":scope > [slot=content]"))};this.updateContentItems=function(){t.contentItems=t.queryContentItems();t.contentItems.forEach((function(e,a){setAttributeIfEmpty(e,"role","tabpanel");setAttributeIfEmpty(e,"aria-labelledby",t.tabItems[a].id)}));t.selectContentItem()};this.setTabsItems=function(){t.tabItems=Array.from(t.element.querySelectorAll("mds-tab-item"));t.currentItemIndex=-1;t.tabItems.forEach((function(e){e.size=t.size}));t.tabItems.forEach((function(e,a){if(e.id===""){setAttributeIfEmpty(e,"id",hashRandomValue("mds-tab-item"))}if(e.selected){t.currentItemIndex=a;t.currentItemEl=t.tabItems[t.currentItemIndex]}}))};this.updateTabItems=function(){t.setTabsItems();if(t.overflow)t.updateOverflowState();t.updateSliderPosition();t.scrollTabs(t.currentItemIndex)};this.unsetOverflowCheck=function(){t.tabs.removeEventListener("scroll",t.updateOverflowState);t.observer.unobserve(t.tabsContainer)};this.initOverflowCheck=function(){t.tabs.addEventListener("scroll",t.updateOverflowState);t.observer=new ResizeObserver((function(){if(t.overflow)t.updateOverflowState();t.updateSliderPosition()}));t.observer.observe(t.tabsContainer);t.updateOverflowState()};this.updateOverflowState=function(){if(t.tabs==null||t.tabsContainer==null)return;var e=t.tabsContainer.offsetWidth;var a=t.tabs.scrollWidth;var s=t.tabs.scrollLeft;t.overflowLeft=s>0;t.overflowRight=Math.ceil(s+e)<a-1};this.updateSliderPosition=function(){if(t.animation==="slide"&&t.currentItemIndex>=0){self.requestAnimationFrame((function(){t.sliderWidth=t.currentItemEl.offsetWidth;t.sliderHeight=t.currentItemEl.offsetHeight;t.sliderOffsetX=t.currentItemEl.offsetLeft-t.tabsContainer.offsetLeft;t.sliderOffsetY=t.currentItemEl.offsetTop-t.tabsContainer.offsetTop+t.currentItemEl.offsetHeight-t.sliderHeight}))}else{t.sliderHeight=-1;t.sliderOffsetX=-1;t.sliderOffsetY=-1;t.sliderWidth=-1}};this.scrollTabs=function(e){var a=t.tabItems[e];setTimeout((function(){t.tabs.scrollLeft=a.offsetLeft-t.tabs.offsetLeft-t.tabs.offsetWidth/2+a.offsetWidth/2;t.updateOverflowState()}),cssDurationToMilliseconds(t.cssSlideDelayDuration))};this.selectContentItem=function(){t.contentItems.forEach((function(e,a){e.setAttribute("mds-tab-content-hidden","");if(a===t.currentItemIndex){e.removeAttribute("mds-tab-content-hidden")}}))};this.updateCSSCustomProps=function(){if(typeof window==="undefined")return;var e=window.getComputedStyle(t.element);t.cssSlideDelayDuration=e.getPropertyValue("--mds-tab-slide-delay")}}e.prototype.componentWillLoad=function(){this.setTabsItems()};e.prototype.disconnectedCallback=function(){this.unsetOverflowCheck()};e.prototype.componentDidLoad=function(){var e,t,a,s;this.updateCSSCustomProps();this.tabs=(e=this.element.shadowRoot)===null||e===void 0?void 0:e.querySelector(".tabs");this.tabsContainer=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tabs-wrapper");(s=(a=this.element.shadowRoot)===null||a===void 0?void 0:a.querySelector("slot"))===null||s===void 0?void 0:s.addEventListener("slotchange",this.updateTabItems.bind(this));this.updateContentItems();this.initOverflowCheck();this.updateSliderPosition();if(this.currentItemIndex>0){this.scrollTabs(this.currentItemIndex)}};e.prototype.changeEventHandler=function(e){var t=this;this.tabItems.forEach((function(a,s){var r;if(a.id===e.detail.target.id){t.changedEvent.emit({id:s,value:a.value});t.currentItemIndex=s;t.currentItemEl=t.tabItems[t.currentItemIndex];t.scrollTabs(s);a.selected=true;var o=(r=t.tabItems[t.currentItemIndex].shadowRoot)===null||r===void 0?void 0:r.querySelector("mds-button");setTimeout((function(){o.focus()}),0);return}a.selected=undefined}));this.selectContentItem();this.updateSliderPosition()};e.prototype.focusEventHandler=function(e){var t=this;this.tabItems.forEach((function(a,s){if(a.id===e.detail.target.id){t.scrollTabs(s)}}))};e.prototype.handleAnimationChange=function(){this.updateSliderPosition()};e.prototype.handleScrollbarChange=function(e){if(e===false){this.scrollbar=undefined}};e.prototype.handleFillChange=function(e){if(e===false){this.fill=undefined}};e.prototype.handleOverflowChange=function(e){if(!e){this.unsetOverflowCheck();return}this.initOverflowCheck()};e.prototype.handleSizeChange=function(e){this.tabItems.forEach((function(t){t.size=e}))};e.prototype.render=function(){return h(Host,{key:"80d8b12242b72f94479bdf196c8bc7135a305a8c"},h("div",{key:"307d15fe46c0a82d4a3f9806aecc0592e04f9cfb",class:clsx("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&h("div",{key:"b593c0214f0e9c11a0d8831093e08c4a96b4e6e9",class:clsx("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&h("div",{key:"384ef0a5d39785aee8dc42e093fe4c50b8270dc7",class:clsx("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),h("div",{key:"90f41f2d5ac1fc3e286ac262ae1502c5f9ebb33e",class:"tabs",part:"tabs",role:"tablist"},h("slot",{key:"4b9183053872aa01d857a3fe3a1009d50125d0b1"}),this.animation==="slide"&&h("div",{key:"fdc734f877ef9a41da18e694a7bf68bdb2bf0db5",class:"slider",part:"slider",style:{"--mds-tab-slider-width":"".concat(this.sliderWidth,"px"),"--mds-tab-slider-height":"".concat(this.sliderHeight,"px"),"--mds-tab-slider-offset-x":"".concat(this.sliderOffsetX,"px"),"--mds-tab-slider-offset-y":"".concat(this.sliderOffsetY,"px")}}))),h("div",{key:"c64737e1a93159defa4b48b56b166f508d40cf84",class:"contents",part:"contents"},h("slot",{key:"2c795ecacb613662ddd79108d8c0028bc1135fd0",name:"content",onSlotchange:this.updateContentItems})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{animation:[{handleAnimationChange:0}],scrollbar:[{handleScrollbarChange:0}],fill:[{handleFillChange:0}],overflow:[{handleOverflowChange:0}],size:[{handleSizeChange:0}]}},enumerable:false,configurable:true});return e}();MdsTab.style=mdsTabCss();var mdsTabItemCss=function(){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)}}'};var MdsTabItem=function(){function e(e){var t=this;registerInstance(this,e);this.selectedEvent=createEvent(this,"mdsTabItemSelect");this.focusedEvent=createEvent(this,"mdsTabItemFocus");this.iconPosition="left";this.type="submit";this.size="md";this.toggle=function(){if(t.disabled){return}t.isSelected=!t.isSelected;if(t.isSelected){t.selectedEvent.emit({target:t.element,value:t.value})}};this.focus=function(){t.focusedEvent.emit({target:t.element,value:t.value})}}e.prototype.validateActive=function(e){this.isSelected=e;if(this.isSelected){this.selectedEvent.emit({target:this.element,value:this.value})}};e.prototype.componentWillLoad=function(){this.hasText=this.element.innerHTML!==""};e.prototype.render=function(){var e;return h(Host,{key:"a91b51214bfa7b7b77d6dba5332904ba94827ec2"},h("mds-button",{key:"cc6ae4285e0084f5f36b28928fd1b3aced17e106",class:clsx("button",this.selected?"selected":""),await:this.await,disabled:(e=this.disabled)!==null&&e!==void 0?e:undefined,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}))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{selected:[{validateActive:0}]}},enumerable:false,configurable:true});return e}();MdsTabItem.style=mdsTabItemCss();export{MdsTab as mds_tab,MdsTabItem as mds_tab_item};

package/dist/esm-es5/mds-table-body.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-CAd5312P.js";var mdsTableBodyCss=function(){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}}'};var MdsTableBody=function(){function r(r){registerInstance(this,r)}r.prototype.render=function(){return h(Host,{key:"a764ed8fcb40bd58e0e343e10ecd7be004f7cd68",role:"rowgroup"},h("slot",{key:"4976aeaf766ad113e8ee8f1f535f4e1fdf41764c"}))};return r}();MdsTableBody.style=mdsTableBodyCss();export{MdsTableBody as mds_table_body};
+import{r as registerInstance,h,H as Host}from"./index-CAd5312P.js";var mdsTableBodyCss=function(){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}}'};var MdsTableBody=function(){function a(a){registerInstance(this,a)}a.prototype.render=function(){return h(Host,{key:"a6a5b376b43a0be644ee648205b7e6abab0da626",role:"rowgroup"},h("slot",{key:"da15c2964399841bf18c82350d1fb258d5dfcd38"}))};return a}();MdsTableBody.style=mdsTableBodyCss();export{MdsTableBody as mds_table_body};

package/dist/esm-es5/mds-table-footer.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-CAd5312P.js";var mdsTableFooterCss=function(){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}}'};var MdsTableFooter=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{key:"e2661b9dfe47fa427e9055e435d7ea59c7f6855f",role:"row"},h("slot",{key:"365a39d3a739ca4ec2b374f6e2c25710cf41dc60"}))};return e}();MdsTableFooter.style=mdsTableFooterCss();export{MdsTableFooter as mds_table_footer};
+import{r as registerInstance,h,H as Host}from"./index-CAd5312P.js";var mdsTableFooterCss=function(){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}}'};var MdsTableFooter=function(){function t(t){registerInstance(this,t)}t.prototype.render=function(){return h(Host,{key:"99c02de554402662fb728dd214d0928e4a554a80",role:"row"},h("slot",{key:"8afc57c85ff9d5b44c3d0a580e4132ca3b6dab27"}))};return t}();MdsTableFooter.style=mdsTableFooterCss();export{MdsTableFooter as mds_table_footer};

package/dist/esm-es5/mds-table-header-cell.entry.js

@@ -1 +1 @@
-var __spreadArray=this&&this.__spreadArray||function(e,t,r){if(r||arguments.length===2)for(var n=0,i=t.length,o;n<i;n++){if(o||!(n in t)){if(!o)o=Array.prototype.slice.call(t,0,n);o[n]=t[n]}}return e.concat(o||Array.prototype.slice.call(t))};import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{m as miBaselineKeyboardArrowUp}from"./keyboard-arrow-up-Ccz0jCNB.js";import{m as miBaselineKeyboardArrowDown}from"./keyboard-arrow-down-DiWN48aq.js";import{c as clsx}from"./clsx-ChV9xqsO.js";var miBaselineUnfoldMore='<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>';var mdsTableHeaderCellCss=function(){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}}'};var Sort;(function(e){e["ASC"]="ascending";e["DESC"]="descending";e["NONE"]="none"})(Sort||(Sort={}));var MdsTableHeaderCell=function(){function e(e){var t=this;registerInstance(this,e);this.isAscending=true;this.currentDirection=Sort.NONE;this.index=0;this.direction="none";this.prepareSorter=function(){var e,r;if(!t.sortable||t.sortable&&((e=t.tableHeaderCellSiblings)===null||e===void 0?void 0:e.length))return;t.tableBody=(r=t.element.closest("mds-table"))===null||r===void 0?void 0:r.querySelector("mds-table-body");t.tableHeader=t.element.closest("mds-table-header");t.tableHeaderCellSiblings=Array.from(t.tableHeader.children);t.index=t.tableHeaderCellSiblings.indexOf(t.element);t.tableRows=Array.from(t.tableBody.children);t.tableRowsDefaultSorted=Array.from(t.tableBody.children)};this.getValue=function(e){if(e.value){return e.value}return e.textContent?e.textContent.trim():""};this.resetSortAttribute=function(){t.tableHeaderCellSiblings.forEach((function(e){if(t.tableHeaderCellSiblings.indexOf(e)!==t.index){e.direction="none"}}));t.tableRows=Array.from(t.tableBody.children);t.tableRows.forEach((function(e){var r=Array.from(e.children);r.forEach((function(e,r){if(t.index===r&&t.currentDirection!==Sort.NONE){e.setAttribute("sorted","");return}e.removeAttribute("sorted")}))}))};this.sortRows=function(){if(t.currentDirection===Sort.NONE){t.tableRowsDefaultSorted.forEach((function(e){return t.tableBody.appendChild(e)}));return}t.tableRows=Array.from(t.tableBody.children);var e=__spreadArray([],t.tableRows,true).sort((function(e,r){var n=t.getValue(e.querySelectorAll("mds-table-cell")[t.index]);var i=t.getValue(r.querySelectorAll("mds-table-cell")[t.index]);var o=!isNaN(Number(n))&&!isNaN(Number(i));if(o){return t.direction==="ascending"?Number(n)-Number(i):Number(i)-Number(n)}return t.direction==="ascending"?String(n).localeCompare(String(i)):String(i).localeCompare(String(n))}));e.forEach((function(e){return t.tableBody.appendChild(e)}))};this.updateDirection=function(){t.currentDirection=Object.values(Sort)[(Object.values(Sort).indexOf(t.currentDirection)+1)%Object.values(Sort).length];t.direction=t.currentDirection.toString()};this.sort=function(){t.updateDirection();t.sortRows();t.resetSortAttribute();t.tableRows=Array.from(t.tableBody.children);if(t.currentDirection!==Sort.NONE){t.tableRows.forEach((function(e){e.setAttribute("sorted","")}));return}t.tableRows.forEach((function(e){e.removeAttribute("sorted")}))}}e.prototype.componentDidLoad=function(){this.prepareSorter()};e.prototype.sortableHandler=function(){this.prepareSorter()};e.prototype.directionHandler=function(e){if(e==="none"){this.direction="none";this.currentDirection=Sort.NONE}};e.prototype.render=function(){return h(Host,{key:"c2ebe9d24d76a9780528c6093dfad8f3b1481354",role:"columnheader","aria-sort":this.direction},this.sortable?h("mds-button",{class:"action",icon:clsx(this.direction==="none"&&miBaselineUnfoldMore,this.direction==="ascending"&&miBaselineKeyboardArrowUp,this.direction==="descending"&&miBaselineKeyboardArrowDown),"icon-position":"right",onClick:this.sort,tone:"text",variant:"dark",size:"sm",part:"action"},this.label):h("mds-text",{class:"label",typography:"label",part:"label"},this.label))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{sortable:[{sortableHandler:0}],direction:[{directionHandler:0}]}},enumerable:false,configurable:true});return e}();MdsTableHeaderCell.style=mdsTableHeaderCellCss();export{MdsTableHeaderCell as mds_table_header_cell};
+var __spreadArray=this&&this.__spreadArray||function(e,t,r){if(r||arguments.length===2)for(var n=0,i=t.length,o;n<i;n++){if(o||!(n in t)){if(!o)o=Array.prototype.slice.call(t,0,n);o[n]=t[n]}}return e.concat(o||Array.prototype.slice.call(t))};import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{m as miBaselineKeyboardArrowUp}from"./keyboard-arrow-up-Ccz0jCNB.js";import{m as miBaselineKeyboardArrowDown}from"./keyboard-arrow-down-DiWN48aq.js";import{c as clsx}from"./clsx-ChV9xqsO.js";var miBaselineUnfoldMore='<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>';var mdsTableHeaderCellCss=function(){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}}'};var Sort;(function(e){e["ASC"]="ascending";e["DESC"]="descending";e["NONE"]="none"})(Sort||(Sort={}));var MdsTableHeaderCell=function(){function e(e){var t=this;registerInstance(this,e);this.isAscending=true;this.currentDirection=Sort.NONE;this.index=0;this.direction="none";this.prepareSorter=function(){var e,r,n;if(!t.sortable||t.sortable&&((e=t.tableHeaderCellSiblings)===null||e===void 0?void 0:e.length)!==undefined&&((r=t.tableHeaderCellSiblings)===null||r===void 0?void 0:r.length)!==0)return;t.tableBody=(n=t.element.closest("mds-table"))===null||n===void 0?void 0:n.querySelector("mds-table-body");t.tableHeader=t.element.closest("mds-table-header");t.tableHeaderCellSiblings=Array.from(t.tableHeader.children);t.index=t.tableHeaderCellSiblings.indexOf(t.element);t.tableRows=Array.from(t.tableBody.children);t.tableRowsDefaultSorted=Array.from(t.tableBody.children)};this.getValue=function(e){if(e.value!==undefined&&e.value!==""&&e.value!==0&&!Number.isNaN(e.value)){return e.value}return e.textContent!==null&&e.textContent!==""?e.textContent.trim():""};this.resetSortAttribute=function(){t.tableHeaderCellSiblings.forEach((function(e){if(t.tableHeaderCellSiblings.indexOf(e)!==t.index){e.direction="none"}}));t.tableRows=Array.from(t.tableBody.children);t.tableRows.forEach((function(e){var r=Array.from(e.children);r.forEach((function(e,r){if(t.index===r&&t.currentDirection!==Sort.NONE){e.setAttribute("sorted","");return}e.removeAttribute("sorted")}))}))};this.sortRows=function(){if(t.currentDirection===Sort.NONE){t.tableRowsDefaultSorted.forEach((function(e){return t.tableBody.appendChild(e)}));return}t.tableRows=Array.from(t.tableBody.children);var e=__spreadArray([],t.tableRows,true).sort((function(e,r){var n=t.getValue(e.querySelectorAll("mds-table-cell")[t.index]);var i=t.getValue(r.querySelectorAll("mds-table-cell")[t.index]);var o=!isNaN(Number(n))&&!isNaN(Number(i));if(o){return t.direction==="ascending"?Number(n)-Number(i):Number(i)-Number(n)}return t.direction==="ascending"?String(n).localeCompare(String(i)):String(i).localeCompare(String(n))}));e.forEach((function(e){return t.tableBody.appendChild(e)}))};this.updateDirection=function(){t.currentDirection=Object.values(Sort)[(Object.values(Sort).indexOf(t.currentDirection)+1)%Object.values(Sort).length];t.direction=t.currentDirection.toString()};this.sort=function(){t.updateDirection();t.sortRows();t.resetSortAttribute();t.tableRows=Array.from(t.tableBody.children);if(t.currentDirection!==Sort.NONE){t.tableRows.forEach((function(e){e.setAttribute("sorted","")}));return}t.tableRows.forEach((function(e){e.removeAttribute("sorted")}))}}e.prototype.componentDidLoad=function(){this.prepareSorter()};e.prototype.sortableHandler=function(){this.prepareSorter()};e.prototype.directionHandler=function(e){if(e==="none"){this.direction="none";this.currentDirection=Sort.NONE}};e.prototype.render=function(){return h(Host,{key:"a9657b9d88db372312971caaf6bea2a7e6c58499",role:"columnheader","aria-sort":this.direction},this.sortable?h("mds-button",{class:"action",icon:clsx(this.direction==="none"&&miBaselineUnfoldMore,this.direction==="ascending"&&miBaselineKeyboardArrowUp,this.direction==="descending"&&miBaselineKeyboardArrowDown),"icon-position":"right",onClick:this.sort,tone:"text",variant:"dark",size:"sm",part:"action"},this.label):h("mds-text",{class:"label",typography:"label",part:"label"},this.label))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{sortable:[{sortableHandler:0}],direction:[{directionHandler:0}]}},enumerable:false,configurable:true});return e}();MdsTableHeaderCell.style=mdsTableHeaderCellCss();export{MdsTableHeaderCell as mds_table_header_cell};

package/dist/esm-es5/mds-table-header.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,s,o){function i(e){return e instanceof s?e:new s((function(t){t(e)}))}return new(s||(s=Promise))((function(s,n){function a(e){try{l(o.next(e))}catch(e){n(e)}}function r(e){try{l(o["throw"](e))}catch(e){n(e)}}function l(e){e.done?s(e.value):i(e.value).then(a,r)}l((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var s={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,i,n,a=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return a.next=r(0),a["throw"]=r(1),a["return"]=r(2),typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function r(e){return function(t){return l([e,t])}}function l(r){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,r[0]&&(s=0)),s)try{if(o=1,i&&(n=r[0]&2?i["return"]:r[0]?i["throw"]||((n=i["return"])&&n.call(i),0):i.next)&&!(n=n.call(i,r[1])).done)return n;if(i=0,n)r=[r[0]&2,n.value];switch(r[0]){case 0:case 1:n=r;break;case 4:s.label++;return{value:r[1],done:false};case 5:s.label++;i=r[1];r=[0];continue;case 7:r=s.ops.pop();s.trys.pop();continue;default:if(!(n=s.trys,n=n.length>0&&n[n.length-1])&&(r[0]===6||r[0]===2)){s=0;continue}if(r[0]===3&&(!n||r[1]>n[0]&&r[1]<n[3])){s.label=r[1];break}if(r[0]===6&&s.label<n[1]){s.label=n[1];n=r;break}if(n&&s.label<n[2]){s.label=n[2];s.ops.push(r);break}if(n[2])s.ops.pop();s.trys.pop();continue}r=t.call(e,s)}catch(e){r=[6,e];i=0}finally{o=n=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{L as Locale}from"./locale-a4oAcjYG.js";var actions$3="Ενέργεια";var selectAllRows$3="Επιλογή όλων των γραμμών";var selectNoneRows$3="Αποεπιλογή όλων των γραμμών";var localeEl={actions:actions$3,selectAllRows:selectAllRows$3,selectNoneRows:selectNoneRows$3};var actions$2="Action";var selectAllRows$2="Select all rows";var selectNoneRows$2="Deselect all rows";var localeEn={actions:actions$2,selectAllRows:selectAllRows$2,selectNoneRows:selectNoneRows$2};var actions$1="Acción";var selectAllRows$1="Seleccionar todas las filas";var selectNoneRows$1="Deseleccionar todas las filas";var localeEs={actions:actions$1,selectAllRows:selectAllRows$1,selectNoneRows:selectNoneRows$1};var actions="Azione";var selectAllRows="Seleziona tutte le righe";var selectNoneRows="Deseleziona tutte le righe";var localeIt={actions:actions,selectAllRows:selectAllRows,selectNoneRows:selectNoneRows};var mdsTableHeaderCss=function(){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}}'};var MdsTableHeader=function(){function e(e){var t=this;registerInstance(this,e);this.selectAll=false;this.hasActions=false;this.indeterminate=false;this.hasSelection=false;this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.handleSelectAllChange=function(e){var s;if(t.indeterminate){t.selectAll=true}else{t.selectAll=(s=e.detail.checked)!==null&&s!==void 0?s:false}t.indeterminate=false;t.table.selectAll(t.selectAll)}}e.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=this.t.lang(this.host);this.t.update();return[2]}))}))};e.prototype.setSelection=function(e,t){return __awaiter(this,void 0,void 0,(function(){var s;return __generator(this,(function(o){this.indeterminate=e!==0&&e!==t;if(this.indeterminate){if(!this.checkboxEl){this.checkboxEl=(s=this.host.shadowRoot)===null||s===void 0?void 0:s.querySelector(".checkbox")}}this.checkboxEl.checked=e===t;return[2]}))}))};e.prototype.componentWillLoad=function(){this.language=this.t.lang(this.host);this.table=this.host.closest("mds-table");this.hasActions=this.table.querySelector('mds-table-row > [slot="action"]')!==null};e.prototype.render=function(){return h(Host,{key:"37b1dc996ea1131669eb20bcd7267113722eae2a",role:"row"},this.selectable&&h("mds-table-cell",{key:"a9e7504417cf9a44eacda2643fa5485132aeb937",class:"selection",role:"columnheader"},h("div",{key:"a0fb9d483af2ad7ed2aa07fbcb3dcb38a2bee64c",class:"checkbox-wrapper"},h("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}))),h("slot",{key:"8c02567f4261a7851a6ab624dd281de48366bbc0"}),this.hasActions&&h("mds-table-header-cell",{key:"95340371d6d6f7199633cde4b66eb2177437f63d",part:"actions",class:"actions",label:this.t.get("actions")}))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsTableHeader.style=mdsTableHeaderCss();export{MdsTableHeader as mds_table_header};
+var __awaiter=this&&this.__awaiter||function(e,t,s,o){function i(e){return e instanceof s?e:new s((function(t){t(e)}))}return new(s||(s=Promise))((function(s,n){function a(e){try{l(o.next(e))}catch(e){n(e)}}function r(e){try{l(o["throw"](e))}catch(e){n(e)}}function l(e){e.done?s(e.value):i(e.value).then(a,r)}l((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var s={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,i,n,a=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return a.next=r(0),a["throw"]=r(1),a["return"]=r(2),typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function r(e){return function(t){return l([e,t])}}function l(r){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,r[0]&&(s=0)),s)try{if(o=1,i&&(n=r[0]&2?i["return"]:r[0]?i["throw"]||((n=i["return"])&&n.call(i),0):i.next)&&!(n=n.call(i,r[1])).done)return n;if(i=0,n)r=[r[0]&2,n.value];switch(r[0]){case 0:case 1:n=r;break;case 4:s.label++;return{value:r[1],done:false};case 5:s.label++;i=r[1];r=[0];continue;case 7:r=s.ops.pop();s.trys.pop();continue;default:if(!(n=s.trys,n=n.length>0&&n[n.length-1])&&(r[0]===6||r[0]===2)){s=0;continue}if(r[0]===3&&(!n||r[1]>n[0]&&r[1]<n[3])){s.label=r[1];break}if(r[0]===6&&s.label<n[1]){s.label=n[1];n=r;break}if(n&&s.label<n[2]){s.label=n[2];s.ops.push(r);break}if(n[2])s.ops.pop();s.trys.pop();continue}r=t.call(e,s)}catch(e){r=[6,e];i=0}finally{o=n=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{L as Locale}from"./locale-a4oAcjYG.js";var actions$3="Ενέργεια";var selectAllRows$3="Επιλογή όλων των γραμμών";var selectNoneRows$3="Αποεπιλογή όλων των γραμμών";var localeEl={actions:actions$3,selectAllRows:selectAllRows$3,selectNoneRows:selectNoneRows$3};var actions$2="Action";var selectAllRows$2="Select all rows";var selectNoneRows$2="Deselect all rows";var localeEn={actions:actions$2,selectAllRows:selectAllRows$2,selectNoneRows:selectNoneRows$2};var actions$1="Acción";var selectAllRows$1="Seleccionar todas las filas";var selectNoneRows$1="Deseleccionar todas las filas";var localeEs={actions:actions$1,selectAllRows:selectAllRows$1,selectNoneRows:selectNoneRows$1};var actions="Azione";var selectAllRows="Seleziona tutte le righe";var selectNoneRows="Deseleziona tutte le righe";var localeIt={actions:actions,selectAllRows:selectAllRows,selectNoneRows:selectNoneRows};var mdsTableHeaderCss=function(){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}}'};var MdsTableHeader=function(){function e(e){var t=this;registerInstance(this,e);this.selectAll=false;this.hasActions=false;this.indeterminate=false;this.hasSelection=false;this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.handleSelectAllChange=function(e){var s;if(t.indeterminate){t.selectAll=true}else{t.selectAll=(s=e.detail.checked)!==null&&s!==void 0?s:false}t.indeterminate=false;t.table.selectAll(t.selectAll)}}e.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=this.t.lang(this.host);this.t.update();return[2]}))}))};e.prototype.setSelection=function(e,t){return __awaiter(this,void 0,void 0,(function(){var s;return __generator(this,(function(o){this.indeterminate=e!==0&&e!==t;if(this.indeterminate){if(this.checkboxEl==null){this.checkboxEl=(s=this.host.shadowRoot)===null||s===void 0?void 0:s.querySelector(".checkbox")}}this.checkboxEl.checked=e===t;return[2]}))}))};e.prototype.componentWillLoad=function(){this.language=this.t.lang(this.host);this.table=this.host.closest("mds-table");this.hasActions=this.table.querySelector('mds-table-row > [slot="action"]')!==null};e.prototype.render=function(){return h(Host,{key:"4c1907b2a9d7f3be74b77ea8c4897b39337062f7",role:"row"},this.selectable&&h("mds-table-cell",{key:"da97fe04013a2d0627e7d42d83383b1bdc5ad20a",class:"selection",role:"columnheader"},h("div",{key:"25d63dba96cfa5d0b797644fe5ade059a27130ab",class:"checkbox-wrapper"},h("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}))),h("slot",{key:"02ff4fdb5d9703d6300aac7cdb6ecf090f8db974"}),this.hasActions&&h("mds-table-header-cell",{key:"77b1de04053c57ead60a545d134f60d54de1da48",part:"actions",class:"actions",label:this.t.get("actions")}))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsTableHeader.style=mdsTableHeaderCss();export{MdsTableHeader as mds_table_header};

package/dist/esm-es5/mds-table-row.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,a,o){function r(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,n){function s(e){try{c(o.next(e))}catch(e){n(e)}}function i(e){try{c(o["throw"](e))}catch(e){n(e)}}function c(e){e.done?a(e.value):r(e.value).then(s,i)}c((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,r,n,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=i(0),s["throw"]=i(1),s["return"]=i(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(e){return function(t){return c([e,t])}}function c(i){if(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,i[0]&&(a=0)),a)try{if(o=1,r&&(n=i[0]&2?r["return"]:i[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,i[1])).done)return n;if(r=0,n)i=[i[0]&2,n.value];switch(i[0]){case 0:case 1:n=i;break;case 4:a.label++;return{value:i[1],done:false};case 5:a.label++;r=i[1];i=[0];continue;case 7:i=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(i[0]===6||i[0]===2)){a=0;continue}if(i[0]===3&&(!n||i[1]>n[0]&&i[1]<n[3])){a.label=i[1];break}if(i[0]===6&&a.label<n[1]){a.label=n[1];n=i;break}if(n&&a.label<n[2]){a.label=n[2];a.ops.push(i);break}if(n[2])a.ops.pop();a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e];r=0}finally{o=n=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{L as Locale}from"./locale-a4oAcjYG.js";import{i as isSafari}from"./browser-Dje8Mggf.js";var selectRow$3="Επιλογή γραμμής";var unselectRow$3="Αποεπιλογή γραμμής";var localeEl={selectRow:selectRow$3,unselectRow:unselectRow$3};var selectRow$2="Select row";var unselectRow$2="Deselect row";var localeEn={selectRow:selectRow$2,unselectRow:unselectRow$2};var selectRow$1="Seleccionar fila";var unselectRow$1="Deseleccionar fila";var localeEs={selectRow:selectRow$1,unselectRow:unselectRow$1};var selectRow="Seleziona riga";var unselectRow="Deseleziona riga";var localeIt={selectRow:selectRow,unselectRow:unselectRow};var mdsTableRowCss=function(){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}}'};var MdsTableRow=function(){function e(e){var t=this;registerInstance(this,e);this.hasActions=true;this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.selectable=undefined;this.handleSelectionChange=function(e){var a;t.selected=e.detail.checked;(a=t.host.closest("mds-table"))===null||a===void 0?void 0:a.updateSelection()}}e.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=this.t.lang(this.host);this.t.update();return[2]}))}))};e.prototype.componentWillLoad=function(){this.language=this.t.lang(this.host);this.hasActions=this.host.querySelector(':scope > [slot="action"]')!==null};e.prototype.componentDidLoad=function(){if(this.hasActions)this.initObserver()};e.prototype.initObserver=function(){var e=this;this.observer=new ResizeObserver((function(t){e.sizerWidth="".concat(t[0].borderBoxSize[0].inlineSize.toString(),"px")}));this.observer.observe(this.actions)};e.prototype.disconnectedCallback=function(){if(this.observer)this.observer.disconnect()};e.prototype.render=function(){var e=this;return h(Host,{key:"647098c017c85b3b88975a7a98366afbc7140a07",role:"row"},this.selectable&&h("mds-table-cell",{key:"42fd6b0fa4f38993b6f824c6fb4adabdee05b277",class:"selection-cell"},h("div",{key:"4aa67fd4526d675c8486335ebea22a7c94b05f88",class:"checkbox-wrapper"},h("mds-input-switch",{key:"885d7a270ff2c49b1f1d2a0cfc7beeb1e80ab67f",title:this.t.get(this.selected?"unselectRow":"selectRow"),lang:this.language,type:"checkbox",checked:this.selected,onMdsInputSwitchChange:this.handleSelectionChange}))),h("slot",{key:"e178eac73e1485a8009248cbcad6d50437c96a3e"}),this.hasActions&&isSafari()&&h("mds-table-cell",{key:"dd49057349406107e8e9bf5c552c900c78d3a2f4",class:"actions-cell actions-cell--disable"},h("div",{key:"8ea991e4c62686c5d2e488c59abbc72cf20d47e1",class:"actions"},h("slot",{key:"e4c312f1022dfb2ca120edd5749f795472c1af5f",name:"action"}))),this.hasActions&&!isSafari()&&h("mds-table-cell",{key:"16152eed7d5eb29175ed7db0a046802f2357adad",class:"actions-cell"},h("div",{key:"8e632cad0c708d6a857db3134a6c979be9893ced",class:"actions-sizer",style:{minHeight:"1px",maxWidth:this.sizerWidth,minWidth:this.sizerWidth}}),h("div",{key:"b29ad0849a425b0ca8f5257b27efd0f248edb3fa",class:"actions-view"},h("div",{key:"0fe5795c3d1cac06487fc7a7df06369815ba2b44",class:"actions",ref:function(t){return e.actions=t},style:{marginRight:"calc(".concat(this.sizerWidth," + var(--mds-table-cell-padding))")}},h("slot",{key:"02b63534de3cfcfaca02794ec6043218e887d503",name:"action"})))))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsTableRow.style=mdsTableRowCss();export{MdsTableRow as mds_table_row};
+var __awaiter=this&&this.__awaiter||function(e,t,a,o){function r(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,n){function s(e){try{c(o.next(e))}catch(e){n(e)}}function i(e){try{c(o["throw"](e))}catch(e){n(e)}}function c(e){e.done?a(e.value):r(e.value).then(s,i)}c((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,r,n,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=i(0),s["throw"]=i(1),s["return"]=i(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(e){return function(t){return c([e,t])}}function c(i){if(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,i[0]&&(a=0)),a)try{if(o=1,r&&(n=i[0]&2?r["return"]:i[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,i[1])).done)return n;if(r=0,n)i=[i[0]&2,n.value];switch(i[0]){case 0:case 1:n=i;break;case 4:a.label++;return{value:i[1],done:false};case 5:a.label++;r=i[1];i=[0];continue;case 7:i=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(i[0]===6||i[0]===2)){a=0;continue}if(i[0]===3&&(!n||i[1]>n[0]&&i[1]<n[3])){a.label=i[1];break}if(i[0]===6&&a.label<n[1]){a.label=n[1];n=i;break}if(n&&a.label<n[2]){a.label=n[2];a.ops.push(i);break}if(n[2])a.ops.pop();a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e];r=0}finally{o=n=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{L as Locale}from"./locale-a4oAcjYG.js";import{i as isSafari}from"./browser-Dje8Mggf.js";var selectRow$3="Επιλογή γραμμής";var unselectRow$3="Αποεπιλογή γραμμής";var localeEl={selectRow:selectRow$3,unselectRow:unselectRow$3};var selectRow$2="Select row";var unselectRow$2="Deselect row";var localeEn={selectRow:selectRow$2,unselectRow:unselectRow$2};var selectRow$1="Seleccionar fila";var unselectRow$1="Deseleccionar fila";var localeEs={selectRow:selectRow$1,unselectRow:unselectRow$1};var selectRow="Seleziona riga";var unselectRow="Deseleziona riga";var localeIt={selectRow:selectRow,unselectRow:unselectRow};var mdsTableRowCss=function(){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}}'};var MdsTableRow=function(){function e(e){var t=this;registerInstance(this,e);this.hasActions=true;this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.selectable=undefined;this.handleSelectionChange=function(e){var a;t.selected=e.detail.checked;(a=t.host.closest("mds-table"))===null||a===void 0?void 0:a.updateSelection()}}e.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=this.t.lang(this.host);this.t.update();return[2]}))}))};e.prototype.componentWillLoad=function(){this.language=this.t.lang(this.host);this.hasActions=this.host.querySelector(':scope > [slot="action"]')!==null};e.prototype.componentDidLoad=function(){if(this.hasActions)this.initObserver()};e.prototype.initObserver=function(){var e=this;this.observer=new ResizeObserver((function(t){e.sizerWidth="".concat(t[0].borderBoxSize[0].inlineSize.toString(),"px")}));this.observer.observe(this.actions)};e.prototype.disconnectedCallback=function(){if(this.observer)this.observer.disconnect()};e.prototype.render=function(){var e=this;return h(Host,{key:"58724450caa507036a51436eee917bf1985b6cf8",role:"row"},this.selectable&&h("mds-table-cell",{key:"6d139569b397b4ed5255d060078a885807dbf67d",class:"selection-cell"},h("div",{key:"95608e906cf0d53b0750f13669b6882c5f015887",class:"checkbox-wrapper"},h("mds-input-switch",{key:"aed24d0ced8de37f9f2ccc1afd6b5b2732db995f",title:this.t.get(this.selected?"unselectRow":"selectRow"),lang:this.language,type:"checkbox",checked:this.selected,onMdsInputSwitchChange:this.handleSelectionChange}))),h("slot",{key:"d83c65bd0ed36ad733c1be6ac75ff75d1e500150"}),this.hasActions&&isSafari()&&h("mds-table-cell",{key:"b22a8f6812a3acd05cb527a0c730c10629ea5fc6",class:"actions-cell actions-cell--disable"},h("div",{key:"f5f725888c3f9d16307ac7986a354a304a383aaa",class:"actions"},h("slot",{key:"b0b040e230bb68f4260c9bf79a83026cf776ce5d",name:"action"}))),this.hasActions&&!isSafari()&&h("mds-table-cell",{key:"10e5c24237e19f349b1c957bd1bd6e5463f6cfd3",class:"actions-cell"},h("div",{key:"e7c2577896533236dc3c5c3eaa78629bc310a45f",class:"actions-sizer",style:{minHeight:"1px",maxWidth:this.sizerWidth,minWidth:this.sizerWidth}}),h("div",{key:"eca88ae1d742b799979dc783734dc93b1ac2b680",class:"actions-view"},h("div",{key:"3feeb73ec5018219549a2271954c8140137b5aad",class:"actions",ref:function(t){return e.actions=t},style:{marginRight:"calc(".concat(this.sizerWidth," + var(--mds-table-cell-padding))")}},h("slot",{key:"2ef5950a7a389d6ce1c79b182e4eec5e0bc43e71",name:"action"})))))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();MdsTableRow.style=mdsTableRowCss();export{MdsTableRow as mds_table_row};

package/dist/esm-es5/mds-table.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,r,a){function o(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,n){function s(t){try{c(a.next(t))}catch(t){n(t)}}function i(t){try{c(a["throw"](t))}catch(t){n(t)}}function c(t){t.done?r(t.value):o(t.value).then(s,i)}c((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,o,n,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=i(0),s["throw"]=i(1),s["return"]=i(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(t){return function(e){return c([t,e])}}function c(i){if(a)throw new TypeError("Generator is already executing.");while(s&&(s=0,i[0]&&(r=0)),r)try{if(a=1,o&&(n=i[0]&2?o["return"]:i[0]?o["throw"]||((n=o["return"])&&n.call(o),0):o.next)&&!(n=n.call(o,i[1])).done)return n;if(o=0,n)i=[i[0]&2,n.value];switch(i[0]){case 0:case 1:n=i;break;case 4:r.label++;return{value:i[1],done:false};case 5:r.label++;o=i[1];i=[0];continue;case 7:i=r.ops.pop();r.trys.pop();continue;default:if(!(n=r.trys,n=n.length>0&&n[n.length-1])&&(i[0]===6||i[0]===2)){r=0;continue}if(i[0]===3&&(!n||i[1]>n[0]&&i[1]<n[3])){r.label=i[1];break}if(i[0]===6&&r.label<n[1]){r.label=n[1];n=i;break}if(n&&r.label<n[2]){r.label=n[2];r.ops.push(i);break}if(n[2])r.ops.pop();r.trys.pop();continue}i=e.call(t,r)}catch(t){i=[6,t];o=0}finally{a=n=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{c as clsx}from"./clsx-ChV9xqsO.js";import{L as Locale}from"./locale-a4oAcjYG.js";var batchActions$3="Επιλεγμένα στοιχεία";var localeEl={batchActions:batchActions$3};var batchActions$2="Selected items";var localeEn={batchActions:batchActions$2};var batchActions$1="Elementos seleccionados";var localeEs={batchActions:batchActions$1};var batchActions="Elementi selezionati";var localeIt={batchActions:batchActions};var mdsTableCss=function(){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))}}'};var MdsTable=function(){function t(t){var e=this;registerInstance(this,t);this.selectionEvent=createEvent(this,"mdsTableSelectionChange");this.hasBatchActions=false;this.cellsWidth=0;this.selectedRows=[];this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.updateInteractive=function(){e.body.interactive=e.interactive;e.rows.forEach((function(t){t.interactive=e.interactive}))};this.updateCellsSize=function(){var t;var r=e.rows[0].querySelectorAll("mds-table-cell");var a=(t=e.rows[0].shadowRoot)===null||t===void 0?void 0:t.querySelector(".selection-cell");e.cellsWidth=a?a.offsetWidth:0;r.forEach((function(t){e.cellsWidth+=t.offsetWidth}))};this.hasActions=function(){e.updateCellsSize();return e.host.querySelector('mds-table-row > [slot="action"]')!==null};this.handleSelection=function(){e.rows.forEach((function(t){t.selectable=e.selectable}))};this.handleActions=function(){e.updateCellsSize();var t=e.scrollWrapper.offsetWidth+e.scrollWrapper.scrollLeft<e.cellsWidth;e.rows.forEach((function(e){e.overlayActions=t}))};this.updateSlottedElements=function(){e.rows=e.host.querySelectorAll("mds-table-row");e.updateInteractive();e.handleSelection()}}t.prototype.onTableInteractive=function(){this.updateInteractive()};t.prototype.onTableSelectable=function(t){this.handleSelection();this.header.selectable=t};t.prototype.updateSelection=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){if(!this.selectable){return[2]}this.selectedRows=[];this.rows.forEach((function(e,r){if(e.selected){t.selectedRows.push({index:r,value:e.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;return[2]}))}))};t.prototype.selectAll=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=true}return __generator(this,(function(e){if(!this.selectable){return[2]}this.rows.forEach((function(e){e.selected=t}));this.updateSelection();return[2]}))}))};t.prototype.componentWillLoad=function(){var t=this;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=this.host.querySelector(':scope > [slot="batch-action"]')!==null;this.tableBodyObserver=new MutationObserver((function(){t.updateSlottedElements()}));this.tableBodyObserver.observe(this.body,{childList:true})};t.prototype.componentDidLoad=function(){var t;this.header.selectable=this.selectable;if(this.hasActions()){var e=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".table-wrapper");if(!e){throw new 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()}};t.prototype.disconnectedCallback=function(){var t;this.host.removeEventListener("scroll",this.handleActions);(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect();this.tableBodyObserver.disconnect()};t.prototype.render=function(){return h(Host,{key:"26c4ebf8d8dac2b2e8505526cac64abe56f9635f"},h("div",{key:"efe2076b369e0898e38ea181b6fa403c4ad97bb1",class:"table-wrapper",part:"table-wrapper"},h("table",{key:"0951fff09d1ae80d5ed7080b602a64df3a181751",class:clsx("table",this.interactive&&"table--interactive"),role:"table",part:"table"},h("slot",{key:"360f656f2380d7e211bd2e21f79a575ae76d1bc9",onSlotchange:this.updateSlottedElements}))),this.selectable&&this.hasBatchActions&&h("div",{key:"3f0882dbcd34c89d9be13568b1b92fcc4ce76512",class:clsx("batch-actions-wrapper",this.selectedRows.length>0?"batch-actions-wrapper--has-selected-rows":""),part:"batch-actions-wrapper"},h("div",{key:"a7738eacba45b945a317573a0245534e69068342",class:"batch-actions",part:"batch-actions"},h("div",{key:"d0189b91bb6a3ccd185a52a5945fb20c880b51c0",class:"batch-actions-header"},h("mds-text",{key:"6b6ba41fb6157e1285135342ce9fe15f6e118926",class:"batch-actions-label",typography:"label"},this.t.get("batchActions")),h("mds-badge",{key:"caaf5b9fea8cea12d045b59d8c45b0b4f74c3a5e",variant:"dark",tone:"outline",typography:"label"},this.selectedRows.length)),h("slot",{key:"b97911b24077a3197f7a2f5b12d88cf48a89afd0",name:"batch-action"}))))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{interactive:[{onTableInteractive:0}],selectable:[{onTableSelectable:0}]}},enumerable:false,configurable:true});return t}();MdsTable.style=mdsTableCss();export{MdsTable as mds_table};
+var __awaiter=this&&this.__awaiter||function(t,e,r,a){function o(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,n){function s(t){try{c(a.next(t))}catch(t){n(t)}}function i(t){try{c(a["throw"](t))}catch(t){n(t)}}function c(t){t.done?r(t.value):o(t.value).then(s,i)}c((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,o,n,s=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return s.next=i(0),s["throw"]=i(1),s["return"]=i(2),typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(t){return function(e){return c([t,e])}}function c(i){if(a)throw new TypeError("Generator is already executing.");while(s&&(s=0,i[0]&&(r=0)),r)try{if(a=1,o&&(n=i[0]&2?o["return"]:i[0]?o["throw"]||((n=o["return"])&&n.call(o),0):o.next)&&!(n=n.call(o,i[1])).done)return n;if(o=0,n)i=[i[0]&2,n.value];switch(i[0]){case 0:case 1:n=i;break;case 4:r.label++;return{value:i[1],done:false};case 5:r.label++;o=i[1];i=[0];continue;case 7:i=r.ops.pop();r.trys.pop();continue;default:if(!(n=r.trys,n=n.length>0&&n[n.length-1])&&(i[0]===6||i[0]===2)){r=0;continue}if(i[0]===3&&(!n||i[1]>n[0]&&i[1]<n[3])){r.label=i[1];break}if(i[0]===6&&r.label<n[1]){r.label=n[1];n=i;break}if(n&&r.label<n[2]){r.label=n[2];r.ops.push(i);break}if(n[2])r.ops.pop();r.trys.pop();continue}i=e.call(t,r)}catch(t){i=[6,t];o=0}finally{a=n=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{c as clsx}from"./clsx-ChV9xqsO.js";import{L as Locale}from"./locale-a4oAcjYG.js";var batchActions$3="Επιλεγμένα στοιχεία";var localeEl={batchActions:batchActions$3};var batchActions$2="Selected items";var localeEn={batchActions:batchActions$2};var batchActions$1="Elementos seleccionados";var localeEs={batchActions:batchActions$1};var batchActions="Elementi selezionati";var localeIt={batchActions:batchActions};var mdsTableCss=function(){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))}}'};var MdsTable=function(){function t(t){var e=this;registerInstance(this,t);this.selectionEvent=createEvent(this,"mdsTableSelectionChange");this.hasBatchActions=false;this.cellsWidth=0;this.selectedRows=[];this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.updateInteractive=function(){e.body.interactive=e.interactive;e.rows.forEach((function(t){t.interactive=e.interactive}))};this.updateCellsSize=function(){var t;var r=e.rows[0].querySelectorAll("mds-table-cell");var a=(t=e.rows[0].shadowRoot)===null||t===void 0?void 0:t.querySelector(".selection-cell");e.cellsWidth=a!=null?a.offsetWidth:0;r.forEach((function(t){e.cellsWidth+=t.offsetWidth}))};this.hasActions=function(){e.updateCellsSize();return e.host.querySelector('mds-table-row > [slot="action"]')!==null};this.handleSelection=function(){e.rows.forEach((function(t){t.selectable=e.selectable}))};this.handleActions=function(){e.updateCellsSize();var t=e.scrollWrapper.offsetWidth+e.scrollWrapper.scrollLeft<e.cellsWidth;e.rows.forEach((function(e){e.overlayActions=t}))};this.updateSlottedElements=function(){e.rows=e.host.querySelectorAll("mds-table-row");e.updateInteractive();e.handleSelection()}}t.prototype.onTableInteractive=function(){this.updateInteractive()};t.prototype.onTableSelectable=function(t){this.handleSelection();this.header.selectable=t};t.prototype.updateSelection=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){if(!this.selectable){return[2]}this.selectedRows=[];this.rows.forEach((function(e,r){if(e.selected){t.selectedRows.push({index:r,value:e.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;return[2]}))}))};t.prototype.selectAll=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=true}return __generator(this,(function(e){if(!this.selectable){return[2]}this.rows.forEach((function(e){e.selected=t}));this.updateSelection();return[2]}))}))};t.prototype.componentWillLoad=function(){var t=this;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=this.host.querySelector(':scope > [slot="batch-action"]')!==null;this.tableBodyObserver=new MutationObserver((function(){t.updateSlottedElements()}));this.tableBodyObserver.observe(this.body,{childList:true})};t.prototype.componentDidLoad=function(){var t;this.header.selectable=this.selectable;if(this.hasActions()){var e=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".table-wrapper");if(!e){throw new 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()}};t.prototype.disconnectedCallback=function(){var t;this.host.removeEventListener("scroll",this.handleActions);(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect();this.tableBodyObserver.disconnect()};t.prototype.render=function(){return h(Host,{key:"7e29aed526c49ac9021de41ccaaf4e2479df7f2f"},h("div",{key:"dae1ff46dad9f3733c0d4e5b3922c0ceef60e397",class:"table-wrapper",part:"table-wrapper"},h("table",{key:"97c5ef324b98a0ff0d8be1ee1fe8e1ae2b42792c",class:clsx("table",this.interactive&&"table--interactive"),role:"table",part:"table"},h("slot",{key:"6dbbeed8c36f9ecb347db140c1a8cdb7c792601a",onSlotchange:this.updateSlottedElements}))),this.selectable&&this.hasBatchActions&&h("div",{key:"fac215ed7d4ed631f6df92b212406298088fe906",class:clsx("batch-actions-wrapper",this.selectedRows.length>0?"batch-actions-wrapper--has-selected-rows":""),part:"batch-actions-wrapper"},h("div",{key:"6c33bb5c57b4fd2ae6d15eda97d6b353cfb6ad67",class:"batch-actions",part:"batch-actions"},h("div",{key:"bc10432ff603a335021116fe16a1937288892c5b",class:"batch-actions-header"},h("mds-text",{key:"b804e56fc035ddb65da640124612b345bf76c300",class:"batch-actions-label",typography:"label"},this.t.get("batchActions")),h("mds-badge",{key:"5f0322a4ef1252b237850c596f23c6453b984a8d",variant:"dark",tone:"outline",typography:"label"},this.selectedRows.length)),h("slot",{key:"977eb1424d5d37b9a429369c43c97b45f8e5f249",name:"batch-action"}))))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{interactive:[{onTableInteractive:0}],selectable:[{onTableSelectable:0}]}},enumerable:false,configurable:true});return t}();MdsTable.style=mdsTableCss();export{MdsTable as mds_table};