@maggioli-design-system/magma 1.0.0-beta → 1.0.1

package/dist/magma-components/p-d06b650f.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as s,H as n,g as r}from"./p-eab621a7.js";import{m as i}from"./p-99335ff4.js";import{L as o}from"./p-c310b41f.js";import"./p-85aa8e05.js";const a={contrastMore:"Περισσότερο",contrastDefault:"Προεπιλογή",label:"Αντίθεση",systemSettings:"Ρυθμίσεις συστήματος"},l={contrastMore:"More",contrastDefault:"Default",label:"Contrast",systemSettings:"System settings"},c={contrastMore:"Mayor",contrastDefault:"Predeterminado",label:"Contraste",systemSettings:"Sistema operativo"},m={contrastMore:"Maggiore",contrastDefault:"Predefinito",label:"Contrasto",systemSettings:"Sistema operativo"},h=class{constructor(s){e(this,s),this.prefChangeEvent=t(this,"mdsPrefChange",7),this.localStorageAlias="mdsPrefContrast",this.customPropertyAlias="--magma-pref-contrast",this.defaultMode="system",this.t=new o({el:a,en:l,es:c,it:m}),this.prefersDefaults={custom:"no-preference",less:"no-preference",more:"more","no-preference":"no-preference"},this.contrast={more:{selector:"pref-contrast-more",label:"contrastMore"},system:{selector:"pref-contrast-system",label:"systemSettings"},"no-preference":{selector:"pref-contrast-no-preference",label:"contrastDefault"}},this.rollbackContrast=()=>{if(!window)return this.defaultMode;for(const e in this.prefersDefaults)if({}.hasOwnProperty.call(this.prefersDefaults,e)&&window.matchMedia(`(prefers-contrast: ${e})`).matches)return this.prefersDefaults[e];throw Error("No prefers-contrast value found.")},this.setContrast=e=>{if(this.prefChangeEvent.emit({preference:"contrast"}),this.rollbackContrast(),this.mode=e,localStorage.setItem(this.localStorageAlias,this.mode),document){const t=document.querySelector("html");for(const e in this.contrast)({}).hasOwnProperty.call(this.contrast,e)&&(null==t||t.classList.remove(this.contrast[e].selector));null==t||t.classList.add(this.contrast[e].selector),null==t||t.style.setProperty(this.customPropertyAlias,this.mode)}},this.language=void 0,this.mode=void 0}async updateLang(){this.language=this.t.lang(this.element)}componentWillRender(){var e,t;this.t.lang(this.element),this.setContrast(null!==(t=null!==(e=this.mode)&&void 0!==e?e:localStorage.getItem(this.localStorageAlias))&&void 0!==t?t:this.defaultMode)}modeChanged(e,t){e!==t&&this.setContrast(e)}render(){var e;return s(n,{key:"cb36b19fcae35c2182d8c079856db3fc14b22083"},s("mds-text",{key:"021e5ad28b3a745623ce26f9ec968a2059930e1f",class:"info",typography:"caption"},s("b",{key:"a3d0c6c5221fc9d0ff84bead98ee2a453bd7cc02"},this.t.get("label"))," ",this.t.get(this.contrast[null!==(e=this.mode)&&void 0!==e?e:this.defaultMode].label)),s("mds-tab",{key:"ddaf4c6818c399abde338f2fe52f240ff6236437"},s("mds-tab-item",{key:"1a437816ff500de8ab2c1ba3de0b9c0f83a5c759",selected:"more"===this.mode,onClick:()=>{this.setContrast("more")},class:"item item--more",icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2S2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"/></svg>'}),s("mds-tab-item",{key:"313efd1d02f763b4662d10c71394de6e06f0607e",selected:"system"===this.mode,onClick:()=>{this.setContrast("system")},class:"item item--system",icon:i}),s("mds-tab-item",{key:"7fe309b846c197155bd484e07a8d47b8d9b8a9ee",selected:"no-preference"===this.mode,onClick:()=>{this.setContrast("no-preference")},class:"item item--default",icon:"no-preference"===this.mode?'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4L6.5 9.5L1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25L19 15z"/></svg>':'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25zm0 6l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25zm-7.5-5.5L9 4L6.5 9.5L1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zm-1.51 3.49L9 15.17l-.99-2.18L5.83 12l2.18-.99L9 8.83l.99 2.18l2.18.99l-2.18.99z"/></svg>'})))}get element(){return r(this)}static get watchers(){return{mode:["modeChanged"]}}};h.style="@tailwind utilities;\n\n:host{\n\n  gap: 0.25rem;\n\n  display: grid;\n}\n\n.item {\n\n  --mds-tab-item-color: rgb(var(--tone-neutral-05));\n\n  -ms-flex-preferred-size: 0;\n\n  flex-basis: 0;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n}\n\n.item--default,\n.item--more,\n.item--system {\n\n  --mds-tab-item-color-selected: rgb(var(--tone-neutral-03));\n}\n\n@container style(--magma-pref-contrast: more) {\n  .item {\n\n    --mds-tab-item-color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    .item {\n\n      --mds-tab-item-color: rgb(var(--tone-neutral-01));\n  }\n}\n}\n\n";export{h as mds_pref_contrast}

package/dist/magma-components/{p-bebaf8c9.system.entry.js → p-d239736c.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,i,n,e){function r(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n||(n=Promise))((function(n,s){function u(t){try{o(e.next(t))}catch(t){s(t)}}function a(t){try{o(e["throw"](t))}catch(t){s(t)}}function o(t){t.done?n(t.value):r(t.value).then(u,a)}o((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},e,r,s,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(t){return function(i){return o([t,i])}}function o(a){if(e)throw new TypeError("Generator is already executing.");while(u&&(u=0,a[0]&&(n=0)),n)try{if(e=1,r&&(s=a[0]&2?r["return"]:a[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,a[1])).done)return s;if(r=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;r=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){n.label=a[1];break}if(a[0]===6&&n.label<s[1]){n.label=s[1];s=a;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(a);break}if(s[2])n.ops.pop();n.trys.pop();continue}a=i.call(t,n)}catch(t){a=[6,t];r=0}finally{e=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-369fc037.system.js","./p-d68089ba.system.js"],(function(t){"use strict";var i,n,e,r,s,u;return{setters:[function(t){i=t.r;n=t.c;e=t.h;r=t.H;s=t.g},function(t){u=t.c}],execute:function(){var a=function(){return null};var o=function(t){if(Number.isNaN(t.slice(0,-1))||t.length!==10&&t.length!==13)return{"isbn-error":"formato isbn non correto"};var i=t.split("").map((function(t){return t==="X"?10:Number(t)}));var n=0;if(t.length===10){var e=i.reduce((function(t,i,n){return t+(10-n)*i}),0);n=e%11}else{var e=i.reduce((function(t,i,n){var e=n%2===0?1:3;return t+i*e}),0);n=e%10}return n===0?null:{"isbn-error":"codice isbn non valido"}};var c=function(){function t(){this._validators=[];this._errors=null;this.isValid=true}t.prototype.addValidator=function(t){var i;if(Array.isArray(t)){(i=this._validators).push.apply(i,t)}else{this._validators.push(t)}};t.prototype._hasValidator=function(t,i){return Array.isArray(t)?t.includes(i):t===i};t.prototype.hasValidator=function(t){return this._hasValidator(this._validators,t)};t.prototype.removeValidator=function(t){var i=this;this._validators=this._validators.filter((function(n){return!i._hasValidator(t,n)}))};t.prototype.validate=function(t){if(t.length===0){this._errors=null;this.isValid=true;return}var i=this._validators.map((function(i){return i(t)})).reduce((function(t,i){return Object.assign(Object.assign({},t),i)}),a);this._errors=Object.keys(i).length===0?null:i;this.isValid=!this._errors};Object.defineProperty(t.prototype,"errors",{get:function(){return this._errors},enumerable:false,configurable:true});return t}();var f=function(){function t(){}return t}();f.CF_Regex=/^(?:[A-Z][AEIOU][AEIOUX]|[AEIOU]X{2}|[B-DF-HJ-NP-TV-Z]{2}[A-Z]){2}(?:[\dLMNP-V]{2}(?:[A-EHLMPR-T](?:[04LQ][1-9MNP-V]|[15MR][\dLMNP-V]|[26NS][0-8LMNP-U])|[DHPS][37PT][0L]|[ACELMRT][37PT][01LM]|[AC-EHLMPR-T][26NS][9V])|(?:[02468LNQSU][048LQU]|[13579MPRTV][26NS])B[26NS][9V])(?:[A-MZ][1-9MNP-V][\dLMNP-V]{2}|[A-M][0L](?:[1-9MNP-V][\dLMNP-V]|[0L][1-9MNP-V]))[A-Z]$/i;f.CF_MASK="A{6}(99|AA)A(99|AA)A(999|AAA)A";f.CC_MASK="9999-9999-9999-9999";var d=function(){function t(t){this.validator=new c;this.pattern=t}t.prototype.mask=function(t){if(!this.pattern){throw new Error("no pattern found, set pattern before mask")}};t.prototype.isValid=function(t){this.validator.validate(t);return this.validator.isValid};return t}();function h(t){var i;switch(t){case"tel":i=new d("");break;case"url":i=new d("");break;case"cc":i=new d(f.CC_MASK);break;case"cf":i=new d(f.CF_MASK);i.validator.addValidator((function(t){return f.CF_Regex.test(t)?null:{"cf-regex":"Codice fiscale inserito non corretto"}}));i.validator.addValidator((function(t){return t.length===16?null:{"cf-length":"Codice fiscale deve essere lungo 16 caratteri"}}));break;case"isbn":i=new d;i.validator.addValidator(o);break;case"piva":i=new d("");break;default:i=new d("")}return i}var l='@tailwind utilities; :host{--mds-input-field-message-color:rgb(var(--tone-neutral-03));--mds-input-field-message-background:transparent;gap:0.5rem;color:rgb(var(--tone-neutral-02));display:grid}.message-window{gap:0.5rem;border-radius:0.75rem;padding:0rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-input-field-message-background);color:var(--mds-input-field-message-color);display:grid;-webkit-transition-property:background-color, color;transition-property:background-color, color}.message-window--opened{padding:0.5rem}.message{padding-left:0.5rem;padding-right:0.5rem;padding-bottom:0.5rem;padding-top:0.25rem}:host([variant="info"]){--mds-input-field-message-color:rgb(var(--status-info-02));--mds-input-field-message-background:rgb(var(--status-info-09))}:host([variant="success"]){--mds-input-field-message-color:rgb(var(--status-success-02));--mds-input-field-message-background:rgb(var(--status-success-09))}:host([variant="warning"]){--mds-input-field-message-color:rgb(var(--status-warning-02));--mds-input-field-message-background:rgb(var(--status-warning-09))}:host([variant="error"]){--mds-input-field-message-color:rgb(var(--status-error-02));--mds-input-field-message-background:rgb(var(--status-error-09))}';var b=l;var g=t("mds_input_field",function(){function t(t){var e=this;i(this,t);this.changeEvent=n(this,"mdsInputFieldChange",7);this.keyDownEvent=n(this,"mdsInputFieldKeydown",7);this.blurEvent=n(this,"mdsInputFieldBlur",7);this.focusEvent=n(this,"mdsInputFieldFocus",7);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.isValidInput=true;this.onInput=function(t){var i=t.target;if(i){e.value=i.value;e.internals.setFormValue(e.value)}e.keyDownEvent.emit(t)};this.onBlur=function(){e.hasFocus=false;e.blurEvent.emit();e.isValidInput=e.validateInput();e.variant=e.isValidInput?"success":"error";if(e.inputValidation.validator.errors){e.message=Object.entries(e.inputValidation.validator.errors).map((function(t){return t[1]})).join("\n")}else{e.message=undefined}};this.onFocus=function(t){var i=t.target;e.hasFocus=true;e.focusEvent.emit();if(e.readonly){setTimeout((function(){i.select()}),10)}};this.hasFocus=false;this.autocomplete="off";this.autofocus=false;this.await=false;this.controlsLayout="vertical";this.controlsIcon="arrow";this.disabled=false;this.icon=undefined;this.max=undefined;this.maxlength=undefined;this.min=undefined;this.minlength=undefined;this.name=undefined;this.pattern=undefined;this.placeholder="";this.readonly=false;this.required=false;this.step=undefined;this.type="text";this.typography="detail";this.value="";this.label=undefined;this.message=undefined;this.variant=undefined;this.tip=undefined}t.prototype.componentWillLoad=function(){if(this.el.hasAttribute("tabindex")){var t=this.el.getAttribute("tabindex");this.tabindex=t!==null?parseInt(t):undefined;this.el.removeAttribute("tabindex")}this.inputValidation=h(this.type)};t.prototype.componentDidLoad=function(){var t,i,n,e;this.nativeInput=(n=(i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("mds-input"))===null||i===void 0?void 0:i.shadowRoot)===null||n===void 0?void 0:n.querySelector("input");(e=this.nativeInput)===null||e===void 0?void 0:e.setAttribute("pattern",String(this.inputValidation.pattern))};t.prototype.valueChanged=function(){this.changeEvent.emit({value:this.value});this.internals.setFormValue(this.value)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.addValidator=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.inputValidation.validator.addValidator(t);return[2,Promise.resolve()]}))}))};t.prototype.removeValidator=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.inputValidation.validator.removeValidator(t);return[2]}))}))};t.prototype.getErrors=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,Promise.resolve(this.inputValidation.validator.errors)]}))}))};t.prototype.validateInput=function(){return this.inputValidation.isValid(this.value)};t.prototype.render=function(){return e(r,{key:"db5b1e0a4e149d9f32644f0d319c91ede6154508"},this.label&&e("mds-text",{key:"35e32691561662a7b7218c435adb709cac4b6169",class:"label",typography:"label"},this.label),e("div",{key:"69e644c0d945b87ecae0f529fa322523292c72f9",class:u("message-window",this.variant&&this.message&&"message-window--opened")},e("mds-input",{key:"c8f9c545b595311edfea7571bb896a7e80401af8",autocomplete:this.autocomplete,autofocus:this.autofocus,await:this.await,class:u("input",this.isValidInput?"input-valid":"input-invalid"),controlsLayout:this.controlsLayout,controlsIcon:this.controlsIcon,disabled:this.disabled,icon:this.icon,id:"field",max:this.max,maxlength:this.maxlength,min:this.min,minlength:this.minlength,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,pattern:this.pattern,placeholder:this.placeholder,readonly:this.readonly,required:this.required,typography:this.typography,variant:this.variant,tip:this.tip,step:this.step,tabIndex:this.tabindex,type:this.type,value:this.value}),this.message&&e("mds-text",{key:"37b8805d9b7abe1c644a66e49abc391ab97141e9",class:"message",typography:"caption"},this.message)))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return t}());g.style=b}}}));
+var __awaiter=this&&this.__awaiter||function(t,i,n,e){function r(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n||(n=Promise))((function(n,s){function u(t){try{o(e.next(t))}catch(t){s(t)}}function a(t){try{o(e["throw"](t))}catch(t){s(t)}}function o(t){t.done?n(t.value):r(t.value).then(u,a)}o((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},e,r,s,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(t){return function(i){return o([t,i])}}function o(a){if(e)throw new TypeError("Generator is already executing.");while(u&&(u=0,a[0]&&(n=0)),n)try{if(e=1,r&&(s=a[0]&2?r["return"]:a[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,a[1])).done)return s;if(r=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;r=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){n.label=a[1];break}if(a[0]===6&&n.label<s[1]){n.label=s[1];s=a;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(a);break}if(s[2])n.ops.pop();n.trys.pop();continue}a=i.call(t,n)}catch(t){a=[6,t];r=0}finally{e=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-c94628eb.system.js","./p-d68089ba.system.js"],(function(t){"use strict";var i,n,e,r,s,u;return{setters:[function(t){i=t.r;n=t.c;e=t.h;r=t.H;s=t.g},function(t){u=t.c}],execute:function(){var a=function(){return null};var o=function(t){if(Number.isNaN(t.slice(0,-1))||t.length!==10&&t.length!==13)return{"isbn-error":"formato isbn non correto"};var i=t.split("").map((function(t){return t==="X"?10:Number(t)}));var n=0;if(t.length===10){var e=i.reduce((function(t,i,n){return t+(10-n)*i}),0);n=e%11}else{var e=i.reduce((function(t,i,n){var e=n%2===0?1:3;return t+i*e}),0);n=e%10}return n===0?null:{"isbn-error":"codice isbn non valido"}};var c=function(){function t(){this._validators=[];this._errors=null;this.isValid=true}t.prototype.addValidator=function(t){var i;if(Array.isArray(t)){(i=this._validators).push.apply(i,t)}else{this._validators.push(t)}};t.prototype._hasValidator=function(t,i){return Array.isArray(t)?t.includes(i):t===i};t.prototype.hasValidator=function(t){return this._hasValidator(this._validators,t)};t.prototype.removeValidator=function(t){var i=this;this._validators=this._validators.filter((function(n){return!i._hasValidator(t,n)}))};t.prototype.validate=function(t){if(t.length===0){this._errors=null;this.isValid=true;return}var i=this._validators.map((function(i){return i(t)})).reduce((function(t,i){return Object.assign(Object.assign({},t),i)}),a);this._errors=Object.keys(i).length===0?null:i;this.isValid=!this._errors};Object.defineProperty(t.prototype,"errors",{get:function(){return this._errors},enumerable:false,configurable:true});return t}();var f=function(){function t(){}return t}();f.CF_Regex=/^(?:[A-Z][AEIOU][AEIOUX]|[AEIOU]X{2}|[B-DF-HJ-NP-TV-Z]{2}[A-Z]){2}(?:[\dLMNP-V]{2}(?:[A-EHLMPR-T](?:[04LQ][1-9MNP-V]|[15MR][\dLMNP-V]|[26NS][0-8LMNP-U])|[DHPS][37PT][0L]|[ACELMRT][37PT][01LM]|[AC-EHLMPR-T][26NS][9V])|(?:[02468LNQSU][048LQU]|[13579MPRTV][26NS])B[26NS][9V])(?:[A-MZ][1-9MNP-V][\dLMNP-V]{2}|[A-M][0L](?:[1-9MNP-V][\dLMNP-V]|[0L][1-9MNP-V]))[A-Z]$/i;f.CF_MASK="A{6}(99|AA)A(99|AA)A(999|AAA)A";f.CC_MASK="9999-9999-9999-9999";var d=function(){function t(t){this.validator=new c;this.pattern=t}t.prototype.mask=function(t){if(!this.pattern){throw new Error("no pattern found, set pattern before mask")}};t.prototype.isValid=function(t){this.validator.validate(t);return this.validator.isValid};return t}();function h(t){var i;switch(t){case"tel":i=new d("");break;case"url":i=new d("");break;case"cc":i=new d(f.CC_MASK);break;case"cf":i=new d(f.CF_MASK);i.validator.addValidator((function(t){return f.CF_Regex.test(t)?null:{"cf-regex":"Codice fiscale inserito non corretto"}}));i.validator.addValidator((function(t){return t.length===16?null:{"cf-length":"Codice fiscale deve essere lungo 16 caratteri"}}));break;case"isbn":i=new d;i.validator.addValidator(o);break;case"piva":i=new d("");break;default:i=new d("")}return i}var l='@tailwind utilities; :host{--mds-input-field-message-color:rgb(var(--tone-neutral-03));--mds-input-field-message-background:transparent;gap:0.5rem;color:rgb(var(--tone-neutral-02));display:grid}.message-window{gap:0.5rem;border-radius:0.75rem;padding:0rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-input-field-message-background);color:var(--mds-input-field-message-color);display:grid;-webkit-transition-property:background-color, color;transition-property:background-color, color}.message-window--opened{padding:0.5rem}.message{padding-left:0.5rem;padding-right:0.5rem;padding-bottom:0.5rem;padding-top:0.25rem}:host([variant="info"]){--mds-input-field-message-color:rgb(var(--status-info-02));--mds-input-field-message-background:rgb(var(--status-info-09))}:host([variant="success"]){--mds-input-field-message-color:rgb(var(--status-success-02));--mds-input-field-message-background:rgb(var(--status-success-09))}:host([variant="warning"]){--mds-input-field-message-color:rgb(var(--status-warning-02));--mds-input-field-message-background:rgb(var(--status-warning-09))}:host([variant="error"]){--mds-input-field-message-color:rgb(var(--status-error-02));--mds-input-field-message-background:rgb(var(--status-error-09))}';var b=l;var g=t("mds_input_field",function(){function t(t){var e=this;i(this,t);this.changeEvent=n(this,"mdsInputFieldChange",7);this.keyDownEvent=n(this,"mdsInputFieldKeydown",7);this.blurEvent=n(this,"mdsInputFieldBlur",7);this.focusEvent=n(this,"mdsInputFieldFocus",7);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.isValidInput=true;this.onInput=function(t){var i=t.target;if(i){e.value=i.value;e.internals.setFormValue(e.value)}e.keyDownEvent.emit(t)};this.onBlur=function(){e.hasFocus=false;e.blurEvent.emit();e.isValidInput=e.validateInput();e.variant=e.isValidInput?"success":"error";if(e.inputValidation.validator.errors){e.message=Object.entries(e.inputValidation.validator.errors).map((function(t){return t[1]})).join("\n")}else{e.message=undefined}};this.onFocus=function(t){var i=t.target;e.hasFocus=true;e.focusEvent.emit();if(e.readonly){setTimeout((function(){i.select()}),10)}};this.hasFocus=false;this.autocomplete="off";this.autofocus=false;this.await=false;this.controlsLayout="vertical";this.controlsIcon="arrow";this.disabled=false;this.icon=undefined;this.max=undefined;this.maxlength=undefined;this.min=undefined;this.minlength=undefined;this.name=undefined;this.pattern=undefined;this.placeholder="";this.readonly=false;this.required=false;this.step=undefined;this.type="text";this.typography="detail";this.value="";this.label=undefined;this.message=undefined;this.variant=undefined;this.tip=undefined}t.prototype.componentWillLoad=function(){if(this.el.hasAttribute("tabindex")){var t=this.el.getAttribute("tabindex");this.tabindex=t!==null?parseInt(t):undefined;this.el.removeAttribute("tabindex")}this.inputValidation=h(this.type)};t.prototype.componentDidLoad=function(){var t,i,n,e;this.nativeInput=(n=(i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("mds-input"))===null||i===void 0?void 0:i.shadowRoot)===null||n===void 0?void 0:n.querySelector("input");(e=this.nativeInput)===null||e===void 0?void 0:e.setAttribute("pattern",String(this.inputValidation.pattern))};t.prototype.valueChanged=function(){this.changeEvent.emit({value:this.value});this.internals.setFormValue(this.value)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.addValidator=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.inputValidation.validator.addValidator(t);return[2,Promise.resolve()]}))}))};t.prototype.removeValidator=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){this.inputValidation.validator.removeValidator(t);return[2]}))}))};t.prototype.getErrors=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,Promise.resolve(this.inputValidation.validator.errors)]}))}))};t.prototype.validateInput=function(){return this.inputValidation.isValid(this.value)};t.prototype.render=function(){return e(r,{key:"4ac545ba6d87644a4104ae62f46f6eb15b3f93e7"},this.label&&e("mds-text",{key:"df7dba982c349670445324c8f3213b4dccfb5087",class:"label",typography:"label"},this.label),e("div",{key:"4a21301b0f233c53a61ba9e6fb4f1858c99a4af5",class:u("message-window",this.variant&&this.message&&"message-window--opened")},e("mds-input",{key:"9b3274442d3798c8d818e87bb02cc9b7853e6b5f",autocomplete:this.autocomplete,autofocus:this.autofocus,await:this.await,class:u("input",this.isValidInput?"input-valid":"input-invalid"),controlsLayout:this.controlsLayout,controlsIcon:this.controlsIcon,disabled:this.disabled,icon:this.icon,id:"field",max:this.max,maxlength:this.maxlength,min:this.min,minlength:this.minlength,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,pattern:this.pattern,placeholder:this.placeholder,readonly:this.readonly,required:this.required,typography:this.typography,variant:this.variant,tip:this.tip,step:this.step,tabIndex:this.tabindex,type:this.type,value:this.value}),this.message&&e("mds-text",{key:"021dcc9f0d404847f6b81831ab1393704907545d",class:"message",typography:"caption"},this.message)))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return t}());g.style=b}}}));

package/dist/magma-components/p-d3f2a762.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-c94628eb.system.js","./p-32f55263.system.js"],(function(r){"use strict";var n,s,t,o,a,e;return{setters:[function(r){n=r.r;s=r.h;t=r.H;o=r.g},function(r){a=r.r;e=r.i}],execute:function(){var i='@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-progress-background: Sets the background-color of the component\n * @prop --mds-progress-color: Sets the background-color of the progress\n * @prop --mds-progress-duration: Sets the duration of the progress bar animation\n * @prop --mds-progress-radius: Sets the border-radius of the component\n * @prop --mds-progress-thickness: Sets the thickness of the progress bar\n */\n\n:host {\n\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-duration: 750ms;\n  --mds-progress-radius: 0.5rem;\n  --mds-progress-thickness: 0.5rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-progress-background);\n  border-radius: var(--mds-progress-radius);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-progress-thickness);\n  min-width: var(--mds-progress-thickness);\n  overflow: hidden;\n  position: relative;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  width: 100%;\n}\n\n:host( [direction="vertical"] ) {\n  -ms-flex-direction: column;\n  flex-direction: column;\n  height: unset;\n  min-height: var(--mds-progress-thickness);\n  width: var(--mds-progress-thickness);\n}\n\n.progress{\n\n  -webkit-transition-duration: 500ms;\n\n  transition-duration: 500ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: var(--mds-progress-color);\n  border-radius: var(--mds-progress-radius);\n  -webkit-transition-duration: var(--mds-progress-duration);\n  transition-duration: var(--mds-progress-duration);\n  -webkit-transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow, -ms-flex-positive;\n}\n\n@tailwind utilities;\n\n:host( [variant="dark"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral-04));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n:host( [variant="light"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral));\n  --mds-progress-background: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant="error"] ) {\n\n  --mds-progress-color: rgb(var(--status-error-06));\n  --mds-progress-background: rgb(var(--status-error-09));\n}\n\n:host( [variant="warning"] ) {\n\n  --mds-progress-color: rgb(var(--status-warning-06));\n  --mds-progress-background: rgb(var(--status-warning-09));\n}\n\n:host( [variant="success"] ) {\n\n  --mds-progress-color: rgb(var(--status-success-06));\n  --mds-progress-background: rgb(var(--status-success-09));\n}\n\n:host( [variant="info"] ) {\n\n  --mds-progress-color: rgb(var(--status-info-06));\n  --mds-progress-background: rgb(var(--status-info-09));\n}\n\n:host( [variant="primary"] ) {\n\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .progress {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .progress {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host,\n  :host( [variant="primary"] ) {\n\n    --mds-progress-color: rgb(var(--variant-primary-05));\n    --mds-progress-background: rgb(var(--tone-neutral-07));\n  }\n\n  :host( [variant="error"] ) {\n\n    --mds-progress-color: rgb(var(--status-error-04));\n    --mds-progress-background: rgb(var(--status-error-07));\n  }\n\n  :host( [variant="warning"] ) {\n\n    --mds-progress-color: rgb(var(--status-warning-04));\n    --mds-progress-background: rgb(var(--status-warning-07));\n  }\n\n  :host( [variant="success"] ) {\n\n    --mds-progress-color: rgb(var(--status-success-04));\n    --mds-progress-background: rgb(var(--status-success-07));\n  }\n\n  :host( [variant="info"] ) {\n\n    --mds-progress-color: rgb(var(--status-info-04));\n    --mds-progress-background: rgb(var(--status-info-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host,\n    :host( [variant="primary"] ) {\n\n      --mds-progress-color: rgb(var(--variant-primary-05));\n      --mds-progress-background: rgb(var(--tone-neutral-07));\n    }\n\n    :host( [variant="error"] ) {\n\n      --mds-progress-color: rgb(var(--status-error-04));\n      --mds-progress-background: rgb(var(--status-error-07));\n    }\n\n    :host( [variant="warning"] ) {\n\n      --mds-progress-color: rgb(var(--status-warning-04));\n      --mds-progress-background: rgb(var(--status-warning-07));\n    }\n\n    :host( [variant="success"] ) {\n\n      --mds-progress-color: rgb(var(--status-success-04));\n      --mds-progress-background: rgb(var(--status-success-07));\n    }\n\n    :host( [variant="info"] ) {\n\n      --mds-progress-color: rgb(var(--status-info-04));\n      --mds-progress-background: rgb(var(--status-info-07));\n    }\n  }\n}\n\n';var g=i;var c=r("mds_progress",function(){function r(r){n(this,r);this.stepsList=new Array;this.currentStep=undefined;this.progress=0;this.direction="horizontal";this.variant="primary";this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}r.prototype.componentWillLoad=function(){this.stepsList=this.steps.split(",");this.setProgress(this.progress)};r.prototype.componentDidLoad=function(){a(this.element,"aria-hidden","true",["aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext","role"])};r.prototype.setProgress=function(r){if(this.steps){this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))];if(!e(this.element,"aria-hidden")){this.element.setAttribute("aria-valuetext",this.currentStep)}}};r.prototype.progressChanged=function(r){this.setProgress(r)};r.prototype.stepsChanged=function(r){this.stepsList=r.split(",")};r.prototype.render=function(){return s(t,{key:"c72c3bb3b536cbe6b8ac8e1c65fa98514b55ac8b","aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":!e(this.element,"aria-hidden")&&Math.round(this.progress*100),role:"progressbar"},s("div",{key:"cf51b3291d06a782283cc73a615d88e9e7ada927",class:"contrast-area"}),s("div",{key:"6abdc6d4a5896ffb5ee482ef5c4401760efb3fcf",class:"progress",style:this.direction==="horizontal"?{flexGrow:"".concat(this.progress)}:{flexGrow:"".concat(this.progress),width:"100%"}}))};Object.defineProperty(r.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{progress:["progressChanged"],steps:["stepsChanged"]}},enumerable:false,configurable:true});return r}());c.style=g}}}));

package/dist/magma-components/p-d4a14ac6.entry.js

@@ -0,0 +1 @@
+import{r as n,h as r,H as e,g as a}from"./p-eab621a7.js";const t=class{constructor(r){n(this,r),this.hasItems=void 0}componentWillLoad(){this.hasItems=this.hostElement.querySelectorAll('[slot="item"], mds-price-table-list-item').length>0}render(){return r(e,{key:"8848846da137075f1279ed2a3a0d802b247f7a4c"},r("div",{key:"ffcc0524827624fd6d195ed5a517e8b7e1904e4a",class:"header",part:"header"},r("slot",{key:"e07351229478f6e654801e67598a75201f80ab7e",name:"header"})),this.hasItems&&r("mds-separator",{key:"d01804193430448ee78834f0358ab4ef9d71bf3c",class:"separator"}),this.hasItems&&r("main",{key:"a0d877c27f5b076d0561ed2e89aa54da7a9246ff",class:"main",part:"content"},r("slot",{key:"3a9029359e46082062c2dbf435ad5d6f57451583",name:"item"})),r("div",{key:"a95176bd6168f8b60ff9a75ed1b8752f785d0650",class:"footer",part:"footer"},r("slot",{key:"e21ad28632027ca11064584bb9e49d7977f3b80b",name:"price"}),r("slot",{key:"c6e7ad45301d8b27ebf4af90c8654be9fde0c005",name:"action"})))}get hostElement(){return a(this)}};t.style="@tailwind utilities;\n\n:host {\n\n  --mds-price-table-list-separator-color: rgb(var(--tone-neutral-03) / 0.5);\n\n  gap: 1.5rem;\n\n  border-radius: 0.75rem;\n\n  padding: 1.5rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: rgb(var(--label-green-10));\n  display: grid;\n  -webkit-transition-property: background-color, color;\n  transition-property: background-color, color;\n}\n\n\n.separator{\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-price-table-list-separator-color);\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n}\n\n\n.header {\n  display: grid;\n}\n\n.main{\n\n  gap: 0.75rem;\n\n  display: grid;\n}\n\n.footer{\n\n  gap: 1rem;\n\n  display: grid;\n}\n\n\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-price-table-list-separator-color: rgb(var(--tone-neutral-01) / 0.5);\n\n    background-color: rgb(var(--label-green-09));\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-price-table-list-separator-color: rgb(var(--tone-neutral-01) / 0.5);\n\n      background-color: rgb(var(--label-green-09));\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-price-table-list-separator-color: rgb(var(--tone-neutral-01) / 0.5);\n\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-price-table-list-separator-color: rgb(var(--tone-neutral-01) / 0.5);\n\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n";export{t as mds_price_table_list}

package/dist/magma-components/{p-adafaeb1.system.entry.js → p-d4ad6446.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js","./p-b26ef48a.system.js"],(function(n){"use strict";var o,t,i,r,e,a;return{setters:[function(n){o=n.r;t=n.c;i=n.h;r=n.H;e=n.g},function(n){a=n.m}],execute:function(){var d='@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-accordion-item-border-color: Sets the border-color of the component\n * @prop --mds-accordion-item-border-width: Sets the border-width of the separators of the component\n * @prop --mds-accordion-item-color: Sets the text-color of the component\n * @prop --mds-accordion-item-description-color: Sets the color of the always visible title description\n * @prop --mds-accordion-item-duration: Sets the transition duration of the close/open animation of the component\n * @prop --mds-accordion-item-padding-selected: Sets the vertical padding of the component when it\'s selected\n * @prop --mds-accordion-item-padding-unselected: Sets the vertical padding of the component when it\'s unselected\n */\n\n:host {\n\n  --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));\n  --mds-accordion-item-border-width: var(--mds-accordion-border-width, 2px);\n  --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-03)));\n  --mds-accordion-item-description-color: var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));\n  --mds-accordion-item-duration: var(--mds-accordion-duration, 300ms);\n  --mds-accordion-item-padding-selected: var(--mds-accordion-padding-selected, 1rem 0 2rem 0);\n  --mds-accordion-item-padding-unselected: var(--mds-accordion-padding-unselected, 1rem 0 1rem 0);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  border-bottom: solid var(--mds-accordion-item-border-width) transparent;\n  border-top: solid var(--mds-accordion-item-border-width) transparent;\n  color: var(--mds-accordion-item-color);\n  display: grid;\n  fill: var(--mds-accordion-item-color);\n  margin-top: calc(-1 * var(--mds-accordion-item-border-width));\n  padding: var(--mds-accordion-item-padding-unselected);\n  position: relative;\n  -webkit-transition-property: background-color, border-color, color, fill, margin, padding;\n  transition-property: background-color, border-color, color, fill, margin, padding;\n}\n\n:host(:first-child) {\n  margin-top: 0;\n}\n\n.action {\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n  }\n\n.action:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.action {\n  gap: 1rem;\n  border-radius: 0.5rem;\n\n  background-color: transparent;\n  border: 0;\n  color: var(--mds-accordion-item-description-color);\n  cursor: pointer;\n  display: grid;\n  grid-auto-columns: -webkit-min-content;\n  grid-auto-columns: min-content;\n  grid-template-columns: auto 24px;\n  padding: 0;\n  text-align: left;\n}\n\n.action:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.icon-button {\n  font-weight: 400;\n\n  display: block;\n}\n\n.content {\n  gap: 1rem;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  display: grid;\n  grid-template-rows: 0fr;\n  min-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  padding-top: 0;\n  -webkit-transition-duration: var(--mds-accordion-item-duration);\n  transition-duration: var(--mds-accordion-item-duration);\n  -webkit-transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding, -ms-grid-rows opacity padding;\n}\n\n.content-expander {\n  min-height: 0;\n}\n\n.icon {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.icon svg {\n  aspect-ratio: 1/1;\n  height: 100%;\n  width: 100%;\n}\n\n.icon {\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  fill: var(--mds-accordion-item-color);\n  -webkit-transform: rotate(180deg);\n  transform: rotate(180deg);\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n}\n\n:host( [selected]:not([selected="false"]) ) {\n  border-bottom: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  border-top: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  padding: var(--mds-accordion-item-padding-selected);\n}\n\n:host( [selected]:not([selected="false"]):first-child ) {\n  margin-top: 0rem;\n\n  border-top-color: transparent;\n}\n\n:host( [selected]:not([selected="false"]):last-child ) {\n  margin-bottom: 0rem;\n\n  border-bottom-color: transparent;\n}\n\n:host( [selected]:not([selected="false"]) ) .content {\n  padding-top: 1rem;\n\n  grid-template-rows: 1fr;\n  opacity: 1;\n}\n\n:host( [selected]:not([selected="false"]) ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n    -webkit-transition-duration: 0s;\n\n    transition-duration: 0s;\n  }\n\n  .icon {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n      -webkit-transition-duration: 0s;\n\n      transition-duration: 0s;\n    }\n  \n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n    --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n      --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n    }\n  }\n}\n\n\n';var c=d;var s=n("mds_accordion_item",function(){function n(n){var i=this;o(this,n);this.selectedEvent=t(this,"mdsAccordionItemSelect",7);this.unselectedEvent=t(this,"mdsAccordionItemUnselect",7);this.changedEvent=t(this,"mdsAccordionItemChange",7);this.toggle=function(){i.selected=!i.selected;i.changedEvent.emit({id:i.element.id,selected:i.selected});if(i.selected){i.selectedEvent.emit({id:i.element.id,selected:i.selected});return}i.unselectedEvent.emit({id:i.element.id,selected:i.selected})};this.typography="h5";this.selected=undefined;this.label=undefined}n.prototype.render=function(){return i(r,{key:"b6360a33f6281197b198f4c05bb59f22ee3a91d6"},i("button",{key:"85ee4f60b8d70a3ba88660dad27443684f07ca42","aria-controls":"content","aria-expanded":this.selected?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},i("mds-text",{key:"c97fe681e4f06b20231a47dfa4badd01dd7c3094",typography:this.typography,part:"label"},this.label),i("mds-text",{key:"0af38ed90b3b4c2493eb732f32dd226f749b04ea","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},i("i",{key:"c097217271412162bce27dbb1dad6ef5bbc27389",class:"icon",innerHTML:a}))),i("div",{key:"c438e95807d6f11afb0b79958b8131a66a022667",class:"content",id:"content"},i("div",{key:"b1f6a30ea71ec61101e05ec73bf3c0620d8cfb2c","aria-labelledby":"action",class:"content-expander",part:"content",role:"region"},i("slot",{key:"e3311f16e22d5b8194b81e173373d7876f81f2eb"}))))};Object.defineProperty(n.prototype,"element",{get:function(){return e(this)},enumerable:false,configurable:true});return n}());s.style=c}}}));
+System.register(["./p-c94628eb.system.js","./p-b26ef48a.system.js"],(function(n){"use strict";var o,t,i,r,e,a;return{setters:[function(n){o=n.r;t=n.c;i=n.h;r=n.H;e=n.g},function(n){a=n.m}],execute:function(){var d='@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-accordion-item-border-color: Sets the border-color of the component\n * @prop --mds-accordion-item-border-width: Sets the border-width of the separators of the component\n * @prop --mds-accordion-item-color: Sets the text-color of the component\n * @prop --mds-accordion-item-description-color: Sets the color of the always visible title description\n * @prop --mds-accordion-item-duration: Sets the transition duration of the close/open animation of the component\n * @prop --mds-accordion-item-padding-selected: Sets the vertical padding of the component when it\'s selected\n * @prop --mds-accordion-item-padding-unselected: Sets the vertical padding of the component when it\'s unselected\n */\n\n:host {\n\n  --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-08)));\n  --mds-accordion-item-border-width: var(--mds-accordion-border-width, 2px);\n  --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-03)));\n  --mds-accordion-item-description-color: var(--mds-accordion-description-color, rgb(var(--tone-neutral-02)));\n  --mds-accordion-item-duration: var(--mds-accordion-duration, 300ms);\n  --mds-accordion-item-padding-selected: var(--mds-accordion-padding-selected, 1rem 0 2rem 0);\n  --mds-accordion-item-padding-unselected: var(--mds-accordion-padding-unselected, 1rem 0 1rem 0);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  border-bottom: solid var(--mds-accordion-item-border-width) transparent;\n  border-top: solid var(--mds-accordion-item-border-width) transparent;\n  color: var(--mds-accordion-item-color);\n  display: grid;\n  fill: var(--mds-accordion-item-color);\n  margin-top: calc(-1 * var(--mds-accordion-item-border-width));\n  padding: var(--mds-accordion-item-padding-unselected);\n  position: relative;\n  -webkit-transition-property: background-color, border-color, color, fill, margin, padding;\n  transition-property: background-color, border-color, color, fill, margin, padding;\n}\n\n:host(:first-child) {\n  margin-top: 0;\n}\n\n.action {\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n  }\n\n.action:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.action {\n  gap: 1rem;\n  border-radius: 0.5rem;\n\n  background-color: transparent;\n  border: 0;\n  color: var(--mds-accordion-item-description-color);\n  cursor: pointer;\n  display: grid;\n  grid-auto-columns: -webkit-min-content;\n  grid-auto-columns: min-content;\n  grid-template-columns: auto 24px;\n  padding: 0;\n  text-align: left;\n}\n\n.action:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.icon-button {\n  font-weight: 400;\n\n  display: block;\n}\n\n.content {\n  gap: 1rem;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  display: grid;\n  grid-template-rows: 0fr;\n  min-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  padding-top: 0;\n  -webkit-transition-duration: var(--mds-accordion-item-duration);\n  transition-duration: var(--mds-accordion-item-duration);\n  -webkit-transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding, -ms-grid-rows opacity padding;\n}\n\n.content-expander {\n  min-height: 0;\n}\n\n.icon {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.icon svg {\n  aspect-ratio: 1/1;\n  height: 100%;\n  width: 100%;\n}\n\n.icon {\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  fill: var(--mds-accordion-item-color);\n  -webkit-transform: rotate(180deg);\n  transform: rotate(180deg);\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n}\n\n:host( [selected]:not([selected="false"]) ) {\n  border-bottom: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  border-top: solid var(--mds-accordion-item-border-width) var(--mds-accordion-item-border-color);\n  padding: var(--mds-accordion-item-padding-selected);\n}\n\n:host( [selected]:not([selected="false"]):first-child ) {\n  margin-top: 0rem;\n\n  border-top-color: transparent;\n}\n\n:host( [selected]:not([selected="false"]):last-child ) {\n  margin-bottom: 0rem;\n\n  border-bottom-color: transparent;\n}\n\n:host( [selected]:not([selected="false"]) ) .content {\n  padding-top: 1rem;\n\n  grid-template-rows: 1fr;\n  opacity: 1;\n}\n\n:host( [selected]:not([selected="false"]) ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n    -webkit-transition-duration: 0s;\n\n    transition-duration: 0s;\n  }\n\n  .icon {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-accordion-item-duration: var(--mds-accordion-duration, 0s);\n\n      -webkit-transition-duration: 0s;\n\n      transition-duration: 0s;\n    }\n  \n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-06)));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n    --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-accordion-item-border-color: var(--mds-accordion-border-color, rgb(var(--tone-neutral-01)));\n      --mds-accordion-item-color: var(--mds-accordion-color, rgb(var(--tone-neutral-01)));\n    }\n  }\n}\n\n\n';var c=d;var s=n("mds_accordion_item",function(){function n(n){var i=this;o(this,n);this.selectedEvent=t(this,"mdsAccordionItemSelect",7);this.unselectedEvent=t(this,"mdsAccordionItemUnselect",7);this.changedEvent=t(this,"mdsAccordionItemChange",7);this.toggle=function(){i.selected=!i.selected;i.changedEvent.emit({id:i.element.id,selected:i.selected});if(i.selected){i.selectedEvent.emit({id:i.element.id,selected:i.selected});return}i.unselectedEvent.emit({id:i.element.id,selected:i.selected})};this.typography="h5";this.selected=undefined;this.label=undefined}n.prototype.render=function(){return i(r,{key:"b6360a33f6281197b198f4c05bb59f22ee3a91d6"},i("button",{key:"85ee4f60b8d70a3ba88660dad27443684f07ca42","aria-controls":"content","aria-expanded":this.selected?"true":"false",class:"action",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},i("mds-text",{key:"c97fe681e4f06b20231a47dfa4badd01dd7c3094",typography:this.typography,part:"label"},this.label),i("mds-text",{key:"0af38ed90b3b4c2493eb732f32dd226f749b04ea","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},i("i",{key:"c097217271412162bce27dbb1dad6ef5bbc27389",class:"icon",innerHTML:a}))),i("div",{key:"c438e95807d6f11afb0b79958b8131a66a022667",class:"content",id:"content"},i("div",{key:"b1f6a30ea71ec61101e05ec73bf3c0620d8cfb2c","aria-labelledby":"action",class:"content-expander",part:"content",role:"region"},i("slot",{key:"e3311f16e22d5b8194b81e173373d7876f81f2eb"}))))};Object.defineProperty(n.prototype,"element",{get:function(){return e(this)},enumerable:false,configurable:true});return n}());s.style=c}}}));

package/dist/magma-components/{p-5f3b296e.system.entry.js → p-d4f60172.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js","./p-ae45d2b7.system.js","./p-d68089ba.system.js"],(function(n){"use strict";var t,o,r,a,i,s,e;return{setters:[function(n){t=n.r;o=n.c;r=n.h;a=n.H;i=n.g},function(n){s=n.c},function(n){e=n.c}],execute:function(){var d='\n@tailwind utilities;\n\n/**\n * @prop --mds-toast-background: Sets the background-color of the component\n * @prop --mds-toast-color: Sets the text color of the component\n * @prop --mds-toast-duration: Sets the animation duration of the component, used also by component\'s logic\n * @prop --mds-toast-icon-color: Sets the text color of the component\n * @prop --mds-toast-shadow: Sets the box-shadow of the component\n */\n\n:host {\n\n  --mds-toast-background: rgb(var(--tone-neutral-02));\n  --mds-toast-color: rgb(var(--tone-neutral));\n  --mds-toast-duration: 300ms;\n  --mds-toast-icon-color: rgb(var(--tone-neutral));\n  --mds-toast-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --mds-toast-width: auto;\n  left: 0rem;\n  right: 0rem;\n\n  color: var(--mds-toast-color);\n  display: -ms-flexbox;\n  display: flex;\n  pointer-events: none;\n  position: fixed;\n}\n\n.dialog{\n\n  margin-left: 1rem;\n\n  margin-right: 1rem;\n\n  max-width: 100%;\n\n  gap: 1rem;\n\n  border-radius: 0.75rem;\n\n  padding: 1rem;\n\n  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-toast-background);\n  -webkit-box-shadow: var(--mds-toast-shadow);\n  box-shadow: var(--mds-toast-shadow);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  pointer-events: none;\n  -webkit-transition-duration: var(--mds-toast-duration);\n  transition-duration: var(--mds-toast-duration);\n  -webkit-transition-property: background-color, color, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, color, -webkit-box-shadow, -webkit-transform;\n  transition-property: box-shadow, background-color, color, transform;\n  transition-property: box-shadow, background-color, color, transform, -webkit-box-shadow, -webkit-transform;\n  width: var(--mds-toast-width);\n}\n\n:host( [visible]:not([visible="false"])) .dialog {\n  pointer-events: auto;\n}\n\n\n:host([position^="top"]){\n\n  top: 0rem;\n}\n\n:host([position="top-left"]) {\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n}\n\n:host([position="top-center"]) {\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n:host([position="top-right"]) {\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n}\n\n\n:host([position^="bottom"]){\n\n  bottom: 0rem;\n}\n\n:host([position="bottom-left"]) {\n  -ms-flex-pack: start;\n  justify-content: flex-start\n}\n\n:host([position="bottom-center"]) {\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n:host([position="bottom-right"]) {\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n}\n\n.actions{\n\n  gap: 0.5rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n::slotted( [slot="icon"] ){\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  fill: var(--mds-toast-icon-color);\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  -webkit-transition-property: fill;\n  transition-property: fill;\n}\n\n@tailwind utilities;\n\n:host( [variant="dark"] ),\n:host( [variant="dark"][tone="strong"] ) {\n\n  --mds-toast-background: rgb(var(--tone-neutral-02));\n  --mds-toast-color: rgb(var(--tone-neutral-09));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--tone-neutral-09));\n}\n\n:host( [variant="dark"][tone="weak"] ) {\n\n  --mds-toast-background: rgb(var(--tone-neutral-03));\n  --mds-toast-color: rgb(var(--tone-neutral-10));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n:host( [variant="error"] ),\n:host( [variant="error"][tone="strong"] ) {\n\n  --mds-toast-background: rgb(var(--status-error-09));\n  --mds-toast-color: rgb(var(--status-error-02));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--status-error-05));\n}\n\n:host( [variant="error"][tone="weak"] ) {\n\n  --mds-toast-background: rgb(var(--status-error-10));\n  --mds-toast-color: rgb(var(--status-error-03));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--status-error-06));\n}\n\n@tailwind utilities;\n\n:host( [variant="info"] ),\n:host( [variant="info"][tone="strong"] ) {\n\n  --mds-toast-background: rgb(var(--status-info-09));\n  --mds-toast-color: rgb(var(--status-info-02));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--status-info-05));\n}\n\n:host( [variant="info"][tone="weak"] ) {\n\n  --mds-toast-background: rgb(var(--status-info-10));\n  --mds-toast-color: rgb(var(--status-info-03));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--status-info-06));\n}\n\n@tailwind utilities;\n\n:host( [variant="light"] ),\n:host( [variant="light"][tone="strong"] ) {\n\n  --mds-toast-background: rgb(var(--tone-neutral));\n  --mds-toast-color: rgb(var(--tone-neutral-02));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--tone-neutral-03));\n}\n\n:host( [variant="light"][tone="weak"] ) {\n\n  --mds-toast-background: rgb(var(--tone-neutral));\n  --mds-toast-color: rgb(var(--tone-neutral-02));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--tone-neutral-04));\n}\n\n@tailwind utilities;\n\n:host( [variant="success"] ),\n:host( [variant="success"][tone="strong"] ) {\n\n  --mds-toast-background: rgb(var(--status-success-09));\n  --mds-toast-color: rgb(var(--status-success-02));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--status-success-05));\n}\n\n:host( [variant="success"][tone="weak"] ) {\n\n  --mds-toast-background: rgb(var(--status-success-10));\n  --mds-toast-color: rgb(var(--status-success-03));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--status-success-06));\n}\n\n@tailwind utilities;\n\n:host( [variant="warning"] ),\n:host( [variant="warning"][tone="strong"] ) {\n\n  --mds-toast-background: rgb(var(--status-warning-09));\n  --mds-toast-color: rgb(var(--status-warning-02));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--status-warning-05));\n}\n\n:host( [variant="warning"][tone="weak"] ) {\n\n  --mds-toast-background: rgb(var(--status-warning-10));\n  --mds-toast-color: rgb(var(--status-warning-03));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--status-warning-06));\n}\n\n.to-top-left,\n.to-top-center,\n.to-top-right{\n\n  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n\n    -webkit-transition-duration: var(--mds-toast-duration, 300ms);\n\n    transition-duration: var(--mds-toast-duration, 300ms);\n    -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n    transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n    -webkit-transform: translate(0, calc(-1 * 100% - 1rem));\n    transform: translate(0, calc(-1 * 100% - 1rem));\n}\n\n.to-top-left.dialog--visible,\n.to-top-center.dialog--visible,\n.to-top-right.dialog--visible{\n\n  -webkit-transition-duration: 500ms;\n\n  transition-duration: 500ms;\n\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n    -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n\n    transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n\n    transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n\n    transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n    -webkit-transform: translate(0, calc(1rem));\n    transform: translate(0, calc(1rem));\n}\n\n\n\n.to-bottom-left,\n.to-bottom-center,\n.to-bottom-right{\n\n  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n\n    -webkit-transition-duration: var(--mds-toast-duration, 300ms);\n\n    transition-duration: var(--mds-toast-duration, 300ms);\n    -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n    transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n    -webkit-transform: translate(0, calc(100% + 0.5rem));\n    transform: translate(0, calc(100% + 0.5rem));\n}\n\n.to-bottom-left.dialog--visible,\n.to-bottom-center.dialog--visible,\n.to-bottom-right.dialog--visible{\n\n  -webkit-transition-duration: 500ms;\n\n  transition-duration: 500ms;\n\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n    -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n\n    transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n\n    transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n\n    transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n    -webkit-transform: translate(0, calc(1rem * -1));\n    transform: translate(0, calc(1rem * -1));\n}\n\n\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s !important;\n      transition-duration: 0s !important;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-toast-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) !important;\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-toast-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) !important;\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-toast-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6) !important;\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-toast-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6) !important;\n    }\n  }\n}\n\n';var c=d;var b=n("mds_toast",function(){function n(n){var r=this;t(this,n);this.closedEvent=o(this,"mdsToastClose",7);this.cssDismissAnimationDuration=300;this.reloadTimeListeners=function(n){if(!r.duration){return}if(!n){return}r.removeTimeListener();r.addTimeListener()};this.removeTimeListener=function(){window.clearInterval(r.timer);r.timer=0};this.addTimeListener=function(){r.timer=window.setInterval((function(){r.visible=false;r.timerToastDismiss=window.setInterval((function(){r.closedEvent.emit();window.clearInterval(r.timerToastDismiss);r.timerToastDismiss=0}),r.cssDismissAnimationDuration)}),r.duration)};this.duration=5e3;this.visible=undefined;this.variant="light";this.tone="strong";this.position="bottom-center"}n.prototype.updateCSSCustomProps=function(){var n=window.getComputedStyle(this.hostElement);this.cssDismissAnimationDuration=s(n.getPropertyValue("--mds-tab-duration"))};n.prototype.componentWillLoad=function(){this.hasText=this.hostElement.innerHTML!=="";this.actions=this.hostElement.querySelector('[slot="action"]')!==null;if(!this.duration){return}if(this.visible){this.addTimeListener()}};n.prototype.componentDidLoad=function(){this.updateCSSCustomProps()};n.prototype.visibleChanged=function(n){this.reloadTimeListeners(n)};n.prototype.durationChanged=function(){this.reloadTimeListeners(!!this.visible)};n.prototype.render=function(){return r(a,{key:"88b5051aa23eb7ad806ed93a1b8f9fa5dae03bf1"},r("div",{key:"4d4b94763233581fbd8528ce2ad7d0a1dfe081f1",class:e("dialog",this.position&&"to-".concat(this.position),this.visible&&"dialog--visible")},r("slot",{key:"6b9fb4fe5f72a62494725d99d6132f1f26a98c80",name:"icon"}),this.hasText&&r("mds-text",{key:"f45d6a5af8063bb70e68ad73484a02a4669ed9e4",typography:"caption"},r("slot",{key:"2f9931a45d5fc92964406d6672696a58352dd37b"})),this.actions&&r("div",{key:"627ec1a987768197b7566a3bf5a25f227c12926c",class:"actions"},r("slot",{key:"fe515bf2cb916a603d622da9a7e655829b3a971e",name:"action"}))))};Object.defineProperty(n.prototype,"hostElement",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{visible:["visibleChanged"],duration:["durationChanged"]}},enumerable:false,configurable:true});return n}());b.style=c}}}));
+System.register(["./p-c94628eb.system.js","./p-ae45d2b7.system.js","./p-d68089ba.system.js"],(function(n){"use strict";var t,o,r,i,a,s,e;return{setters:[function(n){t=n.r;o=n.c;r=n.h;i=n.H;a=n.g},function(n){s=n.c},function(n){e=n.c}],execute:function(){var d='\n@tailwind utilities;\n\n/**\n * @prop --mds-toast-background: Sets the background-color of the component\n * @prop --mds-toast-color: Sets the text color of the component\n * @prop --mds-toast-duration: Sets the animation duration of the component, used also by component\'s logic\n * @prop --mds-toast-icon-color: Sets the text color of the component\n * @prop --mds-toast-shadow: Sets the box-shadow of the component\n */\n\n:host {\n\n  --mds-toast-background: rgb(var(--tone-neutral-02));\n  --mds-toast-color: rgb(var(--tone-neutral));\n  --mds-toast-duration: 300ms;\n  --mds-toast-icon-color: rgb(var(--tone-neutral));\n  --mds-toast-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --mds-toast-width: auto;\n  left: 0rem;\n  right: 0rem;\n\n  color: var(--mds-toast-color);\n  display: -ms-flexbox;\n  display: flex;\n  pointer-events: none;\n  position: fixed;\n}\n\n.dialog{\n\n  margin-left: 1rem;\n\n  margin-right: 1rem;\n\n  max-width: 100%;\n\n  gap: 1rem;\n\n  border-radius: 0.75rem;\n\n  padding: 1rem;\n\n  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-toast-background);\n  -webkit-box-shadow: var(--mds-toast-shadow);\n  box-shadow: var(--mds-toast-shadow);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  pointer-events: none;\n  -webkit-transition-duration: var(--mds-toast-duration);\n  transition-duration: var(--mds-toast-duration);\n  -webkit-transition-property: background-color, color, -webkit-box-shadow, -webkit-transform;\n  transition-property: background-color, color, -webkit-box-shadow, -webkit-transform;\n  transition-property: box-shadow, background-color, color, transform;\n  transition-property: box-shadow, background-color, color, transform, -webkit-box-shadow, -webkit-transform;\n  width: var(--mds-toast-width);\n}\n\n:host( [visible]:not([visible="false"])) .dialog {\n  pointer-events: auto;\n}\n\n\n:host([position^="top"]){\n\n  top: 0rem;\n}\n\n:host([position="top-left"]) {\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n}\n\n:host([position="top-center"]) {\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n:host([position="top-right"]) {\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n}\n\n\n:host([position^="bottom"]){\n\n  bottom: 0rem;\n}\n\n:host([position="bottom-left"]) {\n  -ms-flex-pack: start;\n  justify-content: flex-start\n}\n\n:host([position="bottom-center"]) {\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n:host([position="bottom-right"]) {\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n}\n\n.actions{\n\n  gap: 0.5rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n::slotted( [slot="icon"] ){\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  fill: var(--mds-toast-icon-color);\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  -webkit-transition-property: fill;\n  transition-property: fill;\n}\n\n@tailwind utilities;\n\n:host( [variant="dark"] ),\n:host( [variant="dark"][tone="strong"] ) {\n\n  --mds-toast-background: rgb(var(--tone-neutral-02));\n  --mds-toast-color: rgb(var(--tone-neutral-09));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--tone-neutral-09));\n}\n\n:host( [variant="dark"][tone="weak"] ) {\n\n  --mds-toast-background: rgb(var(--tone-neutral-03));\n  --mds-toast-color: rgb(var(--tone-neutral-10));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n:host( [variant="error"] ),\n:host( [variant="error"][tone="strong"] ) {\n\n  --mds-toast-background: rgb(var(--status-error-09));\n  --mds-toast-color: rgb(var(--status-error-02));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--status-error-05));\n}\n\n:host( [variant="error"][tone="weak"] ) {\n\n  --mds-toast-background: rgb(var(--status-error-10));\n  --mds-toast-color: rgb(var(--status-error-03));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--status-error-06));\n}\n\n@tailwind utilities;\n\n:host( [variant="info"] ),\n:host( [variant="info"][tone="strong"] ) {\n\n  --mds-toast-background: rgb(var(--status-info-09));\n  --mds-toast-color: rgb(var(--status-info-02));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--status-info-05));\n}\n\n:host( [variant="info"][tone="weak"] ) {\n\n  --mds-toast-background: rgb(var(--status-info-10));\n  --mds-toast-color: rgb(var(--status-info-03));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--status-info-06));\n}\n\n@tailwind utilities;\n\n:host( [variant="light"] ),\n:host( [variant="light"][tone="strong"] ) {\n\n  --mds-toast-background: rgb(var(--tone-neutral));\n  --mds-toast-color: rgb(var(--tone-neutral-02));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--tone-neutral-03));\n}\n\n:host( [variant="light"][tone="weak"] ) {\n\n  --mds-toast-background: rgb(var(--tone-neutral));\n  --mds-toast-color: rgb(var(--tone-neutral-02));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--tone-neutral-04));\n}\n\n@tailwind utilities;\n\n:host( [variant="success"] ),\n:host( [variant="success"][tone="strong"] ) {\n\n  --mds-toast-background: rgb(var(--status-success-09));\n  --mds-toast-color: rgb(var(--status-success-02));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--status-success-05));\n}\n\n:host( [variant="success"][tone="weak"] ) {\n\n  --mds-toast-background: rgb(var(--status-success-10));\n  --mds-toast-color: rgb(var(--status-success-03));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--status-success-06));\n}\n\n@tailwind utilities;\n\n:host( [variant="warning"] ),\n:host( [variant="warning"][tone="strong"] ) {\n\n  --mds-toast-background: rgb(var(--status-warning-09));\n  --mds-toast-color: rgb(var(--status-warning-02));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--status-warning-05));\n}\n\n:host( [variant="warning"][tone="weak"] ) {\n\n  --mds-toast-background: rgb(var(--status-warning-10));\n  --mds-toast-color: rgb(var(--status-warning-03));\n  --mds-toast-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --mds-toast-icon-color: rgb(var(--status-warning-06));\n}\n\n.to-top-left,\n.to-top-center,\n.to-top-right{\n\n  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n\n    -webkit-transition-duration: var(--mds-toast-duration, 300ms);\n\n    transition-duration: var(--mds-toast-duration, 300ms);\n    -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n    transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n    -webkit-transform: translate(0, calc(-1 * 100% - 1rem));\n    transform: translate(0, calc(-1 * 100% - 1rem));\n}\n\n.to-top-left.dialog--visible,\n.to-top-center.dialog--visible,\n.to-top-right.dialog--visible{\n\n  -webkit-transition-duration: 500ms;\n\n  transition-duration: 500ms;\n\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n    -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n\n    transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n\n    transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n\n    transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n    -webkit-transform: translate(0, calc(1rem));\n    transform: translate(0, calc(1rem));\n}\n\n\n\n.to-bottom-left,\n.to-bottom-center,\n.to-bottom-right{\n\n  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n\n    -webkit-transition-duration: var(--mds-toast-duration, 300ms);\n\n    transition-duration: var(--mds-toast-duration, 300ms);\n    -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n    transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n    -webkit-transform: translate(0, calc(100% + 0.5rem));\n    transform: translate(0, calc(100% + 0.5rem));\n}\n\n.to-bottom-left.dialog--visible,\n.to-bottom-center.dialog--visible,\n.to-bottom-right.dialog--visible{\n\n  -webkit-transition-duration: 500ms;\n\n  transition-duration: 500ms;\n\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n    -webkit-transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n\n    transition-property: background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;\n\n    transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;\n\n    transition-property: background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;\n    -webkit-transform: translate(0, calc(1rem * -1));\n    transform: translate(0, calc(1rem * -1));\n}\n\n\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s !important;\n      transition-duration: 0s !important;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-toast-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) !important;\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-toast-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) !important;\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-toast-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6) !important;\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-toast-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6) !important;\n    }\n  }\n}\n\n';var c=d;var b=n("mds_toast",function(){function n(n){var r=this;t(this,n);this.closedEvent=o(this,"mdsToastClose",7);this.cssDismissAnimationDuration=300;this.reloadTimeListeners=function(n){if(typeof window==="undefined")return;if(!r.duration){return}if(!n){return}r.removeTimeListener();r.addTimeListener()};this.removeTimeListener=function(){window.clearInterval(r.timer);r.timer=0};this.addTimeListener=function(){r.timer=window.setInterval((function(){r.visible=false;r.timerToastDismiss=window.setInterval((function(){r.closedEvent.emit();window.clearInterval(r.timerToastDismiss);r.timerToastDismiss=0}),r.cssDismissAnimationDuration)}),r.duration)};this.duration=5e3;this.visible=undefined;this.variant="light";this.tone="strong";this.position="bottom-center"}n.prototype.updateCSSCustomProps=function(){if(typeof window==="undefined")return;var n=window.getComputedStyle(this.hostElement);this.cssDismissAnimationDuration=s(n.getPropertyValue("--mds-tab-duration"))};n.prototype.componentWillLoad=function(){this.hasText=this.hostElement.innerHTML!=="";this.actions=this.hostElement.querySelector('[slot="action"]')!==null;if(!this.duration){return}if(this.visible){this.addTimeListener()}};n.prototype.componentDidLoad=function(){this.updateCSSCustomProps()};n.prototype.visibleChanged=function(n){this.reloadTimeListeners(n)};n.prototype.durationChanged=function(){this.reloadTimeListeners(!!this.visible)};n.prototype.render=function(){return r(i,{key:"4a2d03552d46561d2cc73e490f397543449ff846"},r("div",{key:"a72cb948ca9d2522c649657fa97e2d7703523fc5",class:e("dialog",this.position&&"to-".concat(this.position),this.visible&&"dialog--visible")},r("slot",{key:"09314e6dae791cd57f4e0420598de412d7154dbf",name:"icon"}),this.hasText&&r("mds-text",{key:"4d0f1c1617746e0e6ef8c2469d325bce7c511ce6",typography:"caption"},r("slot",{key:"5673720eb828a336bf2be4364d4cece2d0ca61fa"})),this.actions&&r("div",{key:"aacbf04d08c9ad2f44ac6b6bc413266422539013",class:"actions"},r("slot",{key:"daab8a469b83a7d433a9416079060b559878667b",name:"action"}))))};Object.defineProperty(n.prototype,"hostElement",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{visible:["visibleChanged"],duration:["durationChanged"]}},enumerable:false,configurable:true});return n}());b.style=c}}}));

package/dist/magma-components/p-d7fe5fb4.entry.js

@@ -0,0 +1 @@
+import{r as t,c as n,h as e,H as s,g as i}from"./p-eab621a7.js";import{L as o}from"./p-c310b41f.js";import"./p-85aa8e05.js";const m={consumptionHigh:"Υψηλή",consumptionLow:"Χαμηλή",consumptionMedium:"Μεσαία",label:"Κατανάλωση"},a={consumptionHigh:"High",consumptionLow:"Low",consumptionMedium:"Medium",label:"Consumption"},c={consumptionHigh:"Alto",consumptionLow:"Bajo",consumptionMedium:"Medio",label:"Consumo"},r={consumptionHigh:"Alto",consumptionLow:"Basso",consumptionMedium:"Medio",label:"Consumo"},l=class{constructor(e){t(this,e),this.prefChangeEvent=n(this,"mdsPrefChange",7),this.localStorageAlias="mdsPrefConsumption",this.customPropertyAlias="--magma-pref-consumption",this.defaultMode="high",this.t=new o({el:m,en:a,es:c,it:r}),this.consumption={high:{selector:"pref-consumption-high",label:"consumptionHigh"},medium:{selector:"pref-consumption-medium",label:"consumptionMedium"},low:{selector:"pref-consumption-low",label:"consumptionLow"}},this.setConsumption=t=>{if(this.prefChangeEvent.emit({preference:"consumption"}),this.mode=t,localStorage.setItem(this.localStorageAlias,this.mode),document){const t=document.querySelector("html");for(const n in this.consumption)({}).hasOwnProperty.call(this.consumption,n)&&(null==t||t.classList.remove(this.consumption[n].selector));null==t||t.classList.add(this.consumption[this.mode].selector),null==t||t.style.setProperty(this.customPropertyAlias,this.mode)}},this.language=void 0,this.mode=void 0}async updateLang(){this.language=this.t.lang(this.element)}componentWillRender(){var t,n;this.t.lang(this.element),this.setConsumption(null!==(n=null!==(t=this.mode)&&void 0!==t?t:localStorage.getItem(this.localStorageAlias))&&void 0!==n?n:this.defaultMode)}modeChanged(t){this.setConsumption(t)}render(){var t;return e(s,{key:"845689a3978e310110ea0431d8a1c7f85413c371"},e("mds-text",{key:"279b08048064fcf560d36cd106d08f6a5e864090",class:"info",typography:"caption"},e("b",{key:"f9e414661aa53296d5f57e239638640132f22683"},this.t.get("label"))," ",this.t.get(this.consumption[null!==(t=this.mode)&&void 0!==t?t:this.defaultMode].label)),e("mds-tab",{key:"41e0b940f5f8583c1d2d489fa719b71d1e8d6bf2"},e("mds-tab-item",{key:"1f7123ea9dd6432f74a9c7db591b9fb45462c32a",selected:"low"===this.mode,onClick:()=>{this.setConsumption("low")},class:"item item--low",icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M13.314 12.492c-.943-.837-4.99-3.526-8.385-5.563 2.037 3.395 4.726 7.442 5.563 8.384q.045.052.094.101a2 2 0 1 0 2.728-2.922"/>\n  <path d="M2 14c0 1.893.526 3.663 1.44 5.173.326.538.93.827 1.558.827h14.004c.629 0 1.232-.29 1.558-.827A9.95 9.95 0 0 0 22 14c0-5.523-4.477-10-10-10a9.95 9.95 0 0 0-5.416 1.592c.64.39 1.292.795 1.937 1.202A8 8 0 0 1 18.93 18H5.07A7.96 7.96 0 0 1 4 14c0-1.247.285-2.427.794-3.48-.407-.644-.812-1.297-1.202-1.936A9.95 9.95 0 0 0 2 14"/>\n</svg>\n'}),e("mds-tab-item",{key:"12dffe43fc347b72cb8d211e60f7b08905229d20",selected:"medium"===this.mode,onClick:()=>{this.setConsumption("medium")},class:"item item--medium",icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M9.885 4.224C5.378 5.194 2 9.203 2 14c0 1.893.526 3.663 1.44 5.173.326.538.93.827 1.558.827h14.004c.629 0 1.232-.29 1.558-.827A9.95 9.95 0 0 0 22 14c0-4.797-3.378-8.805-7.885-9.776.177.728.352 1.476.52 2.22A8.003 8.003 0 0 1 18.93 18H5.07A8.003 8.003 0 0 1 9.365 6.444a137 137 0 0 1 .52-2.22"/>\n  <path d="M13.995 13.862C13.921 12.605 12.96 7.842 12 4c-.96 3.841-1.92 8.605-1.995 9.862a2 2 0 1 0 3.99 0"/>\n</svg>\n'}),e("mds-tab-item",{key:"ef9733014704464c182864fc6d9a58e263d1eb43",selected:"high"===this.mode,onClick:()=>{this.setConsumption("high")},class:"item item--high",icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M13.508 15.314c.837-.943 3.526-4.99 5.563-8.385-3.395 2.037-7.443 4.726-8.385 5.563q-.051.045-.1.094a2 2 0 1 0 2.922 2.728"/>\n  <path d="M3.44 19.173A9.95 9.95 0 0 1 2 14C2 8.477 6.477 4 12 4c1.996 0 3.855.585 5.416 1.592-.64.39-1.292.795-1.937 1.202A8 8 0 0 0 5.07 18h13.86A7.96 7.96 0 0 0 20 14a8 8 0 0 0-.794-3.48c.407-.644.813-1.297 1.202-1.936A9.95 9.95 0 0 1 22 14a9.95 9.95 0 0 1-1.44 5.173c-.326.538-.93.827-1.558.827H4.998c-.629 0-1.232-.29-1.558-.827"/>\n</svg>\n'})))}get element(){return i(this)}static get watchers(){return{mode:["modeChanged"]}}};l.style="@tailwind utilities;\n\n/*\n *\n */\n\n:host{\n\n  gap: 0.25rem;\n\n  display: grid;\n}\n\n.item {\n\n  --mds-tab-item-color: rgb(var(--tone-neutral-05));\n\n  -ms-flex-preferred-size: 0;\n\n  flex-basis: 0;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n}\n\n.item--high {\n\n  --mds-tab-item-color-selected: rgb(var(--status-error-06));\n}\n\n.item--medium {\n\n  --mds-tab-item-color-selected: rgb(var(--status-warning-06));\n}\n\n.item--low {\n\n  --mds-tab-item-color-selected: rgb(var(--status-success-06));\n}\n\n@container style(--magma-pref-contrast: more) {\n  .item {\n\n    --mds-tab-item-color: rgb(var(--tone-neutral-01));\n  }\n\n  .item--high {\n\n    --mds-tab-item-color-selected: rgb(var(--status-error-03));\n  }\n  \n  .item--medium {\n  \n    --mds-tab-item-color-selected: rgb(var(--status-warning-03));\n  }\n  \n  .item--low {\n  \n    --mds-tab-item-color-selected: rgb(var(--status-success-03));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    .item {\n\n      --mds-tab-item-color: rgb(var(--tone-neutral-01));\n  }\n\n  .item--high {\n\n    --mds-tab-item-color-selected: rgb(var(--status-error-03));\n  }\n  \n  .item--medium {\n  \n    --mds-tab-item-color-selected: rgb(var(--status-warning-03));\n  }\n  \n  .item--low {\n  \n    --mds-tab-item-color-selected: rgb(var(--status-success-03));\n  }\n}\n}\n\n";export{l as mds_pref_consumption}

package/dist/magma-components/p-dd0f6f83.entry.js

@@ -0,0 +1 @@
+import{r,h as n,H as s,g as o}from"./p-eab621a7.js";import{r as t,i as a}from"./p-f00c93f4.js";const e=class{constructor(n){r(this,n),this.stepsList=new Array,this.currentStep=void 0,this.progress=0,this.direction="horizontal",this.variant="primary",this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}componentWillLoad(){this.stepsList=this.steps.split(","),this.setProgress(this.progress)}componentDidLoad(){t(this.element,"aria-hidden","true",["aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext","role"])}setProgress(r){this.steps&&(this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))],a(this.element,"aria-hidden")||this.element.setAttribute("aria-valuetext",this.currentStep))}progressChanged(r){this.setProgress(r)}stepsChanged(r){this.stepsList=r.split(",")}render(){return n(s,{key:"c72c3bb3b536cbe6b8ac8e1c65fa98514b55ac8b","aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":!a(this.element,"aria-hidden")&&Math.round(100*this.progress),role:"progressbar"},n("div",{key:"cf51b3291d06a782283cc73a615d88e9e7ada927",class:"contrast-area"}),n("div",{key:"6abdc6d4a5896ffb5ee482ef5c4401760efb3fcf",class:"progress",style:"horizontal"===this.direction?{flexGrow:`${this.progress}`}:{flexGrow:`${this.progress}`,width:"100%"}}))}get element(){return o(this)}static get watchers(){return{progress:["progressChanged"],steps:["stepsChanged"]}}};e.style='@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-progress-background: Sets the background-color of the component\n * @prop --mds-progress-color: Sets the background-color of the progress\n * @prop --mds-progress-duration: Sets the duration of the progress bar animation\n * @prop --mds-progress-radius: Sets the border-radius of the component\n * @prop --mds-progress-thickness: Sets the thickness of the progress bar\n */\n\n:host {\n\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-duration: 750ms;\n  --mds-progress-radius: 0.5rem;\n  --mds-progress-thickness: 0.5rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-progress-background);\n  border-radius: var(--mds-progress-radius);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-progress-thickness);\n  min-width: var(--mds-progress-thickness);\n  overflow: hidden;\n  position: relative;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  width: 100%;\n}\n\n:host( [direction="vertical"] ) {\n  -ms-flex-direction: column;\n  flex-direction: column;\n  height: unset;\n  min-height: var(--mds-progress-thickness);\n  width: var(--mds-progress-thickness);\n}\n\n.progress{\n\n  -webkit-transition-duration: 500ms;\n\n  transition-duration: 500ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: var(--mds-progress-color);\n  border-radius: var(--mds-progress-radius);\n  -webkit-transition-duration: var(--mds-progress-duration);\n  transition-duration: var(--mds-progress-duration);\n  -webkit-transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow, -ms-flex-positive;\n}\n\n@tailwind utilities;\n\n:host( [variant="dark"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral-04));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n:host( [variant="light"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral));\n  --mds-progress-background: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant="error"] ) {\n\n  --mds-progress-color: rgb(var(--status-error-06));\n  --mds-progress-background: rgb(var(--status-error-09));\n}\n\n:host( [variant="warning"] ) {\n\n  --mds-progress-color: rgb(var(--status-warning-06));\n  --mds-progress-background: rgb(var(--status-warning-09));\n}\n\n:host( [variant="success"] ) {\n\n  --mds-progress-color: rgb(var(--status-success-06));\n  --mds-progress-background: rgb(var(--status-success-09));\n}\n\n:host( [variant="info"] ) {\n\n  --mds-progress-color: rgb(var(--status-info-06));\n  --mds-progress-background: rgb(var(--status-info-09));\n}\n\n:host( [variant="primary"] ) {\n\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .progress {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .progress {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host,\n  :host( [variant="primary"] ) {\n\n    --mds-progress-color: rgb(var(--variant-primary-05));\n    --mds-progress-background: rgb(var(--tone-neutral-07));\n  }\n\n  :host( [variant="error"] ) {\n\n    --mds-progress-color: rgb(var(--status-error-04));\n    --mds-progress-background: rgb(var(--status-error-07));\n  }\n\n  :host( [variant="warning"] ) {\n\n    --mds-progress-color: rgb(var(--status-warning-04));\n    --mds-progress-background: rgb(var(--status-warning-07));\n  }\n\n  :host( [variant="success"] ) {\n\n    --mds-progress-color: rgb(var(--status-success-04));\n    --mds-progress-background: rgb(var(--status-success-07));\n  }\n\n  :host( [variant="info"] ) {\n\n    --mds-progress-color: rgb(var(--status-info-04));\n    --mds-progress-background: rgb(var(--status-info-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host,\n    :host( [variant="primary"] ) {\n\n      --mds-progress-color: rgb(var(--variant-primary-05));\n      --mds-progress-background: rgb(var(--tone-neutral-07));\n    }\n\n    :host( [variant="error"] ) {\n\n      --mds-progress-color: rgb(var(--status-error-04));\n      --mds-progress-background: rgb(var(--status-error-07));\n    }\n\n    :host( [variant="warning"] ) {\n\n      --mds-progress-color: rgb(var(--status-warning-04));\n      --mds-progress-background: rgb(var(--status-warning-07));\n    }\n\n    :host( [variant="success"] ) {\n\n      --mds-progress-color: rgb(var(--status-success-04));\n      --mds-progress-background: rgb(var(--status-success-07));\n    }\n\n    :host( [variant="info"] ) {\n\n      --mds-progress-color: rgb(var(--status-info-04));\n      --mds-progress-background: rgb(var(--status-info-07));\n    }\n  }\n}\n\n';export{e as mds_progress}

package/dist/magma-components/{p-0a4fcd1d.system.entry.js → p-dd7b49e7.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js"],(function(n){"use strict";var t,e,o;return{setters:[function(n){t=n.r;e=n.h;o=n.H}],execute:function(){var a='@tailwind utilities;\n\n/**\n * @prop --mds-zero-contents-max-width: Set if the contents has a max width to be centered in the component\n */\n\n:host {\n\n  --mds-zero-contents-max-width: 400px;\n\n  gap: 1.5rem;\n\n  border-radius: 0.75rem;\n\n  padding: 3rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n@media (max-width: 767px){\n\n  :host{\n\n    padding-left: 1.5rem;\n\n    padding-right: 1.5rem;\n  }\n}\n\n:host {\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: rgb(var(--tone-neutral-10));\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  justify-items: center;\n  -webkit-transition-property: background-color, -webkit-box-shadow;\n  transition-property: background-color, -webkit-box-shadow;\n  transition-property: box-shadow, background-color;\n  transition-property: box-shadow, background-color, -webkit-box-shadow;\n}\n\n:host .contents {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  justify-items: center;\n  max-width: var(--mds-zero-contents-max-width);\n  text-align: center;\n}\n\n:host .actions{\n\n  gap: 0.5rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  justify-items: center;\n  width: 100%;\n}\n\n:host ::slotted([slot="action"]) {\n  margin: auto;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    background-color: rgb(var(--tone-neutral-09));\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      background-color: rgb(var(--tone-neutral-09));\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n';var r=a;var i=n("mds_zero",function(){function n(n){t(this,n)}n.prototype.render=function(){return e(o,{key:"ac7dfdb13d45c42bd1e3b65e460e785f758f2928"},e("slot",{key:"497de5aee2af6a62ae7bac0d91f058e0e3dafc8d"}),e("div",{key:"e4cc7a36a64cffd7c511c58b2c765605e5f84a6c",class:"contents",part:"contents"},e("slot",{key:"48085d5a1624758fc659fa0fe86d95fff5e23610",name:"content"})),e("footer",{key:"40af4b696b8084b7206e74a9e4b83783f69794e0",class:"actions",part:"actions"},e("slot",{key:"0dd0c9f28ac707d0426701a0b11004d6e22e73ac",name:"action"})))};return n}());i.style=r}}}));
+System.register(["./p-c94628eb.system.js"],(function(n){"use strict";var t,e,o;return{setters:[function(n){t=n.r;e=n.h;o=n.H}],execute:function(){var a='@tailwind utilities;\n\n/**\n * @prop --mds-zero-contents-max-width: Set if the contents has a max width to be centered in the component\n */\n\n:host {\n\n  --mds-zero-contents-max-width: 400px;\n\n  gap: 1.5rem;\n\n  border-radius: 0.75rem;\n\n  padding: 3rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n@media (max-width: 767px){\n\n  :host{\n\n    padding-left: 1.5rem;\n\n    padding-right: 1.5rem;\n  }\n}\n\n:host {\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: rgb(var(--tone-neutral-10));\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  justify-items: center;\n  -webkit-transition-property: background-color, -webkit-box-shadow;\n  transition-property: background-color, -webkit-box-shadow;\n  transition-property: box-shadow, background-color;\n  transition-property: box-shadow, background-color, -webkit-box-shadow;\n}\n\n:host .contents {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  justify-items: center;\n  max-width: var(--mds-zero-contents-max-width);\n  text-align: center;\n}\n\n:host .actions{\n\n  gap: 0.5rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  justify-items: center;\n  width: 100%;\n}\n\n:host ::slotted([slot="action"]) {\n  margin: auto;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    background-color: rgb(var(--tone-neutral-09));\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      background-color: rgb(var(--tone-neutral-09));\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n';var r=a;var i=n("mds_zero",function(){function n(n){t(this,n)}n.prototype.render=function(){return e(o,{key:"9c19b48ff4f43f7124c1ab435a0c459fa99ae119"},e("slot",{key:"6b8695731411251458089f2adf7a262070df66b0"}),e("div",{key:"395deabebcac70a1db76588b32d7ebb31f56b03f",class:"contents",part:"contents"},e("slot",{key:"67427905a2049879301416aa7f16c0512f59d4f3",name:"content"})),e("footer",{key:"f713f2108319918adf277a51b4e60d85210c391a",class:"actions",part:"actions"},e("slot",{key:"86cb45fff8a7c28aa4855342237982434c40792c",name:"action"})))};return n}());i.style=r}}}));

package/dist/magma-components/p-ddb91a8e.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-c94628eb.system.js","./p-d68089ba.system.js"],(function(r){"use strict";var e,n,t,o,a,l;return{setters:[function(r){e=r.r;n=r.c;t=r.h;o=r.H;a=r.g},function(r){l=r.c}],execute:function(){var b="@tailwind utilities;\n\n/**\n * @prop --mds-table-background: The background-color of the table\n * @prop --mds-table-body-background-hover: The background-color of the table body when the mouse is over it\n * @prop --mds-table-body-background: The background-color of the table body\n * @prop --mds-table-border-color: The border-color of the table\n * @prop --mds-table-border-width: The border-width of the table\n * @prop --mds-table-cell-background-hover: The background-color of the table cell when the mouse is over it\n * @prop --mds-table-cell-background: The background-color of the table cell\n * @prop --mds-table-cell-border-color: The border-color of the table cell\n * @prop --mds-table-cell-border-width: The border-width of the table cell\n * @prop --mds-table-cell-padding: The padding of the table cell\n */\n\n:host {\n\n  --mds-table-background: rgb(var(--tone-neutral));\n  --mds-table-body-background-hover: rgb(var(--tone-neutral-10));\n  --mds-table-body-background: var(--mds-table-background);\n  --mds-table-border-color: rgb(var(--tone-neutral-08));\n  --mds-table-border-width: 2px;\n  --mds-table-cell-background-hover: var(--mds-table-background);\n  --mds-table-cell-background: transparent;\n  --mds-table-cell-border-color: var(--mds-table-border-color);\n  --mds-table-cell-border-width: var(--mds-table-border-width);\n  --mds-table-cell-padding: 1rem;\n  --mds-table-color-hover: rgb(var(--tone-neutral-02));\n  --mds-table-color: rgb(var(--tone-neutral-03));\n  --mds-table-actions-gap: 0.5rem;\n  border-radius: 1rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  background-color: var(--mds-table-background);\n  border: var(--mds-table-border-width) solid var(--mds-table-border-color) !important;\n  border-color: var(--mds-table-border-color);\n  display: -ms-flexbox;\n  display: flex;\n  overflow: auto;\n  -webkit-transition-property: background-color, border-color, color;\n  transition-property: background-color, border-color, color;\n}\n\n.table {\n  border-collapse: separate;\n  border-spacing: 0;\n  width: 100%;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-table-background: rgb(var(--tone-neutral-08));\n    --mds-table-body-background-hover: rgb(var(--tone-neutral-10));\n    --mds-table-border-color: rgb(var(--tone-neutral-07));\n    --mds-table-color-hover: rgb(var(--tone-neutral-02));\n    --mds-table-color: rgb(var(--tone-neutral-03));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-table-background: rgb(var(--tone-neutral-08));\n      --mds-table-body-background-hover: rgb(var(--tone-neutral-10));\n      --mds-table-border-color: rgb(var(--tone-neutral-07));\n      --mds-table-color-hover: rgb(var(--tone-neutral-02));\n      --mds-table-color: rgb(var(--tone-neutral-03));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-table-background: rgb(var(--tone-neutral));\n    --mds-table-body-background-hover: rgb(var(--tone-neutral-09));\n    --mds-table-border-color: rgb(var(--tone-neutral-06));\n    --mds-table-color-hover: rgb(var(--tone-neutral-01));\n    --mds-table-color: rgb(var(--tone-neutral-02));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-table-background: rgb(var(--tone-neutral));\n      --mds-table-body-background-hover: rgb(var(--tone-neutral-09));\n      --mds-table-border-color: rgb(var(--tone-neutral-06));\n      --mds-table-color-hover: rgb(var(--tone-neutral-01));\n      --mds-table-color: rgb(var(--tone-neutral-02));\n    }\n  }\n}\n\n/* dark mode */\n\n@container style(--magma-pref-contrast: more) and style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-table-background: rgb(var(--tone-neutral-08));\n    --mds-table-body-background-hover: rgb(var(--tone-neutral));\n    --mds-table-border-color: rgb(var(--tone-neutral-05));\n    --mds-table-color-hover: rgb(var(--tone-neutral-02));\n    --mds-table-color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: more) and style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-table-background: rgb(var(--tone-neutral-08));\n      --mds-table-body-background-hover: rgb(var(--tone-neutral));\n      --mds-table-border-color: rgb(var(--tone-neutral-05));\n      --mds-table-color-hover: rgb(var(--tone-neutral-02));\n      --mds-table-color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: system) and style(--magma-pref-theme: dark) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-table-background: rgb(var(--tone-neutral-08));\n      --mds-table-body-background-hover: rgb(var(--tone-neutral));\n      --mds-table-border-color: rgb(var(--tone-neutral-05));\n      --mds-table-color-hover: rgb(var(--tone-neutral-02));\n      --mds-table-color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: system) and style(--magma-pref-theme: system) {\n\n  @media (prefers-contrast: more) and (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-table-background: rgb(var(--tone-neutral-08));\n      --mds-table-body-background-hover: rgb(var(--tone-neutral));\n      --mds-table-border-color: rgb(var(--tone-neutral-05));\n      --mds-table-color-hover: rgb(var(--tone-neutral-02));\n      --mds-table-color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n";var d=b;var s=r("mds_table",function(){function r(r){e(this,r);this.interactiveEvent=n(this,"mdsTableInteractiveChange",7);this.interactive=undefined}r.prototype.onTableInteractive=function(){this.interactiveEvent.emit(this.interactive)};r.prototype.componentDidLoad=function(){this.interactiveEvent.emit(this.interactive);var r=this.host.querySelectorAll("mds-table-row");this.host.addEventListener("scroll",(function(e){var n=e.target;r.forEach((function(r){if(n.scrollLeft>r.offsetWidth-n.offsetWidth){r.overlayActions=true;return}r.overlayActions=false}))}))};r.prototype.render=function(){return t(o,{key:"f8dc8ae93a7803a18b0e7d03f34ca1b46286bac9"},t("table",{key:"511db82bcadc15ed656129e4929e9c88a9694cc7",class:l("table",this.interactive&&"table--interactive"),role:"table"},t("slot",{key:"eb90aa29cd0f11fc60b4749f5808c5862f24e877"})))};Object.defineProperty(r.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{interactive:["onTableInteractive"]}},enumerable:false,configurable:true});return r}());s.style=d}}}));

package/dist/magma-components/p-de21d32b.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(n,t,i,e){function o(n){return n instanceof i?n:new i((function(t){t(n)}))}return new(i||(i=Promise))((function(i,r){function a(n){try{u(e.next(n))}catch(n){r(n)}}function s(n){try{u(e["throw"](n))}catch(n){r(n)}}function u(n){n.done?i(n.value):o(n.value).then(a,s)}u((e=e.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},e,o,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(n){return function(t){return u([n,t])}}function u(s){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(i=0)),i)try{if(e=1,o&&(r=s[0]&2?o["return"]:s[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,s[1])).done)return r;if(o=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;o=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){i.label=s[1];break}if(s[0]===6&&i.label<r[1]){i.label=r[1];r=s;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(s);break}if(r[2])i.ops.pop();i.trys.pop();continue}s=t.call(n,i)}catch(n){s=[6,n];o=0}finally{e=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-c94628eb.system.js","./p-d68089ba.system.js","./p-b26ef48a.system.js","./p-48f78684.system.js","./p-7631b414.system.js","./p-3759b1b2.system.js","./p-21b1acec.system.js"],(function(n){"use strict";var t,i,e,o,r,a,s,u,d,c;return{setters:[function(n){t=n.r;i=n.c;e=n.h;o=n.H;r=n.g},function(n){a=n.c},function(n){s=n.m},function(n){u=n.m},function(n){d=n.m},function(n){c=n.L},function(){}],execute:function(){var l='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>';var h='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5s5 2.24 5 5s-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3z"/></svg>';var p='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 7c2.76 0 5 2.24 5 5c0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75c-1.73-4.39-6-7.5-11-7.5c-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28l.46.46A11.804 11.804 0 0 0 1 12c1.73 4.39 6 7.5 11 7.5c1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22L21 20.73L3.27 3L2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65c0 1.66 1.34 3 3 3c.22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53c-2.76 0-5-2.24-5-5c0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15l.02-.16c0-1.66-1.34-3-3-3l-.17.01z"/></svg>';var m="Αύξηση";var b="Μείωση";var f="Εμφάνιση Κωδικού";var g="Απόκρυψη Κωδικού";var v={increase:m,decrease:b,showPassword:f,hidePassword:g};var w="Increase";var y="Decrease";var x="Show Password";var k="Hide Password";var z={increase:w,decrease:y,showPassword:x,hidePassword:k};var S="Aumentar";var _="Disminuir";var C="Mostrar Contraseña";var M="Ocultar Contraseña";var P={increase:S,decrease:_,showPassword:C,hidePassword:M};var I="Aumenta";var j="Diminuisci";var B="Visualizza password";var L="Nascondi password";var F={increase:I,decrease:j,showPassword:B,hidePassword:L};var A='@tailwind utilities;\n\n/**\n * @prop --mds-input-background: Sets the background-color of the component\n * @prop --mds-input-icon-color: Sets the icon color of the component\n * @prop --mds-input-ring: Sets the box-shadow of the component\'s input\n * @prop --mds-input-shadow: Sets the box-shadow of the component\'s input\n * @prop --mds-input-textarea-field-sizing: Sets the height of the textarea automatically, this is an EXPERIMENTAL css property, so it couldn\'t work in every browser\n * @prop --mds-input-textarea-max-height: Sets the `max-height` of the component when attribute `type` is set to `textarea`\n * @prop --mds-input-textarea-min-height: Sets the `min-height` of the component when attribute `type` is set to `textarea`\n * @prop --mds-input-tip-background: Sets the background color of the tip message at the bottom right of the component\n * @prop --mds-input-variant-color: Sets the variant colors of the component\n */\n\n:host {\n\n  --mds-input-background: rgb(var(--tone-neutral));\n  --mds-input-icon-color: var(--mds-input-variant-color);\n  --mds-input-tip-background: 84 84 84;\n  --mds-input-ring: 0 0 0 1px rgb(var(--mds-input-variant-color) / 0.1);\n  --mds-input-shadow: 0 1px 3px 0 rgb(var(--mds-input-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-variant-color) / 0.06);\n  --mds-input-variant-color: 0 0 0;\n  --mds-input-controls-color: rgb(var(--variant-primary-03));\n  --mds-input-controls-border: 2px solid rgb(var(--tone-neutral-09));\n  --mds-input-textarea-min-height: 6rem;\n  --mds-input-textarea-max-height: 16rem;\n  --mds-input-textarea-field-sizing: content;\n  min-height: 1.5rem;\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  gap: 0.5rem;\n\n  container-type: inline-size;\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n}\n\n:host( [typography="detail"] ) .input{\n\n  min-height: 1.5rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="snippet"] ) .input{\n\n  min-height: 1.5rem;\n\n  font-family: \'Roboto Mono\', \'Courier New\', monospace;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.input{\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n\n  margin: 0rem;\n\n  border-radius: 0.5rem;\n\n  padding-left: 1rem;\n\n  padding-right: 1rem;\n\n  padding-top: 0.75rem;\n\n  padding-bottom: 0.75rem;\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n    background-color: var(--mds-input-background);\n    border: 0;\n    -webkit-box-shadow: var(--mds-input-ring), var(--mds-input-shadow);\n    box-shadow: var(--mds-input-ring), var(--mds-input-shadow);\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    color: rgb(var(--tone-neutral-02));\n    min-height: 3rem;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    -webkit-transition-property: background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform, -webkit-box-shadow, -webkit-transform;\n    width: 100%;\n}\n\n.input::-moz-placeholder {\n  color: rgb(var(--tone-neutral-04));\n}\n\n.input::-webkit-input-placeholder {\n  color: rgb(var(--tone-neutral-04));\n}\n\n.input:-ms-input-placeholder {\n  color: rgb(var(--tone-neutral-04));\n}\n\n.input::-ms-input-placeholder {\n  color: rgb(var(--tone-neutral-04));\n}\n\n.input::placeholder {\n  color: rgb(var(--tone-neutral-04));\n}\n\n.input::-webkit-outer-spin-button,\n.input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n          appearance: none;\n  display: none;\n  margin: 0;\n}\n\ntextarea.input{\n\n  resize: vertical;\n\n  border-bottom-right-radius: 0;\n\n  field-sizing: var(--mds-input-textarea-field-sizing);\n  max-height: var(--mds-input-textarea-max-height);\n  min-height: var(--mds-input-textarea-min-height);\n  overflow: auto;\n}\n\n.input:focus{\n\n  outline: 2px solid transparent;\n\n  outline-offset: 2px;\n\n  --mds-input-ring: 0 0 0 3px rgb(var(--mds-input-variant-color) / 1);\n  --mds-input-shadow: 0 4px 6px 3px rgb(var(--mds-input-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-variant-color) / 0.06);\n}\n\n.input:disabled {\n  background-color: rgb(var(--tone-neutral-10));\n}\n\n.input:disabled::-moz-placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input:disabled::-webkit-input-placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input:disabled:-ms-input-placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input:disabled::-ms-input-placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input:disabled,\n.input:disabled::placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input.has-icon{\n\n  padding-left: 2.75rem;\n}\n\n\n.await,\n.icon{\n\n  left: 0.75rem;\n\n  top: 0.75rem;\n\n  fill: rgb(var(--mds-input-icon-color));\n  position: absolute;\n}\n\n.await {\n  color: rgb(var(--mds-input-icon-color));\n  height: 24px;\n  width: 24px;\n}\n\n.counter {\n  border-left: var(--mds-input-controls-border);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  gap: 0;\n  position: absolute;\n  right: 0;\n}\n\n.counter-button{\n\n  height: 1.5rem;\n\n  width: 1.75rem;\n\n  border-radius: 0.5rem;\n\n  --mds-button-background: transparent;\n\n  border: 0;\n  fill: var(--mds-input-controls-color);\n  min-height: 0;\n  padding: 0;\n}\n\n.counter-button:hover {\n\n  --mds-button-background: rgb(var(--tone-neutral-09));\n}\n\n.counter .counter-button:first-child {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-top-left-radius: 0;\n}\n\n.counter .counter-button:last-child {\n  border-bottom-left-radius: 0;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n.counter-button--horizontal{\n\n  height: 3rem;\n\n  width: 3rem;\n\n  bottom: 0;\n  position: absolute;\n  top: 0;\n}\n\n.counter-button--decrease {\n  border-bottom-right-radius: 0;\n  border-right: var(--mds-input-controls-border);\n  border-top-right-radius: 0;\n  left: 0;\n}\n\n.counter-button--increase {\n  border-bottom-left-radius: 0;\n  border-left: var(--mds-input-controls-border);\n  border-top-left-radius: 0;\n  right: 0;\n}\n\n.password-toggle-button{\n\n  top: 0.375rem;\n\n  right: 0.375rem;\n\n  fill: var(--mds-input-controls-color);\n  position: absolute;\n}\n\n:host( [type="number"] ) .input{\n\n  padding-right: 2rem;\n}\n\n:host( [type="number"][controls-layout="horizontal"] ) .input{\n\n  padding-left: 3.5rem;\n\n  padding-right: 3.5rem;\n\n  text-align: center;\n}\n\n:host( [type="number"][controls-layout="horizontal"][icon] ) .input{\n\n  padding-left: 6rem;\n\n  text-align: left;\n}\n\n\n:host( [type="number"][controls-layout="horizontal"] ) .icon{\n\n  left: 3.75rem;\n}\n\n:host( [type="password"]) .input{\n\n  padding-right: 2.5rem;\n}\n\n:host( [type="password"]) .input[type="password"]:not(:-moz-placeholder-shown) {\n  font-size: 3rem;\n  max-height: 3rem;\n}\n\n:host( [type="password"]) .input[type="password"]:not(:-ms-input-placeholder) {\n  font-size: 3rem;\n  max-height: 3rem;\n}\n\n:host( [type="password"]) .input[type="password"]:not(:placeholder-shown) {\n  font-size: 3rem;\n  max-height: 3rem;\n}\n\n:host( [type="password"]) .input[type="text"]:not(:-moz-placeholder-shown){\n\n  min-height: 1.5rem;\n\n  font-family: \'Roboto Mono\', \'Courier New\', monospace;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [type="password"]) .input[type="text"]:not(:-ms-input-placeholder){\n\n  min-height: 1.5rem;\n\n  font-family: \'Roboto Mono\', \'Courier New\', monospace;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [type="password"]) .input[type="text"]:not(:placeholder-shown){\n\n  min-height: 1.5rem;\n\n  font-family: \'Roboto Mono\', \'Courier New\', monospace;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n@tailwind utilities;\n\n:host {\n\n  --mds-input-icon-color: var(--variant-primary-03);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host( :focus ) {\n\n  --mds-input-variant-color: var(--variant-primary-04);\n}\n\n:host( [variant="info"] ) {\n\n  --mds-input-icon-color: var(--status-info-05);\n  --mds-input-tip-background: var(--status-info-05);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host( [variant="info"]:focus ) {\n\n  --mds-input-icon-color: var(--status-info-04);\n  --mds-input-variant-color: var(--status-info-05);\n}\n\n:host( [variant="success"] ) {\n\n  --mds-input-icon-color: var(--status-success-05);\n  --mds-input-tip-background: var(--status-success-05);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host( [variant="success"]:focus ) {\n\n  --mds-input-icon-color: var(--status-success-04);\n  --mds-input-variant-color: var(--status-success-05);\n}\n\n:host( [variant="warning"] ) {\n\n  --mds-input-icon-color: var(--status-warning-05);\n  --mds-input-tip-background: var(--status-warning-05);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host( [variant="warning"]:focus ) {\n\n  --mds-input-icon-color: var(--status-warning-04);\n  --mds-input-variant-color: var(--status-warning-05);\n}\n\n:host( [variant="error"] ) {\n\n  --mds-input-icon-color: var(--status-error-05);\n  --mds-input-tip-background: var(--status-error-05);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host( [variant="error"]:focus ) {\n\n  --mds-input-icon-color: var(--status-error-04);\n  --mds-input-variant-color: var(--status-error-05);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  .input {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    .input {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-input-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-input-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-input-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n  }\n\n  .input::-moz-placeholder {\n    color: rgb(var(--tone-neutral-03));\n  }\n\n  .input::-webkit-input-placeholder {\n    color: rgb(var(--tone-neutral-03));\n  }\n\n  .input:-ms-input-placeholder {\n    color: rgb(var(--tone-neutral-03));\n  }\n\n  .input::-ms-input-placeholder {\n    color: rgb(var(--tone-neutral-03));\n  }\n\n  .input::placeholder {\n    color: rgb(var(--tone-neutral-03));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-input-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n    }\n\n    .input::-moz-placeholder {\n      color: rgb(var(--tone-neutral-03));\n    }\n\n    .input::-webkit-input-placeholder {\n      color: rgb(var(--tone-neutral-03));\n    }\n\n    .input:-ms-input-placeholder {\n      color: rgb(var(--tone-neutral-03));\n    }\n\n    .input::-ms-input-placeholder {\n      color: rgb(var(--tone-neutral-03));\n    }\n\n    .input::placeholder {\n      color: rgb(var(--tone-neutral-03));\n    }\n  }\n}\n\n\n\n@container (max-width: 210px) {\n  :host .tip__content,\n  :host(:focus-within) .tip__content {\n    grid-template-columns: 0fr;\n    opacity: 0;\n  }\n\n  :host .tip {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  :host {\n\n    --mds-input-background: rgb(var(--variant-primary-07));\n  }\n}\n';var N=A;var O=n("mds_input",function(){function n(n){var e=this;t(this,n);this.changeEvent=i(this,"mdsInputChange",7);this.keyDownEvent=i(this,"mdsInputKeydown",7);this.blurEvent=i(this,"mdsInputBlur",7);this.focusEvent=i(this,"mdsInputFocus",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.t=new c({el:v,en:z,es:P,it:F});this.onInput=function(n){var t=n.target;if(t){e.value=t.value;e.internals.setFormValue(e.value)}e.keyDownEvent.emit(n)};this.onBlur=function(){e.hasFocus=false;e.blurEvent.emit()};this.onFocus=function(n){var t=n.target;e.hasFocus=true;e.focusEvent.emit();if(e.readonly){setTimeout((function(){t.select()}),10)}};this.stepUp=function(){if(e.nativeInput&&!e.readonly&&!e.disabled){e.nativeInput.stepUp();e.value=e.nativeInput.value}};this.stepDown=function(){if(e.nativeInput&&!e.readonly&&!e.disabled){e.nativeInput.stepDown();e.value=e.nativeInput.value}};this.hasFocus=false;this.language=undefined;this.isPasswordVisible=false;this.autocomplete="off";this.autofocus=false;this.await=false;this.controlsLayout="vertical";this.controlsIcon="arrow";this.controlIncreaseLabel="Aumenta";this.controlDecreaseLabel="Riduci";this.datalist=undefined;this.disabled=false;this.icon=undefined;this.max=undefined;this.maxlength=undefined;this.min=undefined;this.minlength=undefined;this.name=undefined;this.pattern=undefined;this.placeholder="";this.readonly=false;this.required=false;this.variant=undefined;this.tip=undefined;this.step=undefined;this.type="text";this.typography="detail";this.value=""}n.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.language=this.t.lang(this.el);this.t.update();return[2]}))}))};n.prototype.componentWillLoad=function(){var n;this.language=this.t.lang(this.el);if(this.el.hasAttribute("tabindex")){var t=this.el.getAttribute("tabindex");this.tabindex=t!==null?parseInt(t):undefined;this.el.removeAttribute("tabindex")}this.internals.setFormValue((n=this.value)!==null&&n!==void 0?n:null)};n.prototype.valueChanged=function(){var n;this.changeEvent.emit({value:this.value});this.internals.setFormValue((n=this.value)!==null&&n!==void 0?n:null)};n.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};n.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};n.prototype.componentWillRender=function(){this.t.lang(this.el)};n.prototype.render=function(){var n=this;var t,i;return e(o,{key:"ca5bca3d38a637ff63798e17a43e94c700d5e147"},this.type==="number"&&this.controlsLayout==="horizontal"&&e("mds-button",{key:"ff7112d587a18d16647bc3b5dfc6dc77ebcc2477",class:"counter-button counter-button--horizontal counter-button--decrease",icon:this.controlsIcon==="arrow"?s:d,onClick:this.stepDown,role:"button",tabindex:"0",title:this.t.get("decrease"),part:"counter-button-decrease"}),this.type==="textarea"?e("textarea",{class:a("input",((t=this.icon)!==null&&t!==void 0?t:this.await)&&"has-icon"),autoFocus:this.autofocus,disabled:this.disabled,maxLength:this.maxlength,minLength:this.minlength,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,part:"field",placeholder:this.placeholder,readOnly:this.readonly,ref:function(t){return n.nativeInput=t},required:this.required,tabIndex:this.tabindex,value:this.value}):e("input",{class:a("input",((i=this.icon)!==null&&i!==void 0?i:this.await)&&"has-icon"),autoComplete:this.autocomplete,autoFocus:this.autofocus,disabled:this.disabled,max:this.max,maxLength:this.maxlength,min:this.min,minLength:this.minlength,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,pattern:this.pattern,list:this.datalist&&"datalist",part:"field",placeholder:this.placeholder,readOnly:this.readonly,ref:function(t){return n.nativeInput=t},required:this.required,step:this.step,tabIndex:this.tabindex,type:this.type==="password"&&this.isPasswordVisible?"text":this.type,value:this.value}),this.type==="number"&&this.controlsLayout==="vertical"&&e("div",{key:"44238b57fbed08da81f30dc8048089d94d2e7b4c",class:"counter counter--vertical"},e("mds-button",{key:"24c0ce6b95dd8dce3c33805bb861b239c595a58d",class:"counter-button",icon:this.controlsIcon==="arrow"?u:l,onClick:this.stepUp,role:"button",tabindex:"0",title:this.t.get("increase"),part:"counter-button-increase"}),e("mds-button",{key:"d420b63e53fe0dad6a326959855ff0f62c627885",class:"counter-button",icon:this.controlsIcon==="arrow"?s:d,onClick:this.stepDown,role:"button",tabindex:"0",title:this.t.get("decrease"),part:"counter-button-decrease"})),this.type==="number"&&this.controlsLayout==="horizontal"&&e("mds-button",{key:"bd8380c85f04115019a8b0202dc4e7aa30d3c9ad",class:"counter-button counter-button--horizontal counter-button--increase",icon:this.controlsIcon==="arrow"?u:l,onClick:this.stepUp,role:"button",tabindex:"0",title:this.t.get("increase"),part:"counter-button-increase"}),this.type==="password"&&e("mds-button",{key:"6539cdfc36d63d28d319c79927545f8272179537",class:"password-toggle-button",icon:this.isPasswordVisible?p:h,onClick:function(){return n.isPasswordVisible=!n.isPasswordVisible},role:"button",tabindex:"0",tone:"quiet",title:this.isPasswordVisible?this.t.get("hidePassword"):this.t.get("showPassword"),part:"password-toggle-button"}),e("mds-input-tip",{key:"8a0f5f05980067693a4335cd2f6355f6ddde09f3",lang:this.language,position:"top",active:this.hasFocus},this.disabled&&e("mds-input-tip-item",{key:"f51f29717e92e822e3a1cd557619d6acec5c2fe1",expanded:true,variant:"disabled"}),this.readonly&&e("mds-input-tip-item",{key:"aa32b7d8d683a4785d17dcd0d4966357a9a21738",expanded:true,variant:"readonly"}),this.required&&e("mds-input-tip-item",{key:"13c92ab5bca38508d5395119f1f1cdcb303bc183",expanded:this.hasFocus,variant:this.value===""?"required":"required-success"})),e("mds-input-tip",{key:"e907daf8c28d9e3db05202e60501da285ab7d9d2",lang:this.language,position:"bottom",active:this.hasFocus},this.tip&&e("mds-input-tip-item",{key:"e4a8343e924a4813ac0bd483961b131d2b417132",expanded:true,variant:"text"},this.tip)),this.datalist&&e("datalist",{key:"a61d4222f111e589b34d0c5d11bcd45f32d1a8c5",id:"datalist",class:"datalist"},this.datalist.forEach((function(n){e("option",{value:n})}))),this.icon&&!this.await&&e("mds-icon",{key:"ef47a0689013b6bd6e8b4c104b3c7895d56c6679",class:a("icon",this.variant),name:this.icon}),e("mds-spinner",{key:"3383f336ce1ae44b0d8ca5536ed251a0398d97d9",running:this.await,class:a("await",this.variant)}))};Object.defineProperty(n,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return n}());O.style=N}}}));

package/dist/magma-components/p-dea5d36c.entry.js

@@ -0,0 +1 @@
+import{r as n,h as o,H as t,g as e}from"./p-eab621a7.js";import{K as a}from"./p-0f3e17bc.js";const i=class{constructor(o){n(this,o),this.km=new a,this.disconnectedCallback=()=>{this.km.detachClickBehavior()},this.icon=void 0,this.selected=void 0,this.disabled=void 0}componentDidLoad(){this.km.addElement(this.host),this.km.attachClickBehavior()}componentDidUpdate(){this.disabled||this.selected?this.km.detachClickBehavior():this.km.attachClickBehavior()}render(){return o(t,{key:"ac7aae9e5e126c5da025f5ddee4000bae44d69e1",tabindex:"0"},void 0!==this.icon?o("mds-icon",{class:"icon",name:this.icon}):o("mds-text",{class:"text",typography:"caption"},o("b",null,o("slot",null))))}get host(){return e(this)}};i.style="@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-paginator-item-background-disabled: Sets the background-color of the item when is disabled\n * @prop --mds-paginator-item-background-hover: Sets the background-color of the item when the mouse is over it\n * @prop --mds-paginator-item-background-selected: Sets the background-color of the item when is selected\n * @prop --mds-paginator-item-background: Sets the background-color of the pages area and the item\n * @prop --mds-paginator-item-color-disabled: Sets the color of the item when is disabled\n * @prop --mds-paginator-item-color-hover: Sets the text color of the item when the mouse is over it\n * @prop --mds-paginator-item-color-selected: Sets the text color of the item when is selected\n * @prop --mds-paginator-item-color: Sets the text color of the component\n * @prop --mds-paginator-item-radius: Sets the border-radius of the component\n * @prop --mds-paginator-item-shadow-disabled: Sets the box-shadow of the item when is disabled\n * @prop --mds-paginator-item-shadow-hover: Sets the box-shadow of the item when the mouse is over it\n * @prop --mds-paginator-item-shadow-selected: Sets the box-shadow of the item when is selected\n * @prop --mds-paginator-item-shadow: Sets the box-shadow of the component\n * @prop --mds-paginator-item-size: Sets the height and the min-width of the paginator item\n */\n\n:host {\n\n  --mds-paginator-item-background-disabled: rgb(var(--tone-neutral-09));\n  --mds-paginator-item-background-hover: rgb(var(--tone-neutral-08));\n  --mds-paginator-item-background-selected: rgb(var(--variant-primary-03));\n  --mds-paginator-item-background: transparent;\n  --mds-paginator-item-color-disabled: rgb(var(--tone-neutral-06));\n  --mds-paginator-item-color-hover: rgb(var(--tone-neutral-02));\n  --mds-paginator-item-color-selected: rgb(var(--tone-neutral));\n  --mds-paginator-item-color: rgb(var(--tone-neutral-02));\n  --mds-paginator-item-radius: 200px;\n  --mds-paginator-item-shadow-disabled: none;\n  --mds-paginator-item-shadow-hover: none;\n  --mds-paginator-item-shadow-selected: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n  --mds-paginator-item-shadow: none;\n  --mds-paginator-item-size: 2.25rem;\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n}\n\n:host:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n:host {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-paginator-item-background);\n  border-radius: var(--mds-paginator-item-radius);\n  -webkit-box-shadow: var(--mds-paginator-item-shadow);\n  box-shadow: var(--mds-paginator-item-shadow);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  color: var(--mds-paginator-item-color);\n  cursor: pointer;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  height: var(--mds-paginator-item-size);\n  -ms-flex-pack: center;\n  justify-content: center;\n  min-width: var(--mds-paginator-item-size);\n  -webkit-transition-property: background-color, color, outline, outline-offset, -webkit-box-shadow;\n  transition-property: background-color, color, outline, outline-offset, -webkit-box-shadow;\n  transition-property: background-color, box-shadow, color, outline, outline-offset;\n  transition-property: background-color, box-shadow, color, outline, outline-offset, -webkit-box-shadow;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n}\n\n:host(:focus-visible) {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n:host(:hover) {\n  background-color: var(--mds-paginator-item-background-hover);\n  -webkit-box-shadow: var(--mds-paginator-item-shadow-hover);\n  box-shadow: var(--mds-paginator-item-shadow-hover);\n  color: var(--mds-paginator-item-color-hover);\n  fill: var(--mds-paginator-item-color-hover);\n}\n\n:host([icon]) {\n  padding: 0rem;\n}\n\n:host([selected]) {\n  background-color: var(--mds-paginator-item-background-selected);\n  -webkit-box-shadow: var(--mds-paginator-item-shadow-selected);\n  box-shadow: var(--mds-paginator-item-shadow-selected);\n  color: var(--mds-paginator-item-color-selected);\n  fill: var(--mds-paginator-item-color-selected);\n  pointer-events: none;\n}\n\n:host([disabled]) {\n  background-color: var(--mds-paginator-item-background-disabled);\n  -webkit-box-shadow: var(--mds-paginator-item-shadow-disabled);\n  box-shadow: var(--mds-paginator-item-shadow-disabled);\n  color: var(--mds-paginator-item-color-disabled);\n  fill: var(--mds-paginator-item-color-disabled);\n  pointer-events: none;\n}\n\n.icon {\n  padding-left: 0rem;\n  padding-right: 0rem;\n\n  fill: currentcolor;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-paginator-item-background-disabled: rgb(var(--tone-neutral-09));\n    --mds-paginator-item-background-hover: rgb(var(--tone-neutral-08));\n    --mds-paginator-item-background-selected: rgb(var(--variant-primary-03));\n    --mds-paginator-item-background: transparent;\n    --mds-paginator-item-color-disabled: rgb(var(--tone-neutral-06));\n    --mds-paginator-item-color-hover: rgb(var(--tone-neutral-02));\n    --mds-paginator-item-color-selected: rgb(var(--tone-neutral));\n    --mds-paginator-item-color: rgb(var(--tone-neutral-02));\n    --mds-paginator-item-shadow-disabled: none;\n    --mds-paginator-item-shadow-hover: none;\n    --mds-paginator-item-shadow-selected: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n    --mds-paginator-item-shadow: none;\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-paginator-item-background-disabled: rgb(var(--tone-neutral-09));\n      --mds-paginator-item-background-hover: rgb(var(--tone-neutral-08));\n      --mds-paginator-item-background-selected: rgb(var(--variant-primary-03));\n      --mds-paginator-item-background: transparent;\n      --mds-paginator-item-color-disabled: rgb(var(--tone-neutral-06));\n      --mds-paginator-item-color-hover: rgb(var(--tone-neutral-02));\n      --mds-paginator-item-color-selected: rgb(var(--tone-neutral));\n      --mds-paginator-item-color: rgb(var(--tone-neutral-02));\n      --mds-paginator-item-shadow-disabled: none;\n      --mds-paginator-item-shadow-hover: none;\n      --mds-paginator-item-shadow-selected: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n      --mds-paginator-item-shadow: none;\n    }\n  }\n}\n\n";export{i as mds_paginator_item}

package/dist/magma-components/{p-bf66db4f.entry.js → p-df55c1ea.entry.js}

@@ -1 +1 @@
-import{r as e,h as r,H as n,g as t}from"./p-b6defcb6.js";const o=class{constructor(r){e(this,r),this.cellPercWidth=void 0}componentWillRender(){this.horizontalCells=this.host.querySelectorAll("mds-price-table-features-cell"),this.cellPercWidth=Number(100/this.horizontalCells.length).toFixed(4)+"%",this.horizontalCells.forEach((e=>{e.style.width=this.cellPercWidth}))}render(){return r(n,{key:"cc021b0fbb7615a94f16cea6dd73c831212f88bf"},r("slot",{key:"494d8e2d9765df5e4793b37677873e1c82b560c2"}))}get host(){return t(this)}};o.style='@tailwind utilities;\n\n:host {\n\n  --mds-price-table-features-row-background: transparent;\n  --mds-price-table-features-row-background-hover: rgb(var(--tone-neutral-10));\n  --mds-price-table-features-row-color: rgb(var(--tone-neutral-04));\n  --mds-price-table-features-row-color-hover: rgb(var(--tone-neutral-01));\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-price-table-features-row-background);\n  color: var(--mds-price-table-features-row-color);\n  display: table-row;\n  -webkit-transition-property: background-color, color;\n  transition-property: background-color, color;\n}\n\n:host(:hover) {\n\n  --mds-price-table-features-row-background: var(--mds-price-table-features-row-background-hover);\n  --mds-price-table-features-row-color: var(--mds-price-table-features-row-color-hover);\n}\n\n:host(:hover) > ::slotted(mds-price-table-features-cell) {\n\n  --mds-price-table-features-cell-icon-supported-color: var(--mds-price-table-features-cell-icon-supported-color-hover);\n  --mds-price-table-features-cell-icon-unsupported-color: var(--mds-price-table-features-cell-icon-unsupported-color-hover);\n}\n\n:host > ::slotted([type="label"]) {\n  padding-left: 0;\n}\n\n:host(:hover) > ::slotted([type="label"]) {\n  -webkit-transform: translate(0.5rem, 0);\n  transform: translate(0.5rem, 0);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-price-table-features-row-color: rgb(var(--tone-neutral-01));\n    --mds-price-table-features-row-color-hover: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-price-table-features-row-color: rgb(var(--tone-neutral-01));\n      --mds-price-table-features-row-color-hover: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-price-table-features-row-background-hover: rgb(var(--tone-neutral-09));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-price-table-features-row-background-hover: rgb(var(--tone-neutral-09));\n    }\n  }\n}\n\n';export{o as mds_price_table_features_row}
+import{r as e,h as r,H as n,g as t}from"./p-eab621a7.js";const o=class{constructor(r){e(this,r),this.cellPercWidth=void 0}componentWillRender(){this.horizontalCells=this.host.querySelectorAll("mds-price-table-features-cell"),this.cellPercWidth=Number(100/this.horizontalCells.length).toFixed(4)+"%",this.horizontalCells.forEach((e=>{e.style.width=this.cellPercWidth}))}render(){return r(n,{key:"cc021b0fbb7615a94f16cea6dd73c831212f88bf"},r("slot",{key:"494d8e2d9765df5e4793b37677873e1c82b560c2"}))}get host(){return t(this)}};o.style='@tailwind utilities;\n\n:host {\n\n  --mds-price-table-features-row-background: transparent;\n  --mds-price-table-features-row-background-hover: rgb(var(--tone-neutral-10));\n  --mds-price-table-features-row-color: rgb(var(--tone-neutral-04));\n  --mds-price-table-features-row-color-hover: rgb(var(--tone-neutral-01));\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-price-table-features-row-background);\n  color: var(--mds-price-table-features-row-color);\n  display: table-row;\n  -webkit-transition-property: background-color, color;\n  transition-property: background-color, color;\n}\n\n:host(:hover) {\n\n  --mds-price-table-features-row-background: var(--mds-price-table-features-row-background-hover);\n  --mds-price-table-features-row-color: var(--mds-price-table-features-row-color-hover);\n}\n\n:host(:hover) > ::slotted(mds-price-table-features-cell) {\n\n  --mds-price-table-features-cell-icon-supported-color: var(--mds-price-table-features-cell-icon-supported-color-hover);\n  --mds-price-table-features-cell-icon-unsupported-color: var(--mds-price-table-features-cell-icon-unsupported-color-hover);\n}\n\n:host > ::slotted([type="label"]) {\n  padding-left: 0;\n}\n\n:host(:hover) > ::slotted([type="label"]) {\n  -webkit-transform: translate(0.5rem, 0);\n  transform: translate(0.5rem, 0);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-price-table-features-row-color: rgb(var(--tone-neutral-01));\n    --mds-price-table-features-row-color-hover: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-price-table-features-row-color: rgb(var(--tone-neutral-01));\n      --mds-price-table-features-row-color-hover: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-price-table-features-row-background-hover: rgb(var(--tone-neutral-09));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-price-table-features-row-background-hover: rgb(var(--tone-neutral-09));\n    }\n  }\n}\n\n';export{o as mds_price_table_features_row}

package/dist/magma-components/{p-56132185.system.entry.js → p-e0288f0c.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js","./p-d68089ba.system.js"],(function(n){"use strict";var t,e,a,r,o;return{setters:[function(n){t=n.r;e=n.h;a=n.H;r=n.g},function(n){o=n.c}],execute:function(){var i='@tailwind utilities;\n\n/**\n * @prop --mds-card-gap: Sets the spacing between card elements\n * @prop --mds-card-padding: Sets the spacing around card elements\n */\n\n:host {\n\n  --mds-card-gap: 0;\n  --mds-card-padding: 0;\n  border-radius: 1rem;\n\n  background-color: rgb(var(--tone-neutral));\n  -webkit-box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n  box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n  container-name: mds-card;\n  container-type: inline-size;\n  display: grid;\n  min-height: 1rem;\n  overflow: hidden;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="media"]) {\n  grid-area: media;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="header"]) {\n  grid-area: header;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="content"]) {\n  grid-area: content;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="footer"]) {\n  grid-area: footer;\n}\n\n.layout{\n\n  padding: 1rem;\n\n  display: grid;\n  gap: var(--mds-card-gap);\n  grid-template-columns: minmax(0, 100%);\n  padding: var(--mds-card-padding);\n}\n\n.layout--cfhm:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "media"\n    "content"\n    "footer";\n  grid-template-rows:\n    -webkit-min-content\n    -webkit-min-content\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    min-content\n    min-content\n    1fr\n    min-content;\n}\n\n.layout--chm:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "media"\n    "content";\n  grid-template-rows:\n    -webkit-min-content\n    -webkit-min-content\n    1fr;\n  grid-template-rows:\n    min-content\n    min-content\n    1fr;\n}\n\n.layout--cfm:not(.layout--disabled) {\n  grid-template-areas:\n    "media"\n    "content"\n    "footer";\n  grid-template-rows:\n    -webkit-min-content\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    min-content\n    1fr\n    min-content;\n}\n\n.layout--fhm:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "media"\n    "footer";\n  grid-template-rows:\n    -webkit-min-content\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    min-content\n    1fr\n    min-content;\n}\n\n.layout--cfh:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "content"\n    "footer";\n  grid-template-rows:\n    -webkit-min-content\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    min-content\n    1fr\n    min-content;\n}\n\n.layout--hm:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "media";\n  grid-template-rows:\n    -webkit-min-content\n    1fr;\n  grid-template-rows:\n    min-content\n    1fr;\n}\n\n.layout--fm:not(.layout--disabled) {\n  grid-template-areas:\n    "media"\n    "footer";\n  grid-template-rows:\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    1fr\n    min-content;\n}\n\n.layout--cm:not(.layout--disabled) {\n  grid-template-areas:\n    "media"\n    "content";\n  grid-template-rows:\n    -webkit-min-content\n    1fr;\n  grid-template-rows:\n    min-content\n    1fr;\n}\n\n.layout--fh:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "footer";\n  grid-template-rows:\n    -webkit-min-content\n    1fr;\n  grid-template-rows:\n    min-content\n    1fr;\n}\n\n.layout--ch:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "content";\n  grid-template-rows:\n    -webkit-min-content\n    1fr;\n  grid-template-rows:\n    min-content\n    1fr;\n}\n\n.layout--cf:not(.layout--disabled) {\n  grid-template-areas:\n    "content"\n    "footer";\n  grid-template-rows:\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    1fr\n    min-content;\n}\n\n.layout--h:not(.layout--disabled) {\n  grid-template-areas: "header";\n  grid-template-rows: 1fr;\n}\n\n.layout--m:not(.layout--disabled) {\n  grid-template-areas: "media";\n  grid-template-rows: 1fr;\n}\n\n.layout--c:not(.layout--disabled) {\n  grid-template-areas: "content";\n  grid-template-rows: 1fr;\n}\n\n.layout--f:not(.layout--disabled) {\n  grid-template-areas: "footer";\n  grid-template-rows: 1fr;\n}\n\n@container mds-card (width > 30em) {\n  .layout--cfhm:not(.layout--disabled) {\n    grid-template-areas:\n      "media header"\n      "media content"\n      "media footer";\n    grid-template-columns: minmax(240px, 1fr) 2fr;\n    grid-template-rows:\n      -webkit-min-content\n      1fr\n      -webkit-min-content;\n    grid-template-rows:\n      min-content\n      1fr\n      min-content;\n  }\n\n  .layout--chm:not(.layout--disabled) {\n    grid-template-areas:\n      "media header"\n      "media content"\n      "media content";\n    grid-template-columns: minmax(240px, 1fr) 2fr;\n    grid-template-rows:\n      -webkit-min-content\n      1fr\n      1fr;\n    grid-template-rows:\n      min-content\n      1fr\n      1fr;\n  }\n\n  .layout--fhm:not(.layout--disabled) {\n    grid-template-areas:\n      "media header"\n      "media footer";\n    grid-template-columns: minmax(240px, 1fr) 2fr;\n    grid-template-rows:\n      -webkit-min-content\n      1fr;\n    grid-template-rows:\n      min-content\n      1fr;\n  }\n\n  .layout--cfm:not(.layout--disabled) {\n    grid-template-areas:\n      "media content"\n      "media footer";\n    grid-template-columns: minmax(240px, 1fr) 2fr;\n    grid-template-rows:\n      1fr\n      -webkit-min-content;\n    grid-template-rows:\n      1fr\n      min-content;\n  }\n\n  .layout--cm:not(.layout--disabled) {\n    grid-template-areas:\n      "media content";\n    grid-template-columns: minmax(240px, 1fr) 2fr;\n    grid-template-rows:\n      1fr\n      -webkit-min-content;\n    grid-template-rows:\n      1fr\n      min-content;\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    }\n  }\n}\n\n\n';var d=i;var m=n("mds_card",function(){function n(n){t(this,n);this.layout=undefined;this.autoGrid=true}n.prototype.componentWillLoad=function(){this.layout=Array.from(this.host.children).map((function(n){var t;return((t=n.getAttribute("slot"))!==null&&t!==void 0?t:n.tagName.startsWith("MDS-CARD-"))?n.tagName.toLocaleLowerCase().replace("mds-card-",""):""})).sort().reduce((function(n,t){return n+t.charAt(0)}),"")};n.prototype.render=function(){return e(a,{key:"0bb4e3e8a5c41028092849b878f1eb7f4fb6ca69"},e("div",{key:"fd3caac153406fb4e283d1966403d2b32c86343a",class:o("layout",this.layout&&"layout--".concat(this.layout),!this.autoGrid?"layout--disabled":""),part:"container"},e("slot",{key:"581983da53bb535659af36770a3d69bb73dec92a",name:"media"}),e("slot",{key:"c856bb9b9f5b49df851c23ef66dbbd415e1d5e64",name:"header"}),e("slot",{key:"668022431de991925b3be0e838c391b9aec7e6a9",name:"content"}),e("slot",{key:"1189b0b978b70c425a6eb3b7daab8b112beca40a",name:"footer"})))};Object.defineProperty(n.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});return n}());m.style=d}}}));
+System.register(["./p-c94628eb.system.js","./p-d68089ba.system.js"],(function(n){"use strict";var t,e,a,r,o;return{setters:[function(n){t=n.r;e=n.h;a=n.H;r=n.g},function(n){o=n.c}],execute:function(){var i='@tailwind utilities;\n\n/**\n * @prop --mds-card-gap: Sets the spacing between card elements\n * @prop --mds-card-padding: Sets the spacing around card elements\n */\n\n:host {\n\n  --mds-card-gap: 0;\n  --mds-card-padding: 0;\n  border-radius: 1rem;\n\n  background-color: rgb(var(--tone-neutral));\n  -webkit-box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n  box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n  container-name: mds-card;\n  container-type: inline-size;\n  display: grid;\n  min-height: 1rem;\n  overflow: hidden;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="media"]) {\n  grid-area: media;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="header"]) {\n  grid-area: header;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="content"]) {\n  grid-area: content;\n}\n\n.layout:not(.layout--disabled) ::slotted([slot="footer"]) {\n  grid-area: footer;\n}\n\n.layout{\n\n  padding: 1rem;\n\n  display: grid;\n  gap: var(--mds-card-gap);\n  grid-template-columns: minmax(0, 100%);\n  padding: var(--mds-card-padding);\n}\n\n.layout--cfhm:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "media"\n    "content"\n    "footer";\n  grid-template-rows:\n    -webkit-min-content\n    -webkit-min-content\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    min-content\n    min-content\n    1fr\n    min-content;\n}\n\n.layout--chm:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "media"\n    "content";\n  grid-template-rows:\n    -webkit-min-content\n    -webkit-min-content\n    1fr;\n  grid-template-rows:\n    min-content\n    min-content\n    1fr;\n}\n\n.layout--cfm:not(.layout--disabled) {\n  grid-template-areas:\n    "media"\n    "content"\n    "footer";\n  grid-template-rows:\n    -webkit-min-content\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    min-content\n    1fr\n    min-content;\n}\n\n.layout--fhm:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "media"\n    "footer";\n  grid-template-rows:\n    -webkit-min-content\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    min-content\n    1fr\n    min-content;\n}\n\n.layout--cfh:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "content"\n    "footer";\n  grid-template-rows:\n    -webkit-min-content\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    min-content\n    1fr\n    min-content;\n}\n\n.layout--hm:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "media";\n  grid-template-rows:\n    -webkit-min-content\n    1fr;\n  grid-template-rows:\n    min-content\n    1fr;\n}\n\n.layout--fm:not(.layout--disabled) {\n  grid-template-areas:\n    "media"\n    "footer";\n  grid-template-rows:\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    1fr\n    min-content;\n}\n\n.layout--cm:not(.layout--disabled) {\n  grid-template-areas:\n    "media"\n    "content";\n  grid-template-rows:\n    -webkit-min-content\n    1fr;\n  grid-template-rows:\n    min-content\n    1fr;\n}\n\n.layout--fh:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "footer";\n  grid-template-rows:\n    -webkit-min-content\n    1fr;\n  grid-template-rows:\n    min-content\n    1fr;\n}\n\n.layout--ch:not(.layout--disabled) {\n  grid-template-areas:\n    "header"\n    "content";\n  grid-template-rows:\n    -webkit-min-content\n    1fr;\n  grid-template-rows:\n    min-content\n    1fr;\n}\n\n.layout--cf:not(.layout--disabled) {\n  grid-template-areas:\n    "content"\n    "footer";\n  grid-template-rows:\n    1fr\n    -webkit-min-content;\n  grid-template-rows:\n    1fr\n    min-content;\n}\n\n.layout--h:not(.layout--disabled) {\n  grid-template-areas: "header";\n  grid-template-rows: 1fr;\n}\n\n.layout--m:not(.layout--disabled) {\n  grid-template-areas: "media";\n  grid-template-rows: 1fr;\n}\n\n.layout--c:not(.layout--disabled) {\n  grid-template-areas: "content";\n  grid-template-rows: 1fr;\n}\n\n.layout--f:not(.layout--disabled) {\n  grid-template-areas: "footer";\n  grid-template-rows: 1fr;\n}\n\n@container mds-card (width > 30em) {\n  .layout--cfhm:not(.layout--disabled) {\n    grid-template-areas:\n      "media header"\n      "media content"\n      "media footer";\n    grid-template-columns: minmax(240px, 1fr) 2fr;\n    grid-template-rows:\n      -webkit-min-content\n      1fr\n      -webkit-min-content;\n    grid-template-rows:\n      min-content\n      1fr\n      min-content;\n  }\n\n  .layout--chm:not(.layout--disabled) {\n    grid-template-areas:\n      "media header"\n      "media content"\n      "media content";\n    grid-template-columns: minmax(240px, 1fr) 2fr;\n    grid-template-rows:\n      -webkit-min-content\n      1fr\n      1fr;\n    grid-template-rows:\n      min-content\n      1fr\n      1fr;\n  }\n\n  .layout--fhm:not(.layout--disabled) {\n    grid-template-areas:\n      "media header"\n      "media footer";\n    grid-template-columns: minmax(240px, 1fr) 2fr;\n    grid-template-rows:\n      -webkit-min-content\n      1fr;\n    grid-template-rows:\n      min-content\n      1fr;\n  }\n\n  .layout--cfm:not(.layout--disabled) {\n    grid-template-areas:\n      "media content"\n      "media footer";\n    grid-template-columns: minmax(240px, 1fr) 2fr;\n    grid-template-rows:\n      1fr\n      -webkit-min-content;\n    grid-template-rows:\n      1fr\n      min-content;\n  }\n\n  .layout--cm:not(.layout--disabled) {\n    grid-template-areas:\n      "media content";\n    grid-template-columns: minmax(240px, 1fr) 2fr;\n    grid-template-rows:\n      1fr\n      -webkit-min-content;\n    grid-template-rows:\n      1fr\n      min-content;\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    }\n  }\n}\n\n\n';var d=i;var m=n("mds_card",function(){function n(n){t(this,n);this.layout=undefined;this.autoGrid=true}n.prototype.componentWillLoad=function(){this.layout=Array.from(this.host.children).map((function(n){var t;return((t=n.getAttribute("slot"))!==null&&t!==void 0?t:n.tagName.startsWith("MDS-CARD-"))?n.tagName.toLocaleLowerCase().replace("mds-card-",""):""})).sort().reduce((function(n,t){return n+t.charAt(0)}),"")};n.prototype.render=function(){return e(a,{key:"0bb4e3e8a5c41028092849b878f1eb7f4fb6ca69"},e("div",{key:"fd3caac153406fb4e283d1966403d2b32c86343a",class:o("layout",this.layout&&"layout--".concat(this.layout),!this.autoGrid?"layout--disabled":""),part:"container"},e("slot",{key:"581983da53bb535659af36770a3d69bb73dec92a",name:"media"}),e("slot",{key:"c856bb9b9f5b49df851c23ef66dbbd415e1d5e64",name:"header"}),e("slot",{key:"668022431de991925b3be0e838c391b9aec7e6a9",name:"content"}),e("slot",{key:"1189b0b978b70c425a6eb3b7daab8b112beca40a",name:"footer"})))};Object.defineProperty(n.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});return n}());m.style=d}}}));

package/dist/magma-components/p-e03788d9.entry.js

@@ -0,0 +1 @@
+import{r as n,h as t,H as i,g as e}from"./p-eab621a7.js";import{L as r}from"./p-c310b41f.js";import"./p-85aa8e05.js";const a=class{constructor(t){n(this,t),this.active=!1,this.position="top"}render(){return t(i,{key:"6bea6c9f3c83d3d90d8f6910cabf9ad8b4a2ceb8"},t("slot",{key:"7ca0594e20f71400c0d772d5134ab2f16ab13d16"}))}};a.style='@tailwind utilities;\n\n:host {\n\n  --mds-input-tip-active-translate: translate(0, 0);\n\n  left: 0.25rem;\n\n  right: 0.25rem;\n\n  gap: 0.25rem;\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n  pointer-events: none;\n  position: absolute;\n  -webkit-transform: var(--mds-input-tip-active-translate);\n  transform: var(--mds-input-tip-active-translate);\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n}\n\n:host(:empty) {\n  display: none;\n}\n\n:host([position="top"]) {\n  top: 0.25rem;\n}\n\n:host([position="bottom"]) {\n  bottom: 0.25rem;\n}\n\n:host([position="top"][active]:not([active="false"])) {\n\n  --mds-input-tip-active-translate: translate(calc(0.25rem * -1), calc(0.25rem * -1));\n}\n\n:host([position="top"][active]:not([active="false"])) ::slotted( mds-input-tip-item ) {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n:host([position="bottom"][active]:not([active="false"])) {\n\n  --mds-input-tip-active-translate: translate(calc(0.25rem * -1), 0.25rem);\n}\n\n:host([position="bottom"][active]:not([active="false"])) ::slotted( mds-input-tip-item ) {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n';const o={required:"Απαιτείται",disabled:"Απενεργοποιημένο",readonly:"Μόνο για ανάγνωση"},s={required:"Required",disabled:"Disabled",readonly:"Read only"},d={required:"Requerido",disabled:"Deshabilitado",readonly:"Solo lectura"},c={required:"Obbligatorio",disabled:"Disattivato",readonly:"Sola lettura"},p=class{constructor(t){n(this,t),this.t=new r({en:s,el:o,es:d,it:c}),this.language=void 0,this.variant="required",this.expanded=!0}async updateLang(){this.language=this.t.lang(this.element)}componentWillRender(){this.t.lang(this.element)}render(){return t(i,{key:"dfdba1a88042fc3a4fe6d29710e43cbddd797053"},t("div",{key:"cdc9cf831bb5621b046161ceed728f3cd52ab11c",class:"content"},"text"===this.variant&&t("mds-text",{key:"3b53cc5eccd980f1666edfb1b9642d155bab8c15",typography:"option",truncate:"word"},t("span",{key:"832d4dfa2c938a936bedbc0bdc00f446f71a53e3",class:"text"},t("slot",{key:"5550f90749b34a8d748034f264089176d2735b55"}))),"readonly"===this.variant&&t("mds-text",{key:"7b7538403c428c440447a75b22952cc937d665f5",typography:"option",truncate:"word"},t("span",{key:"0309833c99055fec6e8b5d8ec83220d8c0f7cf44",class:"text"},this.variant&&this.t.get(this.variant.toString()))),"disabled"===this.variant&&t("mds-text",{key:"32b1fa3193f69afb0ad9fc8c4c303c29623ea572",typography:"option",truncate:"word"},t("span",{key:"dd4ae36e3e512f1f734fead8941a8b66e53536b6",class:"text"},this.variant&&this.t.get(this.variant.toString()))),"required"===this.variant&&t("mds-text",{key:"ffcb47a3ad73190ae42540240b7b17b71a3ddc04",typography:"option",truncate:"word"},t("span",{key:"f810d3748dafcdf7d23ba65a137be9b7f8ddf7b3",class:"text"},this.variant&&this.t.get(this.variant.toString()))),"required-success"===this.variant&&t("span",{key:"97aeef9538a145cf335a857a334047627d190a8c",class:"icon",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 16.2L4.8 12l-1.4 1.4L9 19L21 7l-1.4-1.4L9 16.2z"/></svg>'})))}get element(){return e(this)}};p.style='@tailwind components;\n@tailwind utilities;\n\n:host {\n\n  --mds-input-tip-item-background: rgb(var(--tone-neutral-01));\n  --mds-input-tip-item-color: rgb(var(--tone-neutral));\n  --mds-input-tip-item-icon-color: rgb(var(--tone-neutral));\n  height: 0.75rem;\n  border-radius: 0.375rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-input-tip-item-background);\n  color: var(--mds-input-tip-item-color);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  min-width: 0.75rem;\n  padding: 0;\n  pointer-events: none;\n  position: static;\n  text-align: center;\n  -webkit-transform: translate(0, 0);\n  transform: translate(0, 0);\n  -webkit-transition-property: background-color, border-radius, color, padding-left, padding-right, -webkit-transform;\n  transition-property: background-color, border-radius, color, padding-left, padding-right, -webkit-transform;\n  transition-property: background-color, border-radius, color, padding-left, padding-right, transform;\n  transition-property: background-color, border-radius, color, padding-left, padding-right, transform, -webkit-transform;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n}\n\n.content{\n\n  height: 0.75rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  display: grid;\n  grid-template-columns: 0fr;\n  opacity: 0;\n  overflow: hidden;\n  -webkit-transition-property: grid-template-columns, opacity;\n  transition-property: grid-template-columns, opacity;\n  transition-property: grid-template-columns, opacity, -ms-grid-columns;\n}\n\n.text {\n  line-height: 0.75rem;\n}\n\n.icon{\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n.icon svg{\n\n  aspect-ratio: 1/1;\n\n  height: 100%;\n\n  width: 100%;\n}\n\n.icon{\n\n  height: 0.75rem;\n\n  width: 0.75rem;\n\n  fill: var(--mds-input-tip-item-icon-color);\n  -webkit-transform: translateY(-1px);\n  transform: translateY(-1px);\n}\n\n:host([expanded="false"]) {\n  color: transparent;\n}\n\n:host([expanded]:not([expanded="false"])){\n\n  padding-left: 0.5rem;\n\n  padding-right: 0.5rem;\n\n  --mds-input-tip-item-color: rgb(var(--tone-neutral));\n}\n\n:host([expanded]:not([expanded="false"])) .content {\n  grid-template-columns: 1fr;\n  opacity: 1;\n}\n\n:host([variant="required"]) {\n\n  --mds-input-tip-item-background: rgb(var(--status-error-05));\n}\n\n:host([variant="required-success"]) {\n\n  --mds-input-tip-item-background: rgb(var(--status-success-05));\n}\n\n:host([variant="readonly"]) {\n\n  --mds-input-tip-item-background: rgb(var(--status-info-05));\n}\n\n:host([variant="disabled"]) {\n\n  --mds-input-tip-item-background: rgb(var(--tone-neutral-05));\n}\n\n:host([variant="text"]) {\n\n  --mds-input-tip-item-background: rgb(var(--tone-neutral-03));\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .content {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .content {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n';export{a as mds_input_tip,p as mds_input_tip_item}