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

package/dist/magma-components/p-9fefae6a.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-369fc037.system.js","./p-d68089ba.system.js","./p-7631b414.system.js","./p-d1f52b0b.system.js"],(function(i){"use strict";var t,n,o,e,a,s,r,c;return{setters:[function(i){t=i.r;n=i.c;o=i.h;e=i.H;a=i.g},function(i){s=i.c},function(i){r=i.m},function(i){c=i.K}],execute:function(){var l='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M16.59 7.58 10 14.17l-2.59-2.58L6 13l4 4 8-8z"/>\n</svg>\n';var d='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm-9 14l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>';var m='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"/></svg>';var u='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/></svg>';var h='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8z"/></svg>';var b='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8z"/></svg>';var w={switch:{iconChecked:"",iconIndeterminate:"",iconUnchecked:""},checkbox:{iconChecked:d,iconIndeterminate:m,iconUnchecked:u},radio:{iconChecked:h,iconIndeterminate:"",iconUnchecked:b}};var p='@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; @tailwind utilities; :host{--mds-input-switch-animation-timing-adjust:1.4;--mds-input-switch-animation-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955);--mds-input-switch-duration:300ms;--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-checked:rgb(var(--brand-maggioli-04));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06));--mds-input-switch-box-color-checked:rgb(var(--brand-maggioli-04));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-06));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08));--mds-input-switch-box-color-unchecked:rgb(var(--tone-neutral-07));--mds-input-switch-box-padding-sm:0.25rem;--mds-input-switch-box-padding-md:0.25rem;--mds-input-switch-box-padding-lg:0.25rem;--mds-input-switch-toggle-color-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral-09));--mds-input-switch-toggle-color-unchecked:rgb(var(--tone-neutral-10));--mds-input-switch-toggle-size-sm:1rem;--mds-input-switch-toggle-size-md:1.5rem;--mds-input-switch-toggle-size-lg:2rem;--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md) * 2) + calc(var(--mds-input-switch-box-padding-md) * 2));--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md);gap:0.5rem;-ms-flex-align:start;align-items:flex-start;display:-ms-inline-flexbox;display:inline-flex}.field{display:none}.label-icon{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.label-icon:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.label-icon{-ms-flex-align:baseline;align-items:baseline;cursor:pointer;display:-ms-flexbox;display:flex;position:relative;-webkit-transition-property:outline-offset opacity;transition-property:outline-offset opacity}.label-icon:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.label-text{cursor:pointer;display:-ms-flexbox;display:flex}:host([type="switch"]) .label-text{-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center}.icon-explicit{fill:var(--mds-input-switch-icon-explicit-color);height:var(--mds-input-switch-toggle-size);width:var(--mds-input-switch-toggle-size)}.icon-typography-checked,.icon-typography-unchecked{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex}.icon-typography-checked{left:0rem;top:0rem;position:absolute}.icon-checked,.icon-unchecked{font-weight:400;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition-property:fill, -webkit-transform;transition-property:fill, -webkit-transform;transition-property:fill, transform;transition-property:fill, transform, -webkit-transform}.icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked);opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration:var(--mds-input-switch-duration);transition-duration:var(--mds-input-switch-duration)}.icon-checked{fill:var(--mds-input-switch-icon-color-checked);-webkit-transform:scale(0);transform:scale(0);-webkit-transition-duration:var(--mds-input-switch-duration);transition-duration:var(--mds-input-switch-duration)}:host([indeterminate]) .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate)}.switch-container{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.switch-container:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.switch-container{border-radius:9999px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-transition-property:width outline-offset opacity;transition-property:width outline-offset opacity;width:var(--mds-input-switch-toggle-container-size)}.switch-container:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.switch{border-radius:9999px;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--mds-input-switch-box-color-unchecked);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;padding:var(--mds-input-switch-box-padding);-webkit-transition-duration:var(--mds-input-switch-duration);transition-duration:var(--mds-input-switch-duration);-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;width:var(--mds-input-switch-toggle-container-size)}.switch-toggle{border-radius:9999px;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:linear;transition-timing-function:linear;-ms-flex-align:center;align-items:center;-webkit-animation-duration:calc(var(--mds-input-switch-duration) * 1.5);animation-duration:calc(var(--mds-input-switch-duration) * 1.5);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:none;animation-name:none;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:var(--mds-input-switch-animation-timing-function);animation-timing-function:var(--mds-input-switch-animation-timing-function);background-color:var(--mds-input-switch-toggle-color-checked);-webkit-box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);cursor:pointer;display:-ms-flexbox;display:flex;height:var(--mds-input-switch-toggle-size);-ms-flex-pack:center;justify-content:center;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;width:var(--mds-input-switch-toggle-size)}.field:disabled+.label-icon{cursor:default}.field:disabled+.label-icon+.label-text{cursor:default}.field:checked+.switch-container .switch{background-color:var(--mds-input-switch-box-color-checked)}.field:checked+.switch-container .switch-toggle{-webkit-animation-name:check;animation-name:check;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-checked)}.field:not(:checked)+.dirty .switch-toggle{-webkit-animation-name:uncheck;animation-name:uncheck;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-unchecked)}.field:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-unchecked)}.field:checked:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-checked)}.field:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-unchecked)}.field:checked:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-checked)}@-webkit-keyframes check{0%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}}@keyframes check{0%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}}@-webkit-keyframes uncheck{0%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}}@keyframes uncheck{0%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}}:host([explicit]:not([explicit="false"]) [checked]:not([checked="false"]) [disabled]){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked)}:host([explicit]:not([explicit="false"]) [checked]:not([checked="false"]) [disabled]:not([disabled="false"])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked-disabled)}:host([explicit]:not([explicit="false"]) [checked] [disabled]){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked)}:host([explicit]:not([explicit="false"]) [disabled]:not([disabled="false"]) [checked]){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked-disabled)}.field:checked+.label-icon .icon-unchecked{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-duration:calc(var(--mds-input-switch-duration) * 2);transition-duration:calc(var(--mds-input-switch-duration) * 2)}.field:checked+.label-icon .icon-checked{-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration:calc(var(--mds-input-switch-duration) * 1.5);transition-duration:calc(var(--mds-input-switch-duration) * 1.5)}.field:disabled+.label-icon .icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked-disabled)}.field:disabled+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-checked-disabled)}.indeterminate .field:disabled+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate-disabled)}:host([size="sm"]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-sm);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-sm);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-sm) * 2) + calc(var(--mds-input-switch-box-padding-sm) * 2))}:host([size="md"]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md) * 2) + calc(var(--mds-input-switch-box-padding-md) * 2))}:host([size="lg"]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-lg);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-lg);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-lg) * 2) + calc(var(--mds-input-switch-box-padding-lg) * 2))}';var g=p;var f=i("mds_input_switch",function(){function i(i){var o=this;t(this,i);this.changeEvent=n(this,"mdsInputSwitchChange",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.km=new c;this.uncheckSiblings=function(){var i=document.querySelectorAll('mds-input-switch[name="'.concat(o.name,'"]'));i.forEach((function(i){if(i!==o.host){i.checked=false}}))};this.handleInputOnChange=function(i){var t,n;var e=i.target.value;i.preventDefault();i.stopPropagation();var a=(t=o.host.shadowRoot)===null||t===void 0?void 0:t.getElementById("field");o.checked=a.checked;if(o.type==="radio"){o.uncheckSiblings()}o.changeEvent.emit({name:o.name,checked:o.checked,value:e});o.internals.setFormValue(o.checked?(n=o.value)!==null&&n!==void 0?n:null:null)};this.handleDirty=function(){o.dirty=true};this.checkFocusElement=function(){var i,t;switch(o.type){case"switch":o.km.removeElement("default");o.km.addElement((i=o.host.shadowRoot)===null||i===void 0?void 0:i.querySelector(".switch-container"),"switch");o.km.attachClickBehavior("switch");break;default:o.km.removeElement("switch");o.km.addElement((t=o.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".label-icon"),"default");o.km.attachClickBehavior("default")}};this.dirty=false;this.autofocus=undefined;this.checked=undefined;this.disabled=undefined;this.explicit=undefined;this.icon="";this.indeterminate=false;this.name="";this.size="md";this.type="switch";this.typography="detail";this.variant=undefined;this.value=""}i.prototype.componentDidLoad=function(){var i;this.internals.setFormValue(this.checked?(i=this.value)!==null&&i!==void 0?i:null:null);this.checkFocusElement()};i.prototype.render=function(){var i=this;var t;var n=w[this.type],a=n.iconChecked,c=n.iconUnchecked,d=n.iconIndeterminate;var m=this.icon!==""?this.icon:a;return o(e,{key:"c2676f5b032e265a4cf226881f2770fe59d9a7b4",onClick:this.handleDirty},o("input",{key:"26d6c9c59360a70777d764a0916b8b35c76c3379",autoFocus:this.autofocus,checked:this.checked,class:"field",disabled:this.disabled,id:"field",indeterminate:this.indeterminate,name:this.name,onChange:function(t){return i.handleInputOnChange(t)},type:this.type==="switch"?"checkbox":this.type,value:(t=this.value)!==null&&t!==void 0?t:undefined}),this.type==="switch"?o("label",{htmlFor:"field",class:s("switch-container",this.dirty!==false&&"dirty"),tabindex:"0",role:"switch"},o("div",{class:"switch"},o("div",{class:"switch-toggle"},this.explicit&&o("mds-icon",{class:"icon-explicit",name:this.checked?l:r})))):o("label",{htmlFor:"field",class:"label-icon",tabindex:"0",role:"switch"},o("mds-text",{class:"icon-typography-unchecked",tag:"div",typography:this.typography,variant:this.variant},o("mds-icon",{class:"icon-unchecked",name:c})),o("mds-text",{class:"icon-typography-checked",tag:"div",typography:this.typography,variant:this.variant},o("mds-icon",{class:"icon-checked",name:s(this.indeterminate?d:m)}))),o("label",{key:"d88da755d33ef95c388ada564b3a95ceab951b91",htmlFor:"field",class:"label-text"},o("mds-text",{key:"a3707cc5351f6c6193112fb7f60a8d565d0502df",typography:this.typography,variant:this.variant},o("slot",{key:"ac7aa4307abdc40cc51ffd9248b8564d8366ab80"}))))};Object.defineProperty(i,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});return i}());f.style=g}}}));

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

@@ -1 +0,0 @@
-import{r as n,h as e,H as t,g as i}from"./p-b6defcb6.js";const r=class{constructor(e){n(this,e),this.await=void 0,this.icon=void 0,this.src=void 0,this.initials=void 0,this.tone=void 0,this.variant=void 0}checkAvatar(){let n=!1;return void 0!==this.src&&(n=!0),void 0!==this.icon&&(n=!0),void 0!==this.initials&&(n=!0),!this.await&&n}componentWillLoad(){this.details=null!==this.hostElement.querySelector('[slot="detail"]'),this.actions=null!==this.hostElement.querySelector('[slot="action"]')}render(){return e(t,{key:"01450fc640fd689dd077e452f1440bd2ca42b3fa"},e("div",{key:"2da1bfb8261436830c03c2e0ef2fc3f64601c86d",class:"spinner"},e("mds-spinner",{key:"7edcea6a4cd7acb38c55b0cdbb30c4380a499014",running:!0})),this.checkAvatar()&&e("mds-avatar",{key:"30ffe987e664e045ea6c1209fdd364577cfb1968",class:"preview",icon:this.icon,initials:this.initials,src:this.src,tone:this.tone,variant:this.variant}),e("div",{key:"0b514397256ab2f7007b1777b1f75f4ab04af6bd",class:"infos"},e("slot",{key:"734f2c4afc519b8d256ee7039d9961581f291016"}),this.details&&e("div",{key:"88e8b8f03c66e0dbf911faf08b9e89bc44b5d324",class:"details"},e("slot",{key:"68f396fd9453b47f6062f2b8c4dea7cd564b959b",name:"detail"}))),this.actions&&e("div",{key:"cc227d492271e5d1f1c5c4817ebfc68a1a28862f",class:"actions"},e("slot",{key:"0c2fc6b7bf1909a95b8094fd20c0c6a0ef89eff2",name:"action"})))}get hostElement(){return i(this)}};r.style='@tailwind utilities;\n\n/**\n * @prop --mds-entity-background: The background-color of the entity\n * @prop --mds-entity-color: The color of the entity name\n * @prop --mds-entity-detail-color: The color of the text details\n * @prop --mds-entity-icon-background: The background-color of the icon\n * @prop --mds-entity-icon-color: The color of the icon\n * @prop --mds-entity-shadow: The box-shadow od the component\n */\n\n:host {\n\n  --mds-entity-background: rgb(var(--tone-neutral));\n  --mds-entity-color: rgb(var(--tone-neutral-02));\n  --mds-entity-detail-color: rgb(var(--tone-neutral-03));\n  --mds-entity-icon-background: rgb(var(--label-blue-09));\n  --mds-entity-icon-radius: 0.25rem;\n  --mds-entity-icon-color: rgb(var(--label-blue-04));\n  --mds-entity-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  gap: 0.5rem;\n  border-radius: 0.5rem;\n  padding: 0.5rem;\n\n  -ms-flex-align: stretch;\n\n  align-items: stretch;\n  background-color: var(--mds-entity-background);\n  -webkit-box-shadow: var(--mds-entity-shadow);\n  box-shadow: var(--mds-entity-shadow);\n  color: var(--mds-entity-color);\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.spinner,\n.preview,\n.delete{\n\n  width: 2.75rem;\n\n  border-radius: 0.25rem;\n\n  -ms-flex-negative: 0;\n\n  flex-shrink: 0;\n}\n\n.spinner,\n.preview{\n\n  aspect-ratio: 1/1;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-entity-icon-background);\n  border-radius: var(--mds-entity-icon-radius);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  fill: var(--mds-entity-icon-color);\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n.preview {\n\n  --mds-avatar-radius: var(--mds-entity-icon-radius);\n}\n\n.spinner {\n  background-color: transparent;\n  display: none;\n  fill: var(--mds-entity-icon-color);\n}\n\n:host([await]:not([await="false"])) .spinner {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\nmds-spinner{\n\n  height: 2.25rem;\n\n  width: 2.25rem;\n}\n\n.infos{\n\n  min-width: 0rem;\n\n  gap: 0rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-pack: center;\n  justify-content: center;\n  white-space: nowrap;\n}\n\n.details{\n\n  gap: 0.25rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  color: var(--mds-entity-detail-color);\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.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}\n\n::slotted( [slot="action"] ){\n\n  aspect-ratio: 1/1;\n\n  width: 2.75rem;\n\n  height: auto;\n}\n\n::slotted( * ){\n\n  overflow: hidden;\n\n  text-overflow: ellipsis;\n\n  white-space: nowrap;\n}\n\n.title{\n\n  min-width: 0rem;\n\n  overflow: hidden;\n\n  text-overflow: ellipsis;\n\n  white-space: nowrap;\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-entity-background: rgb(var(--tone-neutral));\n    --mds-entity-color: rgb(var(--tone-neutral-01));\n    --mds-entity-detail-color: rgb(var(--tone-neutral-02));\n    --mds-entity-icon-background: rgb(var(--label-blue-08));\n    --mds-entity-icon-color: rgb(var(--label-blue-03));\n    --mds-entity-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\n      --mds-entity-background: rgb(var(--tone-neutral));\n      --mds-entity-color: rgb(var(--tone-neutral-01));\n      --mds-entity-detail-color: rgb(var(--tone-neutral-02));\n      --mds-entity-icon-background: rgb(var(--label-blue-08));\n      --mds-entity-icon-color: rgb(var(--label-blue-03));\n      --mds-entity-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-entity-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-entity-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n';export{r as mds_entity}

package/dist/magma-components/p-ac2a7c27.js

@@ -1 +0,0 @@
-const t=["start","end"],n=["top","right","bottom","left"].reduce(((n,e)=>n.concat(e,e+"-"+t[0],e+"-"+t[1])),[]),e=Math.min,o=Math.max,r=Math.round,i=Math.floor,l=t=>({x:t,y:t}),a={left:"right",right:"left",bottom:"top",top:"bottom"},c={start:"end",end:"start"};function s(t,n,r){return o(t,e(n,r))}function u(t,n){return"function"==typeof t?t(n):t}function f(t){return t.split("-")[0]}function d(t){return t.split("-")[1]}function m(t){return"x"===t?"y":"x"}function y(t){return"y"===t?"height":"width"}function p(t){return["top","bottom"].includes(f(t))?"y":"x"}function h(t){return m(p(t))}function w(t,n,e){void 0===e&&(e=!1);const o=d(t),r=h(t),i=y(r);let l="x"===r?o===(e?"end":"start")?"right":"left":"start"===o?"bottom":"top";return n.reference[i]>n.floating[i]&&(l=g(l)),[l,g(l)]}function x(t){return t.replace(/start|end/g,(t=>c[t]))}function g(t){return t.replace(/left|right|bottom|top/g,(t=>a[t]))}function v(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function b(t){const{x:n,y:e,width:o,height:r}=t;return{width:o,height:r,top:e,left:n,right:n+o,bottom:e+r,x:n,y:e}}function A(t,n,e){let{reference:o,floating:r}=t;const i=p(n),l=h(n),a=y(l),c=f(n),s="y"===i,u=o.x+o.width/2-r.width/2,m=o.y+o.height/2-r.height/2,w=o[a]/2-r[a]/2;let x;switch(c){case"top":x={x:u,y:o.y-r.height};break;case"bottom":x={x:u,y:o.y+o.height};break;case"right":x={x:o.x+o.width,y:m};break;case"left":x={x:o.x-r.width,y:m};break;default:x={x:o.x,y:o.y}}switch(d(n)){case"start":x[l]-=w*(e&&s?-1:1);break;case"end":x[l]+=w*(e&&s?-1:1)}return x}async function R(t,n){var e;void 0===n&&(n={});const{x:o,y:r,platform:i,rects:l,elements:a,strategy:c}=t,{boundary:s="clippingAncestors",rootBoundary:f="viewport",elementContext:d="floating",altBoundary:m=!1,padding:y=0}=u(n,t),p=v(y),h=a[m?"floating"===d?"reference":"floating":d],w=b(await i.getClippingRect({element:null==(e=await(null==i.isElement?void 0:i.isElement(h)))||e?h:h.contextElement||await(null==i.getDocumentElement?void 0:i.getDocumentElement(a.floating)),boundary:s,rootBoundary:f,strategy:c})),x="floating"===d?{x:o,y:r,width:l.floating.width,height:l.floating.height}:l.reference,g=await(null==i.getOffsetParent?void 0:i.getOffsetParent(a.floating)),A=await(null==i.isElement?void 0:i.isElement(g))&&await(null==i.getScale?void 0:i.getScale(g))||{x:1,y:1},R=b(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:x,offsetParent:g,strategy:c}):x);return{top:(w.top-R.top+p.top)/A.y,bottom:(R.bottom-w.bottom+p.bottom)/A.y,left:(w.left-R.left+p.left)/A.x,right:(R.right-w.right+p.right)/A.x}}const S=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(n){var e,o;const{x:r,y:i,placement:l,middlewareData:a}=n,c=await async function(t,n){const{placement:e,platform:o,elements:r}=t,i=await(null==o.isRTL?void 0:o.isRTL(r.floating)),l=f(e),a=d(e),c="y"===p(e),s=["left","top"].includes(l)?-1:1,m=i&&c?-1:1,y=u(n,t);let{mainAxis:h,crossAxis:w,alignmentAxis:x}="number"==typeof y?{mainAxis:y,crossAxis:0,alignmentAxis:null}:{mainAxis:y.mainAxis||0,crossAxis:y.crossAxis||0,alignmentAxis:y.alignmentAxis};return a&&"number"==typeof x&&(w="end"===a?-1*x:x),c?{x:w*m,y:h*s}:{x:h*s,y:w*m}}(n,t);return l===(null==(e=a.offset)?void 0:e.placement)&&null!=(o=a.arrow)&&o.alignmentOffset?{}:{x:r+c.x,y:i+c.y,data:{...c,placement:l}}}}};function k(){return"undefined"!=typeof window}function F(t){return D(t)?(t.nodeName||"").toLowerCase():"#document"}function O(t){var n;return(null==t||null==(n=t.ownerDocument)?void 0:n.defaultView)||window}function P(t){var n;return null==(n=(D(t)?t.ownerDocument:t.document)||window.document)?void 0:n.documentElement}function D(t){return!!k()&&(t instanceof Node||t instanceof O(t).Node)}function T(t){return!!k()&&(t instanceof Element||t instanceof O(t).Element)}function M(t){return!!k()&&(t instanceof HTMLElement||t instanceof O(t).HTMLElement)}function z(t){return!(!k()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof O(t).ShadowRoot)}function C(t){const{overflow:n,overflowX:e,overflowY:o,display:r}=j(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!["inline","contents"].includes(r)}function L(t){return["table","td","th"].includes(F(t))}function B(t){return[":popover-open",":modal"].some((n=>{try{return t.matches(n)}catch(t){return!1}}))}function E(t){const n=I(),e=T(t)?j(t):t;return"none"!==e.transform||"none"!==e.perspective||!!e.containerType&&"normal"!==e.containerType||!n&&!!e.backdropFilter&&"none"!==e.backdropFilter||!n&&!!e.filter&&"none"!==e.filter||["transform","perspective","filter"].some((t=>(e.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(e.contain||"").includes(t)))}function I(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function N(t){return["html","body","#document"].includes(F(t))}function j(t){return O(t).getComputedStyle(t)}function q(t){return T(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function H(t){if("html"===F(t))return t;const n=t.assignedSlot||t.parentNode||z(t)&&t.host||P(t);return z(n)?n.host:n}function $(t){const n=H(t);return N(n)?t.ownerDocument?t.ownerDocument.body:t.body:M(n)&&C(n)?n:$(n)}function V(t,n,e){var o;void 0===n&&(n=[]),void 0===e&&(e=!0);const r=$(t),i=r===(null==(o=t.ownerDocument)?void 0:o.body),l=O(r);if(i){const t=function(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}(l);return n.concat(l,l.visualViewport||[],C(r)?r:[],t&&e?V(t):[])}return n.concat(r,V(r,[],e))}function W(t){const n=j(t);let e=parseFloat(n.width)||0,o=parseFloat(n.height)||0;const i=M(t),l=i?t.offsetWidth:e,a=i?t.offsetHeight:o,c=r(e)!==l||r(o)!==a;return c&&(e=l,o=a),{width:e,height:o,$:c}}function X(t){return T(t)?t:t.contextElement}function Y(t){const n=X(t);if(!M(n))return l(1);const e=n.getBoundingClientRect(),{width:o,height:i,$:a}=W(n);let c=(a?r(e.width):e.width)/o,s=(a?r(e.height):e.height)/i;return c&&Number.isFinite(c)||(c=1),s&&Number.isFinite(s)||(s=1),{x:c,y:s}}const _=l(0);function G(t){const n=O(t);return I()&&n.visualViewport?{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}:_}function J(t,n,e,o){void 0===n&&(n=!1),void 0===e&&(e=!1);const r=t.getBoundingClientRect(),i=X(t);let a=l(1);n&&(o?T(o)&&(a=Y(o)):a=Y(t));const c=function(t,n,e){return void 0===n&&(n=!1),!(!e||n&&e!==O(t))&&n}(i,e,o)?G(i):l(0);let s=(r.left+c.x)/a.x,u=(r.top+c.y)/a.y,f=r.width/a.x,d=r.height/a.y;if(i){const t=O(i),n=o&&T(o)?O(o):o;let e=t.frameElement;for(;e&&o&&n!==t;){const t=Y(e),n=e.getBoundingClientRect(),o=j(e),r=n.left+(e.clientLeft+parseFloat(o.paddingLeft))*t.x,i=n.top+(e.clientTop+parseFloat(o.paddingTop))*t.y;s*=t.x,u*=t.y,f*=t.x,d*=t.y,s+=r,u+=i,e=O(e).frameElement}}return b({width:f,height:d,x:s,y:u})}function K(t){return J(P(t)).left+q(t).scrollLeft}function Q(t,n,e){let r;if("viewport"===n)r=function(t,n){const e=O(t),o=P(t),r=e.visualViewport;let i=o.clientWidth,l=o.clientHeight,a=0,c=0;if(r){i=r.width,l=r.height;const t=I();(!t||t&&"fixed"===n)&&(a=r.offsetLeft,c=r.offsetTop)}return{width:i,height:l,x:a,y:c}}(t,e);else if("document"===n)r=function(t){const n=P(t),e=q(t),r=t.ownerDocument.body,i=o(n.scrollWidth,n.clientWidth,r.scrollWidth,r.clientWidth),l=o(n.scrollHeight,n.clientHeight,r.scrollHeight,r.clientHeight);let a=-e.scrollLeft+K(t);const c=-e.scrollTop;return"rtl"===j(r).direction&&(a+=o(n.clientWidth,r.clientWidth)-i),{width:i,height:l,x:a,y:c}}(P(t));else if(T(n))r=function(t,n){const e=J(t,!0,"fixed"===n),o=e.top+t.clientTop,r=e.left+t.clientLeft,i=M(t)?Y(t):l(1);return{width:t.clientWidth*i.x,height:t.clientHeight*i.y,x:r*i.x,y:o*i.y}}(n,e);else{const e=G(t);r={...n,x:n.x-e.x,y:n.y-e.y}}return b(r)}function U(t,n){const e=H(t);return!(e===n||!T(e)||N(e))&&("fixed"===j(e).position||U(e,n))}function Z(t,n,e){const o=M(n),r=P(n),i="fixed"===e,a=J(t,!0,i,n);let c={scrollLeft:0,scrollTop:0};const s=l(0);if(o||!o&&!i)if(("body"!==F(n)||C(r))&&(c=q(n)),o){const t=J(n,!0,i,n);s.x=t.x+n.clientLeft,s.y=t.y+n.clientTop}else r&&(s.x=K(r));return{x:a.left+c.scrollLeft-s.x,y:a.top+c.scrollTop-s.y,width:a.width,height:a.height}}function tt(t,n){return M(t)&&"fixed"!==j(t).position?n?n(t):t.offsetParent:null}function nt(t,n){const e=O(t);if(!M(t))return e;let o=tt(t,n);for(;o&&L(o)&&"static"===j(o).position;)o=tt(o,n);return o&&("html"===F(o)||"body"===F(o)&&"static"===j(o).position&&!E(o))?e:o||function(t){let n=H(t);for(;M(n)&&!N(n);){if(E(n))return n;if(B(n))return null;n=H(n)}return null}(t)||e}const et={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:n,offsetParent:e,strategy:o}=t;const r=M(e),i=P(e);if(e===i)return n;let a={scrollLeft:0,scrollTop:0},c=l(1);const s=l(0);if((r||!r&&"fixed"!==o)&&(("body"!==F(e)||C(i))&&(a=q(e)),M(e))){const t=J(e);c=Y(e),s.x=t.x+e.clientLeft,s.y=t.y+e.clientTop}return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-a.scrollLeft*c.x+s.x,y:n.y*c.y-a.scrollTop*c.y+s.y}},getDocumentElement:P,getClippingRect:function(t){let{element:n,boundary:r,rootBoundary:i,strategy:l}=t;const a=[..."clippingAncestors"===r?function(t,n){const e=n.get(t);if(e)return e;let o=V(t,[],!1).filter((t=>T(t)&&"body"!==F(t))),r=null;const i="fixed"===j(t).position;let l=i?H(t):t;for(;T(l)&&!N(l);){const n=j(l),e=E(l);e||"fixed"!==n.position||(r=null),(i?!e&&!r:!e&&"static"===n.position&&r&&["absolute","fixed"].includes(r.position)||C(l)&&!e&&U(t,l))?o=o.filter((t=>t!==l)):r=n,l=H(l)}return n.set(t,o),o}(n,this._c):[].concat(r),i],c=a.reduce(((t,r)=>{const i=Q(n,r,l);return t.top=o(i.top,t.top),t.right=e(i.right,t.right),t.bottom=e(i.bottom,t.bottom),t.left=o(i.left,t.left),t}),Q(n,a[0],l));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}},getOffsetParent:nt,getElementRects:async function(t){let{reference:n,floating:e,strategy:o}=t;const r=this.getOffsetParent||nt,i=this.getDimensions;return{reference:Z(n,await r(e),o),floating:{x:0,y:0,...await i(e)}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:n,height:e}=W(t);return{width:n,height:e}},getScale:Y,isElement:T,isRTL:function(t){return"rtl"===j(t).direction}};function ot(t,n,r,l){void 0===l&&(l={});const{ancestorScroll:a=!0,ancestorResize:c=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:u="function"==typeof IntersectionObserver,animationFrame:f=!1}=l,d=X(t),m=a||c?[...d?V(d):[],...V(n)]:[];m.forEach((t=>{a&&t.addEventListener("scroll",r,{passive:!0}),c&&t.addEventListener("resize",r)}));const y=d&&u?function(t,n){let r,l=null;const a=P(t);function c(){clearTimeout(r),l&&l.disconnect(),l=null}return function s(u,f){void 0===u&&(u=!1),void 0===f&&(f=1),c();const{left:d,top:m,width:y,height:p}=t.getBoundingClientRect();if(u||n(),!y||!p)return;const h={rootMargin:-i(m)+"px "+-i(a.clientWidth-(d+y))+"px "+-i(a.clientHeight-(m+p))+"px "+-i(d)+"px",threshold:o(0,e(1,f))||1};let w=!0;function x(t){const n=t[0].intersectionRatio;if(n!==f){if(!w)return s();n?s(!1,n):r=setTimeout((()=>{s(!1,1e-7)}),100)}w=!1}try{l=new IntersectionObserver(x,{...h,root:a.ownerDocument})}catch(t){l=new IntersectionObserver(x,h)}l.observe(t)}(!0),c}(d,r):null;let p,h=-1,w=null;s&&(w=new ResizeObserver((t=>{let[e]=t;e&&e.target===d&&w&&(w.unobserve(n),cancelAnimationFrame(h),h=requestAnimationFrame((()=>{w&&w.observe(n)}))),r()})),d&&!f&&w.observe(d),w.observe(n));let x=f?J(t):null;return f&&function n(){const e=J(t);!x||e.x===x.x&&e.y===x.y&&e.width===x.width&&e.height===x.height||r(),x=e,p=requestAnimationFrame(n)}(),r(),()=>{m.forEach((t=>{a&&t.removeEventListener("scroll",r),c&&t.removeEventListener("resize",r)})),y&&y(),w&&w.disconnect(),w=null,f&&cancelAnimationFrame(p)}}const rt=function(t){return void 0===t&&(t={}),{name:"autoPlacement",options:t,async fn(e){var o,r,i;const{rects:l,middlewareData:a,placement:c,platform:s,elements:m}=e,{crossAxis:y=!1,alignment:p,allowedPlacements:h=n,autoAlignment:g=!0,...v}=u(t,e),b=void 0!==p||h===n?function(t,n,e){return(t?[...e.filter((n=>d(n)===t)),...e.filter((n=>d(n)!==t))]:e.filter((t=>f(t)===t))).filter((e=>!t||d(e)===t||!!n&&x(e)!==e))}(p||null,g,h):h,A=await R(e,v),S=(null==(o=a.autoPlacement)?void 0:o.index)||0,k=b[S];if(null==k)return{};const F=w(k,l,await(null==s.isRTL?void 0:s.isRTL(m.floating)));if(c!==k)return{reset:{placement:b[0]}};const O=[A[f(k)],A[F[0]],A[F[1]]],P=[...(null==(r=a.autoPlacement)?void 0:r.overflows)||[],{placement:k,overflows:O}],D=b[S+1];if(D)return{data:{index:S+1,overflows:P},reset:{placement:D}};const T=P.map((t=>{const n=d(t.placement);return[t.placement,n&&y?t.overflows.slice(0,2).reduce(((t,n)=>t+n),0):t.overflows[0],t.overflows]})).sort(((t,n)=>t[1]-n[1])),M=(null==(i=T.filter((t=>t[2].slice(0,d(t[0])?2:3).every((t=>t<=0))))[0])?void 0:i[0])||T[0][0];return M!==c?{data:{index:S+1,overflows:P},reset:{placement:M}}:{}}}},it=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:r}=n,{mainAxis:i=!0,crossAxis:l=!1,limiter:a={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...c}=u(t,n),d={x:e,y:o},y=await R(n,c),h=p(f(r)),w=m(h);let x=d[w],g=d[h];i&&(x=s(x+y["y"===w?"top":"left"],x,x-y["y"===w?"bottom":"right"])),l&&(g=s(g+y["y"===h?"top":"left"],g,g-y["y"===h?"bottom":"right"]));const v=a.fn({...n,[w]:x,[h]:g});return{...v,data:{x:v.x-e,y:v.y-o,enabled:{[w]:i,[h]:l}}}}}},lt=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(n){var e,o;const{placement:r,middlewareData:i,rects:l,initialPlacement:a,platform:c,elements:s}=n,{mainAxis:m=!0,crossAxis:y=!0,fallbackPlacements:h,fallbackStrategy:v="bestFit",fallbackAxisSideDirection:b="none",flipAlignment:A=!0,...S}=u(t,n);if(null!=(e=i.arrow)&&e.alignmentOffset)return{};const k=f(r),F=p(a),O=f(a)===a,P=await(null==c.isRTL?void 0:c.isRTL(s.floating)),D=h||(O||!A?[g(a)]:function(t){const n=g(t);return[x(t),n,x(n)]}(a)),T="none"!==b;!h&&T&&D.push(...function(t,n,e,o){const r=d(t);let i=function(t,n,e){const o=["left","right"],r=["right","left"],i=["top","bottom"],l=["bottom","top"];switch(t){case"top":case"bottom":return e?n?r:o:n?o:r;case"left":case"right":return n?i:l;default:return[]}}(f(t),"start"===e,o);return r&&(i=i.map((t=>t+"-"+r)),n&&(i=i.concat(i.map(x)))),i}(a,A,b,P));const M=[a,...D],z=await R(n,S),C=[];let L=(null==(o=i.flip)?void 0:o.overflows)||[];if(m&&C.push(z[k]),y){const t=w(r,l,P);C.push(z[t[0]],z[t[1]])}if(L=[...L,{placement:r,overflows:C}],!C.every((t=>t<=0))){var B,E;const t=((null==(B=i.flip)?void 0:B.index)||0)+1,n=M[t];if(n)return{data:{index:t,overflows:L},reset:{placement:n}};let e=null==(E=L.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])?void 0:E.placement;if(!e)switch(v){case"bestFit":{var I;const t=null==(I=L.filter((t=>{if(T){const n=p(t.placement);return n===F||"y"===n}return!0})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])?void 0:I[0];t&&(e=t);break}case"initialPlacement":e=a}if(r!==e)return{reset:{placement:e}}}return{}}}},at=t=>({name:"arrow",options:t,async fn(n){const{x:o,y:r,placement:i,rects:l,platform:a,elements:c,middlewareData:f}=n,{element:m,padding:p=0}=u(t,n)||{};if(null==m)return{};const w=v(p),x={x:o,y:r},g=h(i),b=y(g),A=await a.getDimensions(m),R="y"===g,S=R?"top":"left",k=R?"bottom":"right",F=R?"clientHeight":"clientWidth",O=l.reference[b]+l.reference[g]-x[g]-l.floating[b],P=x[g]-l.reference[g],D=await(null==a.getOffsetParent?void 0:a.getOffsetParent(m));let T=D?D[F]:0;T&&await(null==a.isElement?void 0:a.isElement(D))||(T=c.floating[F]||l.floating[b]);const M=O/2-P/2,z=T/2-A[b]/2-1,C=e(w[S],z),L=e(w[k],z),B=C,E=T-A[b]-L,I=T/2-A[b]/2+M,N=s(B,I,E),j=!f.arrow&&null!=d(i)&&I!==N&&l.reference[b]/2-(I<B?C:L)-A[b]/2<0,q=j?I<B?I-B:I-E:0;return{[g]:x[g]+q,data:{[g]:N,centerOffset:I-N-q,...j&&{alignmentOffset:q}},reset:j}}}),ct=(t,n,e)=>{const o=new Map,r={platform:et,...e},i={...r.platform,_c:o};return(async(t,n,e)=>{const{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:l}=e,a=i.filter(Boolean),c=await(null==l.isRTL?void 0:l.isRTL(n));let s=await l.getElementRects({reference:t,floating:n,strategy:r}),{x:u,y:f}=A(s,o,c),d=o,m={},y=0;for(let e=0;e<a.length;e++){const{name:i,fn:p}=a[e],{x:h,y:w,data:x,reset:g}=await p({x:u,y:f,initialPlacement:o,placement:d,strategy:r,middlewareData:m,rects:s,platform:l,elements:{reference:t,floating:n}});u=null!=h?h:u,f=null!=w?w:f,m={...m,[i]:{...m[i],...x}},g&&y<=50&&(y++,"object"==typeof g&&(g.placement&&(d=g.placement),g.rects&&(s=!0===g.rects?await l.getElementRects({reference:t,floating:n,strategy:r}):g.rects),({x:u,y:f}=A(s,d,c))),e=-1)}return{x:u,y:f,placement:d,strategy:r,middlewareData:m}})(t,n,{...r,platform:i})};export{ot as a,rt as b,ct as c,at as d,lt as f,S as o,it as s}

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

@@ -1 +0,0 @@
-import{r as t,h as n,H as i,g as e}from"./p-b6defcb6.js";import{m as s}from"./p-a5de65c5.js";import{m as r}from"./p-39f06295.js";import{c as a}from"./p-8a1a6e56.js";var o;!function(t){t.ASC="asc",t.DESC="desc",t.NONE="none"}(o||(o={}));const l=class{constructor(n){t(this,n),this.currentDirection=o.NONE,this.index=0,this.prepareSorter=()=>{var t,n;!this.sortable||this.sortable&&(null===(t=this.tableHeaderCellSiblings)||void 0===t?void 0:t.length)||(this.tableBody=null===(n=this.element.closest("mds-table"))||void 0===n?void 0:n.querySelector("mds-table-body"),this.tableHeader=this.element.closest("mds-table-header"),this.tableHeaderCellSiblings=Array.from(this.tableHeader.children),this.index=this.tableHeaderCellSiblings.indexOf(this.element),this.tableRows=Array.from(this.tableBody.children),this.tableRowsDefaultSorted=Array.from(this.tableBody.children))},this.getValue=t=>t.value?t.value:t.textContent?t.textContent.trim():"",this.resetSortAttribute=()=>{this.tableHeaderCellSiblings.forEach((t=>{this.tableHeaderCellSiblings.indexOf(t)!==this.index&&(t.direction="none")})),this.tableRows.forEach((t=>{Array.from(t.children).forEach(((t,n)=>{this.index!==n||this.currentDirection===o.NONE?t.removeAttribute("sorted"):t.setAttribute("sorted","")}))}))},this.sortRows=()=>{this.currentDirection!==o.NONE?[...this.tableRows].sort(((t,n)=>{const i=this.getValue(t.querySelectorAll("mds-table-cell")[this.index]),e=this.getValue(n.querySelectorAll("mds-table-cell")[this.index]);return isNaN(Number(i))||isNaN(Number(e))?"asc"===this.direction?String(i).localeCompare(String(e)):String(e).localeCompare(String(i)):"asc"===this.direction?Number(i)-Number(e):Number(e)-Number(i)})).forEach((t=>this.tableBody.appendChild(t))):this.tableRowsDefaultSorted.forEach((t=>this.tableBody.appendChild(t)))},this.updateDirection=()=>{this.currentDirection=Object.values(o)[(Object.values(o).indexOf(this.currentDirection)+1)%Object.values(o).length],this.direction=this.currentDirection.toString()},this.sort=()=>{this.updateDirection(),this.sortRows(),this.resetSortAttribute(),this.tableRows.forEach(this.currentDirection===o.NONE?t=>{t.removeAttribute("sorted")}:t=>{t.setAttribute("sorted","")})},this.isAscending=!0,this.sortable=void 0,this.label=void 0,this.direction="none"}componentDidLoad(){this.prepareSorter()}sortableHandler(){this.prepareSorter()}directionHandler(t){"none"===t&&(this.direction="none",this.currentDirection=o.NONE)}render(){return n(i,{key:"d74e353b01b4a9bda45eef16a4edec0c49a0c62f"},this.sortable?n("mds-button",{class:"action",icon:a("none"===this.direction&&'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 5.83L15.17 9l1.41-1.41L12 3L7.41 7.59L8.83 9L12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15L12 18.17z"/></svg>',"asc"===this.direction&&s,"desc"===this.direction&&r),"icon-position":"right",onClick:this.sort,tone:"quiet",variant:"dark",size:"sm",part:"action"},this.label):n("mds-text",{class:"label",typography:"label",part:"label"},this.label))}get element(){return e(this)}static get watchers(){return{sortable:["sortableHandler"],direction:["directionHandler"]}}};l.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\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\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-table-header-cell-padding: The padding of the table cell\n */\n\n:host {\n\n  --mds-table-header-cell-padding: 0.5rem;\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  background-color: var(--mds-table-cell-background);\n  border-bottom: var(--mds-table-cell-border-width) solid var(--mds-table-cell-border-color) !important;\n  border-top: var(--mds-table-cell-border-width) solid transparent !important;\n  display: table-cell;\n  padding: var(--mds-table-header-cell-padding);\n  -webkit-transition-property: background-color, border-color, color;\n  transition-property: background-color, border-color, color;\n  vertical-align: top;\n}\n\n.action {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.action::part(label) {\n  min-height: 1rem;\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  font-weight: 700;\n  text-transform: uppercase;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n\n.label {\n  height: 1.75rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\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";export{l as mds_table_header_cell}

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

@@ -1 +0,0 @@
-import{r as n,h as a,H as r,g as o}from"./p-b6defcb6.js";import{c as t}from"./p-8a1a6e56.js";import{s}from"./p-b975c42a.js";const e={info:{alias:"Info",icon:"mi/baseline/info"},do:{alias:"Do",icon:"mi/baseline/check-circle"},dont:{alias:"Don’t",icon:"mi/baseline/error"},warn:{alias:"Warning",icon:"mi/baseline/warning-amber"}},i=class{constructor(a){n(this,a),this.variant="info",this.alias=void 0}componentDidLoad(){this.addAriaAttributes()}addAriaAttributes(){var n;const{alias:a}=e[this.variant];s(this.host,"aria-label",null!==(n=this.alias)&&void 0!==n?n:a)}render(){var n;const{alias:o,icon:s}=e[this.variant];return a(r,{key:"77385a59fb26b48dfd92f3ecaa89625bec240383"},a("header",{key:"15a5ba657fb4636b8720319ff3a1f80b99906239",class:t("header"),"aria-hidden":"true"},a("div",{key:"f2ee0942510ddd3843c3f0d13f34b5929e8d5f2c",class:"badge"},a("mds-icon",{key:"528e72a5fe8fd734994b62e0cc6aa4fb41bb73fe",class:"icon",name:s}),a("mds-text",{key:"6f846b3ae897ba93829a61e121c4636ea3345e75",typography:"h6"},null!==(n=this.alias)&&void 0!==n?n:o))),a("slot",{key:"893da28f41bc3bd444be31f7f5372a7433a37144"}))}get host(){return o(this)}};i.style='@tailwind utilities;\n\n/**\n * @prop --mds-usage-background: Sets the background-color of the component\n * @prop --mds-usage-border-width: Sets the colored border-size of the component\n */\n\n:host {\n\n  --mds-usage-background: rgb(var(--status-info-10));\n  --mds-usage-badge-background: rgb(var(--status-info-06));\n  --mds-usage-badge-color: rgb(var(--status-info-10));\n  --mds-usage-color: rgb(var(--tone-neutral-03));\n  gap: 1rem;\n  border-radius: 0.75rem;\n  padding: 1.5rem;\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-usage-background);\n  color: var(--mds-usage-color);\n  display: grid;\n  grid-auto-rows: -webkit-min-content;\n  grid-auto-rows: min-content;\n  grid-template-columns: minmax(0, 100%);\n  position: relative;\n  -webkit-transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, box-shadow, color;\n  transition-property: background-color, box-shadow, color, -webkit-box-shadow;\n}\n\n.header{\n\n  padding-left: 1.5rem;\n\n  padding-right: 1.5rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  color: var(--mds-usage-badge-color);\n  display: -ms-flexbox;\n  display: flex;\n  height: 0;\n  inset: 0 0 auto;\n  -ms-flex-pack: center;\n  justify-content: center;\n  position: absolute;\n}\n\n.icon {\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n}\n\n.badge{\n\n  gap: 0.5rem;\n\n  border-radius: 9999px;\n\n  padding-left: 1rem;\n\n  padding-right: 1rem;\n\n  padding-top: 0.25rem;\n\n  padding-bottom: 0.25rem;\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  background-color: var(--mds-usage-badge-background);\n  display: -ms-flexbox;\n  display: flex;\n  fill: var(--mds-usage-badge-color);\n  -webkit-transition-property: background-color, color, fill;\n  transition-property: background-color, color, fill;\n}\n\n:host([variant="do"]) {\n\n  --mds-usage-background: rgb(var(--status-success-10));\n  --mds-usage-badge-background: rgb(var(--status-success-06));\n  --mds-usage-badge-color: rgb(var(--status-success-10));\n  --mds-usage-color: rgb(var(--status-success-02));\n}\n\n:host([variant="dont"]) {\n\n  --mds-usage-background: rgb(var(--status-error-10));\n  --mds-usage-badge-background: rgb(var(--status-error-06));\n  --mds-usage-badge-color: rgb(var(--status-error-10));\n  --mds-usage-color: rgb(var(--status-error-02));\n}\n\n:host([variant="warn"]) {\n\n  --mds-usage-background: rgb(var(--status-warning-10));\n  --mds-usage-badge-background: rgb(var(--status-warning-08));\n  --mds-usage-badge-color: rgb(var(--status-warning-01));\n  --mds-usage-color: rgb(var(--status-warning-02));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .badge {\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    .badge {\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-usage-badge-background: rgb(var(--status-info-05));\n\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n  }\n\n  :host([variant="do"]) {\n\n    --mds-usage-badge-background: rgb(var(--status-success-05));\n  }\n  \n  :host([variant="dont"]) {\n  \n    --mds-usage-badge-background: rgb(var(--status-error-05));\n  }\n  \n  :host([variant="warn"]) {\n  \n    --mds-usage-badge-background: rgb(var(--status-warning-05));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-usage-badge-background: rgb(var(--status-info-05));\n  \n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n  \n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  \n    :host([variant="do"]) {\n  \n      --mds-usage-badge-background: rgb(var(--status-success-05));\n    }\n    \n    :host([variant="dont"]) {\n    \n      --mds-usage-badge-background: rgb(var(--status-error-05));\n    }\n    \n    :host([variant="warn"]) {\n    \n      --mds-usage-badge-background: rgb(var(--status-warning-05));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host,\n  :host([variant="do"]),\n  :host([variant="dont"]),\n  :host([variant="warn"]) {\n\n    --mds-usage-badge-color: rgb(var(--tone-neutral-01));\n    --mds-usage-color: rgb(var(--tone-neutral-01));\n\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n\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    :host([variant="do"]),\n    :host([variant="dont"]),\n    :host([variant="warn"]) {\n\n      --mds-usage-badge-color: rgb(var(--tone-neutral-01));\n      --mds-usage-color: rgb(var(--tone-neutral-01));\n\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n';export{i as mds_usage}

package/dist/magma-components/p-b3afbdcd.system.js

@@ -1 +0,0 @@
-System.register([],(function(e){"use strict";return{execute:function(){e({c:i,g:o});var n=e("a",typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:typeof global!=="undefined"?global:typeof self!=="undefined"?self:{});function o(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e["default"]:e}function i(e){throw new Error('Could not dynamically require "'+e+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}}}}));

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

@@ -1 +0,0 @@
-import{r as n,h as a,H as r,g as t}from"./p-b6defcb6.js";import{c as o}from"./p-8a1a6e56.js";import{a as i}from"./p-45840cb9.js";var e={exports:{}};e.exports=function(n){if(n){var a=function(n){return[].slice.call(n)},r=3,t=[],o=null,i="requestAnimationFrame"in n?function(){var a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{sync:!1};n.cancelAnimationFrame(o);var r=function(){return s(t.filter((function(n){return n.dirty&&n.active})))};if(a.sync)return r();o=n.requestAnimationFrame(r)}:function(){},e=function(n){return function(a){t.forEach((function(a){return a.dirty=n})),i(a)}},s=function(n){n.filter((function(n){return!n.styleComputed})).forEach((function(n){n.styleComputed=v(n)})),n.filter(b).forEach(g);var a=n.filter(d);a.forEach(c),a.forEach((function(n){g(n),l(n)})),a.forEach(u)},l=function(n){return n.dirty=0},c=function(n){n.availableWidth=n.element.parentNode.clientWidth,n.currentWidth=n.element.scrollWidth,n.previousFontSize=n.currentFontSize,n.currentFontSize=Math.min(Math.max(n.minSize,n.availableWidth/n.currentWidth*n.previousFontSize),n.maxSize),n.whiteSpace=n.multiLine&&n.currentFontSize===n.minSize?"normal":"nowrap"},d=function(n){return 2!==n.dirty||2===n.dirty&&n.element.parentNode.clientWidth!==n.availableWidth},v=function(a){var r=n.getComputedStyle(a.element,null);return a.currentFontSize=parseFloat(r.getPropertyValue("font-size")),a.display=r.getPropertyValue("display"),a.whiteSpace=r.getPropertyValue("white-space"),!0},b=function(n){var a=!1;return!n.preStyleTestCompleted&&(/inline-/.test(n.display)||(a=!0,n.display="inline-block"),"nowrap"!==n.whiteSpace&&(a=!0,n.whiteSpace="nowrap"),n.preStyleTestCompleted=!0,a)},g=function(n){n.element.style.whiteSpace=n.whiteSpace,n.element.style.display=n.display,n.element.style.fontSize=n.currentFontSize+"px"},u=function(n){n.element.dispatchEvent(new CustomEvent("fit",{detail:{oldValue:n.previousFontSize,newValue:n.currentFontSize,scaleFactor:n.currentFontSize/n.previousFontSize}}))},h=function(n,a){return function(r){n.dirty=a,n.active&&i(r)}},m=function(n){return function(){t=t.filter((function(a){return a.element!==n.element})),n.observeMutations&&n.observer.disconnect(),n.element.style.whiteSpace=n.originalStyle.whiteSpace,n.element.style.display=n.originalStyle.display,n.element.style.fontSize=n.originalStyle.fontSize}},f=function(n){return function(){n.active||(n.active=!0,i())}},p=function(n){return function(){return n.active=!1}},k=function(n){n.observeMutations&&(n.observer=new MutationObserver(h(n,1)),n.observer.observe(n.element,n.observeMutations))},w={minSize:16,maxSize:512,multiLine:!0,observeMutations:"MutationObserver"in n&&{subtree:!0,childList:!0,characterData:!0}},y=null,x=function(){n.clearTimeout(y),y=n.setTimeout(e(2),q.observeWindowDelay)},z=["resize","orientationchange"];return Object.defineProperty(q,"observeWindow",{set:function(a){var r="".concat(a?"add":"remove","EventListener");z.forEach((function(a){n[r](a,x)}))}}),q.observeWindow=!0,q.observeWindowDelay=100,q.fitAll=e(r),q}function M(n,a){var o=Object.assign({},w,a),e=n.map((function(n){var a=Object.assign({},o,{element:n,active:!0});return function(n){n.originalStyle={whiteSpace:n.element.style.whiteSpace,display:n.element.style.display,fontSize:n.element.style.fontSize},k(n),n.newbie=!0,n.dirty=!0,t.push(n)}(a),{element:n,fit:h(a,r),unfreeze:f(a),freeze:p(a),unsubscribe:m(a)}}));return i(),e}function q(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return"string"==typeof n?M(a(document.querySelectorAll(n)),r):M([n],r)[0]}}("undefined"==typeof window?null:window);const s=e.exports,l=["bg-brand-maggioli-05","bg-label-amaranth-05","bg-label-aqua-05","bg-label-blue-05","bg-label-green-05","bg-label-lime-05","bg-label-orange-05","bg-label-orchid-05","bg-label-sky-05","bg-label-yellow-05","bg-label-violet-05","bg-status-error-05","bg-status-info-05","bg-status-success-05","bg-status-warning-05"],c=class{constructor(a){n(this,a),this.backgroundColor="",this.fittyInitialized=!1,this.initialsChanged=!1,this.addFontResize=()=>{var n;if(this.fittyInitialized)return;const a=null===(n=this.element.shadowRoot)||void 0===n?void 0:n.querySelector(".fit");this.fittyElements=s(a,{minSize:10}),this.observer=new ResizeObserver((n=>{n.forEach((()=>{this.fittyElements.fit()}))})),this.observer.observe(this.element),this.fittyInitialized=!0},this.removeFontResize=()=>{this.fittyInitialized&&(this.fittyInitialized=!1,this.observer.unobserve(this.element))},this.checkInitials=n=>{if(""===n||void 0===n)this.fittyInitialized&&this.removeFontResize();else{if(this.fittyInitialized)return;this.fittyInitialized||this.addFontResize()}},this.checkInitialsBackground=()=>{if(this.initials){let n=this.initials.toLowerCase().replace(/[^a-zA-Z0-9]+/g,"").substring(0,2);1===n.length&&(n+=n),this.backgroundColor=l[(n.substring(0,1).charCodeAt(0)+n.substring(1,2).charCodeAt(0))%l.length]}},this.fallback=!1,this.loaded=!0,this.icon=void 0,this.initials=void 0,this.src=void 0,this.tone=void 0,this.variant=void 0}componentWillLoad(){this.checkInitialsBackground()}componentDidLoad(){void 0!==this.src&&(this.loaded=!1),this.checkInitials(this.initials)}componentDidRender(){this.initialsChanged&&(this.checkInitials(this.initials),this.initialsChanged=!1)}initialsHandler(){this.initialsChanged=!0,this.checkInitialsBackground()}srcHandler(n){void 0===n&&(this.loaded=!0)}iconHandler(n){void 0!==n&&(this.loaded=!0)}render(){return a(r,{key:"50b7b8ea98b921a9a59d127f8d56004c68dfd6bb"},a("div",{key:"e57818ab159c7307646cdf33da12732e090d6f3d",class:o("avatar",this.initials&&!this.fallback&&!this.src&&"avatar--initials",(this.fallback||!this.icon&&!this.initials&&!this.src)&&"avatar--fallback",this.icon&&"avatar--icon",this.loaded?"avatar--loaded":"avatar--pending",this.initials?this.backgroundColor:""),part:"wrapper"},this.initials&&!this.fallback&&!this.src&&a("div",{key:"23af919044a1e75f47ca69f17f82b42d7a505343",class:"initials-text"},a("span",{key:"4ffe43eae4bab731f4c4d200bacd702a2483e508",class:"fit"},this.initials.substring(0,2))),this.src&&!this.fallback&&!this.icon&&a("mds-img",{key:"62309217062233c1c1a79bf85029b8c6c37d8ef7",class:"image",loading:"lazy",onMdsImgLoadError:()=>{this.loaded=!0,this.fallback=!0},onMdsImgLoadSuccess:()=>{this.loaded=!0},src:this.src}),this.icon&&!this.initials&&a("mds-icon",{key:"c490d8bf8b74fbd1c52287b8845a8e5e7d972a59",class:"icon",part:"icon",name:this.icon}),(this.fallback||!this.icon&&!this.initials&&!this.src)&&a("i",{key:"cb02a2c14ee20dbb5625a244df5e8acf49916f03",class:"fallback-icon",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>'})))}get element(){return t(this)}static get watchers(){return{initials:["initialsHandler"],src:["srcHandler"],icon:["iconHandler"]}}};c.style='@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-avatar-background-color-pending: The background-color when an image is loading\n * @prop --mds-avatar-background-color: The background-color of the component\n * @prop --mds-avatar-color: The color of the placeholder icon\n * @prop --mds-avatar-radius: The border-radius of the element\n */\n\n:host {\n\n  --mds-avatar-background-color-pending: rgb(var(--tone-neutral-08));\n  --mds-avatar-background-color: rgb(var(--brand-maggioli-05));\n  --mds-avatar-color: rgb(var(--brand-maggioli-10));\n  --mds-avatar-radius: 9999px;\n  --mds-avatar-initials-padding: 20%;\n\n  aspect-ratio: 1/1;\n  border-radius: var(--mds-avatar-radius);\n  container-name: mds-avatar;\n  container-type: inline-size;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  overflow: hidden;\n  width: 3rem;\n}\n\n.avatar{\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  aspect-ratio: 1/1;\n  border-radius: var(--mds-avatar-radius);\n  color: transparent;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  overflow: hidden;\n  -webkit-transition-property: color, background-color, fill, -webkit-box-shadow;\n  transition-property: color, background-color, fill, -webkit-box-shadow;\n  transition-property: color, background-color, box-shadow, fill;\n  transition-property: color, background-color, box-shadow, fill, -webkit-box-shadow;\n  width: 100%;\n}\n\n.avatar--pending {\n  background-color: var(--mds-avatar-background-color-pending);\n}\n\n.avatar--loaded {\n  -webkit-animation: none;\n  animation: none;\n}\n\n.avatar--icon,\n.avatar--fallback,\n.avatar--initials {\n  background-color: var(--mds-avatar-background-color);\n  -webkit-box-shadow: none;\n  box-shadow: none;\n}\n\n.avatar--fallback,\n.avatar--initials {\n  -ms-flex-align: stretch;\n  align-items: stretch;\n  display: -ms-flexbox;\n  display: flex;\n  justify-items: stretch;\n}\n\n.avatar--icon,\n.avatar--fallback {\n  padding: 20%;\n}\n\n.avatar--initials {\n  padding: 30% var(--mds-avatar-initials-padding) 25%;\n}\n\n.image {\n  aspect-ratio: 1/1;\n  border-radius: var(--mds-avatar-radius);\n}\n\n.fallback-icon{\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n.fallback-icon svg{\n\n  aspect-ratio: 1/1;\n\n  height: 100%;\n\n  width: 100%;\n}\n\n.fallback-icon {\n\n  aspect-ratio: 1/1;\n  fill: var(--mds-avatar-color);\n  width: 100%;\n}\n\n\n.initials-text{\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-weight: 700;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  color: var(--mds-avatar-color);\n  display: -ms-flexbox;\n  display: flex;\n  height: 100%;\n  -ms-flex-pack: center;\n  justify-content: center;\n  text-transform: uppercase;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n  width: 100%;\n}\n\n:host([initials]) .initials-text {\n\n  --mds-avatar-color: rgb(var(--tone-neutral));\n}\n\n.fit {\n  display: inline-block;\n  white-space: nowrap !important;\n}\n\n.icon{\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\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  fill: var(--mds-avatar-color);\n  height: 100%;\n  -webkit-transition-property: fill;\n  transition-property: fill;\n  width: 100%;\n}\n\n@tailwind utilities;\n\n:host( [variant="primary"] ),\n:host( [variant="primary"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--brand-maggioli-05));\n  --mds-avatar-color: rgb(var(--brand-maggioli-10));\n}\n\n:host( [variant="primary"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--brand-maggioli-09));\n  --mds-avatar-color: rgb(var(--brand-maggioli-05));\n}\n\n:host( [variant="orange"] ),\n:host( [variant="orange"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-orange-05));\n  --mds-avatar-color: rgb(var(--label-orange-10));\n}\n\n:host( [variant="orange"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-orange-09));\n  --mds-avatar-color: rgb(var(--label-orange-05));\n}\n\n:host( [variant="amaranth"] ),\n:host( [variant="amaranth"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-amaranth-05));\n  --mds-avatar-color: rgb(var(--label-amaranth-10));\n}\n\n:host( [variant="amaranth"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-amaranth-09));\n  --mds-avatar-color: rgb(var(--label-amaranth-05));\n}\n\n:host( [variant="orchid"] ),\n:host( [variant="orchid"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-orchid-05));\n  --mds-avatar-color: rgb(var(--label-orchid-10));\n}\n\n:host( [variant="orchid"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-orchid-09));\n  --mds-avatar-color: rgb(var(--label-orchid-05));\n}\n\n:host( [variant="violet"] ),\n:host( [variant="violet"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-violet-05));\n  --mds-avatar-color: rgb(var(--label-violet-10));\n}\n\n:host( [variant="violet"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-violet-09));\n  --mds-avatar-color: rgb(var(--label-violet-05));\n}\n\n:host( [variant="blue"] ),\n:host( [variant="blue"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-blue-05));\n  --mds-avatar-color: rgb(var(--label-blue-10));\n}\n\n:host( [variant="blue"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-blue-09));\n  --mds-avatar-color: rgb(var(--label-blue-05));\n}\n\n:host( [variant="sky"] ),\n:host( [variant="sky"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-sky-05));\n  --mds-avatar-color: rgb(var(--label-sky-10));\n}\n\n:host( [variant="sky"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-sky-09));\n  --mds-avatar-color: rgb(var(--label-sky-05));\n}\n\n:host( [variant="aqua"] ),\n:host( [variant="aqua"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-aqua-05));\n  --mds-avatar-color: rgb(var(--label-aqua-10));\n}\n\n:host( [variant="aqua"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-aqua-09));\n  --mds-avatar-color: rgb(var(--label-aqua-05));\n}\n\n:host( [variant="green"] ),\n:host( [variant="green"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-green-05));\n  --mds-avatar-color: rgb(var(--label-green-10));\n}\n\n:host( [variant="green"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-green-09));\n  --mds-avatar-color: rgb(var(--label-green-05));\n}\n\n:host( [variant="lime"] ),\n:host( [variant="lime"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-lime-05));\n  --mds-avatar-color: rgb(var(--label-lime-10));\n}\n\n:host( [variant="lime"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-lime-09));\n  --mds-avatar-color: rgb(var(--label-lime-05));\n}\n\n:host( [variant="yellow"] ),\n:host( [variant="yellow"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-yellow-05));\n  --mds-avatar-color: rgb(var(--label-yellow-10));\n}\n\n:host( [variant="yellow"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--label-yellow-09));\n  --mds-avatar-color: rgb(var(--label-yellow-05));\n}\n\n:host( [variant="error"] ),\n:host( [variant="error"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--status-error-05));\n  --mds-avatar-color: rgb(var(--status-error-10));\n}\n\n:host( [variant="error"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--status-error-09));\n  --mds-avatar-color: rgb(var(--status-error-05));\n}\n\n:host( [variant="warning"] ),\n:host( [variant="warning"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--status-warning-05));\n  --mds-avatar-color: rgb(var(--status-warning-10));\n}\n\n:host( [variant="warning"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--status-warning-09));\n  --mds-avatar-color: rgb(var(--status-warning-05));\n}\n\n:host( [variant="info"] ),\n:host( [variant="info"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--status-info-05));\n  --mds-avatar-color: rgb(var(--status-info-10));\n}\n\n:host( [variant="info"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--status-info-09));\n  --mds-avatar-color: rgb(var(--status-info-05));\n}\n\n:host( [variant="success"] ),\n:host( [variant="success"][tone="strong"] ) {\n\n  --mds-avatar-background-color: rgb(var(--status-success-05));\n  --mds-avatar-color: rgb(var(--status-success-10));\n}\n\n:host( [variant="success"][tone="weak"] ) {\n\n  --mds-avatar-background-color: rgb(var(--status-success-09));\n  --mds-avatar-color: rgb(var(--status-success-05));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  .avatar,\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    .avatar,\n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  .avatar--icon,\n  .avatar--fallback,\n  .avatar--initials {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    .avatar--icon,\n    .avatar--fallback,\n    .avatar--initials {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    }\n  }\n}\n\n\n\n@container (max-width: 24px) {\n  .avatar--initials {\n    padding: 0 var(--mds-avatar-initials-padding);\n  }\n\n  .initials-text{\n\n    font-weight: 900;\n  }\n}\n';export{c as mds_avatar}

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

@@ -1 +0,0 @@
-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 s(n){try{u(e.next(n))}catch(n){r(n)}}function a(n){try{u(e["throw"](n))}catch(n){r(n)}}function u(n){n.done?i(n.value):o(n.value).then(s,a)}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,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(n){return function(t){return u([n,t])}}function u(a){if(e)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(i=0)),i)try{if(e=1,o&&(r=a[0]&2?o["return"]:a[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,a[1])).done)return r;if(o=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;o=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){i.label=a[1];break}if(a[0]===6&&i.label<r[1]){i.label=r[1];r=a;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(a);break}if(r[2])i.ops.pop();i.trys.pop();continue}a=t.call(n,i)}catch(n){a=[6,n];o=0}finally{e=r=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","./p-b26ef48a.system.js","./p-48f78684.system.js","./p-7631b414.system.js","./p-e249cc64.system.js","./p-b3afbdcd.system.js"],(function(n){"use strict";var t,i,e,o,r,s,a,u,c,d;return{setters:[function(n){t=n.r;i=n.c;e=n.h;o=n.H;r=n.g},function(n){s=n.c},function(n){a=n.m},function(n){u=n.m},function(n){c=n.m},function(n){d=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="Increase";var b="Decrease";var f="Show Password";var g="Hide Password";var v={increase:m,decrease:b,showPassword:f,hidePassword:g};var w="Aumenta";var y="Diminuisci";var x="Visualizza password";var k="Nascondi password";var z={increase:w,decrease:y,showPassword:x,hidePassword:k};var S='@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(--brand-maggioli-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(--brand-maggioli-03);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host( :focus ) {\n\n  --mds-input-variant-color: var(--brand-maggioli-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(--brand-maggioli-07));\n  }\n}\n';var C=S;var I=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 d({en:v,it:z});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.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:"732728d25de549c572951a64c6944103e80f2598"},this.type==="number"&&this.controlsLayout==="horizontal"&&e("mds-button",{key:"c1b74e02325b2f9f9261e0f52a1141d6b81d7c76",class:"counter-button counter-button--horizontal counter-button--decrease",icon:this.controlsIcon==="arrow"?a:c,onClick:this.stepDown,role:"button",tabindex:"0",title:this.t.get("decrease"),part:"counter-button-decrease"}),this.type==="textarea"?e("textarea",{class:s("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:s("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:"f01e980292d5a2006d5d76488285abd29f3c14e6",class:"counter counter--vertical"},e("mds-button",{key:"31979472ab1882c21a4d68e99ef892739dae30b9",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:"3e45f1765f423dce34afbd088de9811e0fa3c712",class:"counter-button",icon:this.controlsIcon==="arrow"?a:c,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:"08884b1fe81b1f6357424f2c330d105fb212c625",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:"b972511e9321b00800409a53bb4db325736d5f84",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:"c5ef76a23abfd58c47e39a666947be280597fbac",lang:this.language,position:"top",active:this.hasFocus},this.disabled&&e("mds-input-tip-item",{key:"75526ac7c77f36e3e50721fc586dac7b4c8d4cbd",expanded:true,variant:"disabled"}),this.readonly&&e("mds-input-tip-item",{key:"a7cd4f9a997327eb83cbd8a336e87cce88b0cb3f",expanded:true,variant:"readonly"}),this.required&&e("mds-input-tip-item",{key:"370252cc73671985b45c3267a3cd0e090c4b0125",expanded:this.hasFocus,variant:this.value===""?"required":"required-success"})),e("mds-input-tip",{key:"6c81bcdfce5746575a5d9c46a24cc26ad57ea138",lang:this.language,position:"bottom",active:this.hasFocus},this.tip&&e("mds-input-tip-item",{key:"5ed4306e58c729920ac4426ca3235f5fa8b7ae5c",expanded:true,variant:"text"},this.tip)),this.datalist&&e("datalist",{key:"b5c7721134abb7ba6bb97dbe67c12d6956d8b463",id:"datalist",class:"datalist"},this.datalist.forEach((function(n){e("option",{value:n})}))),this.icon&&!this.await&&e("mds-icon",{key:"22bfc7fe22bdb2e215878e9a6e52730f3459a9f2",class:s("icon",this.variant),name:this.icon}),e("mds-spinner",{key:"450c3673d798ba1d36c1ffe2968384719c9506e7",running:this.await,class:s("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}());I.style=C}}}));

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

@@ -1 +0,0 @@
-System.register(["./p-369fc037.system.js","./p-e249cc64.system.js","./p-b3afbdcd.system.js"],(function(e){"use strict";var t,a,n,i,s,u;return{setters:[function(e){t=e.r;a=e.c;n=e.h;i=e.H;s=e.g},function(e){u=e.L},function(){}],execute:function(){var r="Εάν η μετάφραση δεν είναι διαθέσιμη, θα χρησιμοποιηθούν τα Αγγλικά";var f={defaultLanguage:r};var d="If the translation is not available, English will be used";var l={defaultLanguage:d};var c="Si la traducción no está disponible, se utilizará el inglés";var o={defaultLanguage:c};var g="Se la traduzione non è disponibile, verrà utilizzato l'Inglese";var h={defaultLanguage:g};var v="mds-pref-language{gap:1rem;display:grid}.mds-pref-language-dropdown{gap:0.25rem;padding:1rem}";var m=v;var b=e("mds_pref_language",function(){function e(e){var n=this;t(this,e);this.languageChangeEvent=a(this,"mdsPrefLanguageChange",7);this.prefChangeEvent=a(this,"mdsPrefChange",7);this.localStorageAlias="mdsPrefLanguage";this.defaultLanguage="en";this.t=new u({el:f,en:l,es:o,it:h});this.showLanguageSelectDropdown=function(){n.showDropdown=!n.showDropdown};this.hideLanguageSelectDropdown=function(){n.showDropdown=false};this.changeLanguageSelectItem=function(){n.elPreferLanguageItems.forEach((function(e){e.selected=false}))};this.checkLanguageSelect=function(){n.elPreferLanguageItems=n.element.querySelectorAll("mds-pref-language-item");n.elPreferLanguageItems.forEach((function(e){e.addEventListener("mdsPrefLanguageItemSelect",(function(e){n.changeLanguageSelectItem();n.currentSelectedItem=e.currentTarget;n.currentSelectedItem.selected=true;n.languageChangeEvent.emit({language:n.currentSelectedItem.code});n.showDropdown=false;n.setLanguage(e.detail.language)}))}));n.elPreferLanguageItems.forEach((function(e){e.selected=e.code===n.set}))};this.sanitizeLanguage=function(e){if(e.includes("-")){return e.split("-")[0].toLowerCase()}return e};this.setLanguage=function(e){var t,a;e==="auto"?n.set=(a=(t=n.userLanguage)!==null&&t!==void 0?t:n.pageLanguage)!==null&&a!==void 0?a:n.systemLanguage:n.set=e;n.prefChangeEvent.emit({preference:"language"});localStorage.setItem(n.localStorageAlias,n.set);if(document){var i=document.querySelector("html");i===null||i===void 0?void 0:i.setAttribute("lang",n.set)}};this.showDropdown=false;this.set="auto"}e.prototype.componentDidLoad=function(){var e;this.systemLanguage=this.sanitizeLanguage(navigator.language);this.userLanguage=localStorage.getItem(this.localStorageAlias);this.pageLanguage=(e=document.querySelector("html"))===null||e===void 0?void 0:e.getAttribute("lang");this.setLanguage(this.set);this.checkLanguageSelect()};e.prototype.componentWillRender=function(){this.t.lang(this.element)};e.prototype.render=function(){return n(i,{key:"ecb0dfa11b6fc9a5d8f67e7a3b0563ec05586a3a"},n("mds-pref-language-nav",{key:"df15f66c620b7e7cef45433ef4df6433e1955f8a",active:this.showDropdown,id:"mds-pref-language-nav",onMdsPrefLanguageNavSelect:this.showLanguageSelectDropdown,set:this.set}),n("mds-dropdown",{key:"bbb52d770f6270c727c393939274824b4cdb6cd7",class:"mds-pref-language-dropdown",target:"#mds-pref-language-nav",interaction:"none",visible:this.showDropdown,onMdsDropdownHide:this.hideLanguageSelectDropdown},n("slot",{key:"3d1af8d93fbc0abdb905e5abc04ccc9ea56bf78e"})),this.set!==this.defaultLanguage&&n("mds-text",{key:"dc60f8c62c06e1227513ee8b8e32f2f94974cd67",typography:"caption"},this.t.get("defaultLanguage")))};Object.defineProperty(e.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());b.style=m}}}));

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

@@ -1 +0,0 @@
-System.register(["./p-369fc037.system.js","./p-d68089ba.system.js"],(function(r){"use strict";var e,n,o,t,a;return{setters:[function(r){e=r.r;n=r.c;o=r.h;t=r.H},function(r){a=r.c}],execute:function(){var l="@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-row-color-hover: var(--mds-table-body-background-hover);\n  --mds-table-row-color: var(--mds-table-color);\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: collapse;\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 b=l;var d=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)};r.prototype.render=function(){return o(t,{key:"77e8beec5fa074a69651c0a2b5f87d4e890f51de"},o("table",{key:"14243bf0f16c10aa5cb1295618100604ea32dfea",class:a("table",this.interactive&&"table--interactive"),role:"grid"},o("slot",{key:"fd2d0f1642b7878a3e1579536a17fa16e680f03e"})))};Object.defineProperty(r,"watchers",{get:function(){return{interactive:["onTableInteractive"]}},enumerable:false,configurable:true});return r}());d.style=b}}}));

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

@@ -1 +0,0 @@
-import{r as n,c as t,h as a,H as i,g as e}from"./p-b6defcb6.js";const r=class{constructor(a){n(this,a),this.changeEvent=t(this,"mdsInputRangeChange",7),a.$hostElement$["s-ei"]?this.internals=a.$hostElement$["s-ei"]:(this.internals=a.$hostElement$.attachInternals(),a.$hostElement$["s-ei"]=this.internals),this.onInput=()=>{this.value=parseInt(this.inputElement.value)},this.progress=void 0,this.max=100,this.min=0,this.step=1,this.value=void 0}calculateProgress(){let n=parseInt(this.inputElement.value);n>this.max?n=this.max:n<this.min&&(n=this.min),(n-this.min)%this.step!=0&&(n=Math.round(n/this.step)*this.step-this.min),this.value=n,this.internals.setFormValue(this.value.toString()),this.progress=100*(this.value-this.min)/(this.max-this.min)}valueChanged(){this.inputElement.value=this.value.toString(),this.calculateProgress(),this.changeEvent.emit(this.value)}minChanged(){this.calculateProgress()}maxChanged(){this.calculateProgress()}stepChanged(){if(this.step<1)throw Error("step cant be negative or zero");this.calculateProgress()}componentDidLoad(){var n;this.inputElement=null===(n=this.element.shadowRoot)||void 0===n?void 0:n.querySelector(".field"),this.value=parseInt(this.inputElement.value),this.calculateProgress()}render(){return a(i,{key:"9c8324dfe76033ae1451587cd50793e7ceacc284"},a("header",{key:"69f40e9bec14e0e1d119f90c55a625b905266aa1",class:"header",part:"header"},a("mds-text",{key:"08b0175db859f964c1a13a47335375f70edaf353",class:"label",typography:"label"},a("slot",{key:"4b3c07572221ead50e00cc788c3ab55b338c15c0"})),a("mds-text",{key:"82f212eac1211e8b5fe2605f35ad7652d63b61ea",class:"value",typography:"label"},this.value)),a("div",{key:"5f55fa2197a934b8feb0dc539c966c054a824558",class:"range"},a("div",{key:"5fd94d96b3b43c88d22bd2636f34bafb21b41bd1",class:"track"},a("div",{key:"2364fb6dcbe24ec0b23588af1f308e90fe23addc",class:"contrast-area"}),a("div",{key:"688bb44d42d7946f0c6d2e846f9514df9df4a49d",class:"track-total"},a("div",{key:"05d431cf526193667f88b74c3349e910076f2849",class:"track-progress",style:{width:`${this.progress}%`}}))),a("input",{key:"edc77c0c0b8bafbe3aafae85d8bcf6f1a682f1d4",class:"field",max:this.max,min:this.min,onInput:this.onInput,step:this.step,type:"range",value:this.value})))}static get formAssociated(){return!0}get element(){return e(this)}static get watchers(){return{value:["valueChanged"],min:["minChanged"],max:["maxChanged"],step:["stepChanged"]}}};r.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\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\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-input-range-thumb-size: Sets the thumb width and height of the component\n * @prop --mds-input-range-thumb-background:\n * @prop --mds-input-range-track-background:\n * @prop --mds-input-range-track-size:\n * @prop --mds-input-range-track-progress-background:\n */\n\n:host {\n\n  --mds-input-range-thumb-size: 1rem;\n  --mds-input-range-thumb-background: rgb(var(--brand-maggioli-04));\n  --mds-input-range-thumb-shadow: 0 0 0 2px rgb(var(--tone-neutral));\n  --mds-input-range-track-background: rgb(var(--tone-neutral-09));\n  --mds-input-range-track-size: 0.5rem;\n  --mds-input-range-track-progress-background: rgb(var(--brand-maggioli-03));\n  gap: 0.25rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n\n  display: grid;\n  -webkit-transition-property: color;\n  transition-property: color;\n}\n\n.header {\n  gap: 0.5rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n.label {\n  min-width: 0rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.value {\n  margin-left: auto;\n}\n\n.range {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-input-range-thumb-size);\n  position: relative;\n}\n\n.track {\n  width: 100%;\n\n  --margin: calc(var(--mds-input-range-track-size) / 2);\n\n  -webkit-box-sizing: border-box;\n\n  box-sizing: border-box;\n  padding: 0 var(--margin);\n  position: absolute;\n}\n\n.field {\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.field: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.field {\n  z-index: 20;\n  height: 1rem;\n\n  -webkit-appearance: none;\n\n     -moz-appearance: none;\n\n          appearance: none;\n  background-color: transparent;\n  border-radius: 1000px;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  margin: 0;\n}\n\n.field: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.field::-webkit-slider-thumb {\n  -webkit-appearance: none;\n          appearance: none;\n  background-color: var(--mds-input-range-thumb-background);\n  border: 0;\n  border-radius: var(--mds-input-range-thumb-size);\n  -webkit-box-shadow: var(--mds-input-range-thumb-shadow);\n  box-shadow: var(--mds-input-range-thumb-shadow);\n  cursor: -webkit-grab;\n  cursor: grab;\n  height: var(--mds-input-range-thumb-size);\n  line-height: 0;\n  -webkit-transform: translate(0, -50%);\n  transform: translate(0, -50%);\n  width: var(--mds-input-range-thumb-size);\n}\n\n.field::-webkit-slider-runnable-track {\n  -webkit-appearance: none;\n          appearance: none;\n  border: 0;\n  height: 0;\n  width: 100%;\n}\n\n.track-progress {\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-input-range-track-progress-background);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-input-range-track-size);\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n}\n\n.track-total {\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-input-range-track-background);\n  border-radius: var(--mds-input-range-track-size);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-input-range-track-size);\n  overflow: hidden;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  width: 100%;\n}\n\n.contrast-area {\n  margin-left: 0.25rem;\n  margin-right: 0.25rem;\n\n  border-radius: var(--mds-input-range-track-size);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .field::-webkit-slider-thumb,\n  .field::-webkit-slider-runnable-track,\n  .track-progress,\n  .track-total {\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    .field::-webkit-slider-thumb,\n    .field::-webkit-slider-runnable-track,\n    .track-progress,\n    .track-total {\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-range-thumb-background: rgb(var(--brand-maggioli-04));\n    --mds-input-range-track-background: rgb(var(--tone-neutral-07));\n    --mds-input-range-track-progress-background: rgb(var(--brand-maggioli-05));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-input-range-thumb-background: rgb(var(--brand-maggioli-04));\n      --mds-input-range-track-background: rgb(var(--tone-neutral-07));\n      --mds-input-range-track-progress-background: rgb(var(--brand-maggioli-05));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\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      color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n\n";export{r as mds_input_range}

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

@@ -1 +0,0 @@
-System.register(["./p-369fc037.system.js","./p-e249cc64.system.js","./p-b3afbdcd.system.js"],(function(n){"use strict";var t,i,e,r,a;return{setters:[function(n){t=n.r;i=n.h;e=n.H;r=n.g},function(n){a=n.L},function(){}],execute:function(){var o='@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';var s=o;var d=n("mds_input_tip",function(){function n(n){t(this,n);this.active=false;this.position="top"}n.prototype.render=function(){return i(e,{key:"6bea6c9f3c83d3d90d8f6910cabf9ad8b4a2ceb8"},i("slot",{key:"7ca0594e20f71400c0d772d5134ab2f16ab13d16"}))};return n}());d.style=s;var c='<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>';var p="Required";var m="Disabled";var u="Read only";var l={required:p,disabled:m,readonly:u};var f="Obbligatorio";var b="Disattivato";var g="Sola lettura";var h={required:f,disabled:b,readonly:g};var y='@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';var v=y;var k=n("mds_input_tip_item",function(){function n(n){t(this,n);this.t=new a({en:l,it:h});this.variant="required";this.expanded=true}n.prototype.componentWillRender=function(){this.t.lang(this.element)};n.prototype.render=function(){return i(e,{key:"7c43c391e7fd0c3d55d92eedc7cc5cadd4689215"},i("div",{key:"afaceaa0769892dfddf433a041d292b5dc3e7c2c",class:"content"},this.variant==="text"&&i("mds-text",{key:"5fd3f799c904e8a0a7fb5cb2e8634164d38ba818",typography:"option",truncate:"word"},i("span",{key:"f2ae9cb7229c5c9d08777fc42c83acabaf3367e9",class:"text"},i("slot",{key:"79d7b2ec986da254f6382ca4560a2aa594d16394"}))),this.variant==="readonly"&&i("mds-text",{key:"1fc3a0ee8291d209e9283cc875f65c93fd6177a0",typography:"option",truncate:"word"},i("span",{key:"2248d66766b886a38b95a014044f375adc4f37e4",class:"text"},this.variant&&this.t.get(this.variant.toString()))),this.variant==="disabled"&&i("mds-text",{key:"fa7402f8a41bd583bb28514046efe4fabfad0c53",typography:"option",truncate:"word"},i("span",{key:"0951fe81c0c50c9dc647d8709186d202ebb75195",class:"text"},this.variant&&this.t.get(this.variant.toString()))),this.variant==="required"&&i("mds-text",{key:"faf16fe90889847544aaa976a952b352e086c4e6",typography:"option",truncate:"word"},i("span",{key:"fd3d53aef765e7a1ce8f08feb06f2d1959008488",class:"text"},this.variant&&this.t.get(this.variant.toString()))),this.variant==="required-success"&&i("span",{key:"422237ea1577f07a8e37a5ad964dcfbc52a60e98",class:"icon",innerHTML:c})))};Object.defineProperty(n.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return n}());k.style=v}}}));

package/dist/magma-components/p-b6defcb6.js

@@ -1,2 +0,0 @@
-var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),l=(e,n)=>t.set(n.t=e,n),o=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),i=new Map,r=new Map,c="s-id",f="c-id",u="slot-fb{display:contents}slot-fb[hidden]{display:none}",a=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"],d="undefined"!=typeof window?window:{},$=d.document||{head:{}},h={l:0,o:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},m=e=>Promise.resolve(e),p=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),v=!1,y=[],b=[],w=(e,t)=>n=>{e.push(n),v||(v=!0,t&&4&h.l?S(k):h.raf(k))},g=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},k=()=>{g(y),g(b),(v=y.length>0)&&h.raf(k)},S=e=>m().then(e),j=w(b,!0),C={},E=e=>"object"==(e=typeof e)||"function"===e;function O(e){var t,n,l;return null!=(l=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?l:void 0}((t,n)=>{for(var l in n)e(t,l,{get:n[l],enumerable:!0})})({},{err:()=>M,map:()=>R,ok:()=>x,unwrap:()=>T,unwrapErr:()=>H});var x=e=>({isOk:!0,isErr:!1,value:e}),M=e=>({isOk:!1,isErr:!0,value:e});function R(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>x(e))):x(n)}if(e.isErr)return M(e.value);throw"should never get here"}var P,A,D,T=e=>{if(e.isOk)return e.value;throw e.value},H=e=>{if(e.isErr)return e.value;throw e.value},I=(e,t,...n)=>{let l=null,o=null,s=null,i=!1,r=!1;const c=[],f=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?f(l):null!=l&&"boolean"!=typeof l&&((i="function"!=typeof e&&!E(l))&&(l+=""),i&&r?c[c.length-1].i+=l:c.push(i?L(null,l):l),r=i)};if(f(n),t){t.key&&(o=t.key),t.name&&(s=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,c,U);const u=L(e,null);return u.u=t,c.length>0&&(u.$=c),u.h=o,u.m=s,u},L=(e,t)=>({l:0,p:e,i:t,v:null,$:null,u:null,h:null,m:null}),N={},U={forEach:(e,t)=>e.map(W).forEach(t),map:(e,t)=>e.map(W).map(t).map(F)},W=e=>({vattrs:e.u,vchildren:e.$,vkey:e.h,vname:e.m,vtag:e.p,vtext:e.i}),F=e=>{if("function"==typeof e.vtag){const t={...e.vattrs};return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),I(e.vtag,t,...e.vchildren||[])}const t=L(e.vtag,e.vtext);return t.u=e.vattrs,t.$=e.vchildren,t.h=e.vkey,t.m=e.vname,t},q=(e,t,n,l,o,s,i)=>{let r,c,u,a;if(1===s.nodeType){if(r=s.getAttribute(f),r&&(c=r.split("."),c[0]!==i&&"0"!==c[0]||(u={l:0,k:c[0],S:c[1],j:c[2],C:c[3],p:s.tagName.toLowerCase(),v:s,u:null,$:null,h:null,m:null,i:null},t.push(u),s.removeAttribute(f),e.$||(e.$=[]),e.$[u.C]=u,e=u,l&&"0"===u.j&&(l[u.C]=u.v))),s.shadowRoot)for(a=s.shadowRoot.childNodes.length-1;a>=0;a--)q(e,t,n,l,o,s.shadowRoot.childNodes[a],i);for(a=s.childNodes.length-1;a>=0;a--)q(e,t,n,l,o,s.childNodes[a],i)}else if(8===s.nodeType)c=s.nodeValue.split("."),c[1]!==i&&"0"!==c[1]||(r=c[0],u={l:0,k:c[1],S:c[2],j:c[3],C:c[4],v:s,u:null,$:null,h:null,m:null,p:null,i:null},"t"===r?(u.v=s.nextSibling,u.v&&3===u.v.nodeType&&(u.i=u.v.textContent,t.push(u),s.remove(),e.$||(e.$=[]),e.$[u.C]=u,l&&"0"===u.j&&(l[u.C]=u.v))):u.k===i&&("s"===r?(u.p="slot",s["s-sn"]=c[5]?u.m=c[5]:"",s["s-sr"]=!0,l&&(u.v=$.createElement(u.p),u.m&&u.v.setAttribute("name",u.m),s.parentNode.insertBefore(u.v,s),s.remove(),"0"===u.j&&(l[u.C]=u.v)),n.push(u),e.$||(e.$=[]),e.$[u.C]=u):"r"===r&&(l?s.remove():(o["s-cr"]=s,s["s-cn"]=!0))));else if(e&&"style"===e.p){const t=L(null,s.textContent);t.v=s,t.C="0",e.$=[t]}},G=(e,t)=>{if(1===e.nodeType){let n=0;if(e.shadowRoot)for(;n<e.shadowRoot.childNodes.length;n++)G(e.shadowRoot.childNodes[n],t);for(n=0;n<e.childNodes.length;n++)G(e.childNodes[n],t)}else if(8===e.nodeType){const n=e.nodeValue.split(".");"o"===n[0]&&(t.set(n[1]+"."+n[2],e),e.nodeValue="",e["s-en"]=n[3])}},V=e=>n(e).$hostElement$,_=(e,t,n)=>{const l=V(e);return{emit:e=>z(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},z=(e,t,n)=>{const l=h.ce(t,n);return e.dispatchEvent(l),l},B=new WeakMap,J=(e,t)=>{var n;const l=K(t),o=r.get(l);if(e=11===e.nodeType?e:$,o)if("string"==typeof o){let s,i=B.get(e=e.head||e);if(i||B.set(e,i=new Set),!i.has(l)){if(e.host&&(s=e.querySelector(`[sty-id="${l}"]`)))s.innerHTML=o;else{s=$.createElement("style"),s.innerHTML=o;const l=null!=(n=h.O)?n:O($);if(null!=l&&s.setAttribute("nonce",l),!(1&t.l))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:document.querySelector("style");e.insertBefore(s,n)}else"host"in e?e.prepend(s):e.append(s);1&t.l&&"HEAD"!==e.nodeName&&e.insertBefore(s,null)}4&t.l&&(s.innerHTML+=u),i&&i.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l},K=e=>"sc-"+e.M,Q=(e,t,n,l,s,i)=>{if(n!==l){let r=o(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=Y(n),s=Y(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(r||"o"!==t[0]||"n"!==t[1]){const o=E(l);if((r||o&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?r=!1:null!=n&&e[t]==o||("function"==typeof e.__lookupSetter__(t)?e[t]=o:e.setAttribute(t,o))}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&i||s)&&!o&&e.setAttribute(t,l=!0===l?"":l)}else if(t="-"===t[2]?t.slice(3):o(d,c)?c.slice(2):c[2]+t.slice(3),n||l){const o=t.endsWith(Z);t=t.replace(ee,""),n&&h.rel(e,t,n,o),l&&h.ael(e,t,l,o)}}},X=/\s/,Y=e=>e?e.split(X):[],Z="Capture",ee=RegExp(Z+"$"),te=(e,t,n)=>{const l=11===t.v.nodeType&&t.v.host?t.v.host:t.v,o=e&&e.u||C,s=t.u||C;for(const e of ne(Object.keys(o)))e in s||Q(l,e,o[e],void 0,n,t.l);for(const e of ne(Object.keys(s)))Q(l,e,o[e],s[e],n,t.l)};function ne(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var le=!1,oe=!1,se=!1,ie=!1,re=(e,t,n,l)=>{var o;const s=t.$[n];let i,r,c,f=0;if(le||(se=!0,"slot"===s.p&&(P&&l.classList.add(P+"-s"),s.l|=s.$?2:1)),null!==s.i)i=s.v=$.createTextNode(s.i);else if(1&s.l)i=s.v=$.createTextNode("");else if(i=s.v=$.createElement(!le&&2&s.l?"slot-fb":s.p),te(null,s,ie),i.getRootNode().querySelector("body"),s.$)for(f=0;f<s.$.length;++f)r=re(e,s,f,i),r&&i.appendChild(r);return i["s-hn"]=D,3&s.l&&(i["s-sr"]=!0,i["s-cr"]=A,i["s-sn"]=s.m||"",i["s-rf"]=null==(o=s.u)?void 0:o.ref,c=e&&e.$&&e.$[n],c&&c.p===s.p&&e.v&&ce(e.v,!1)),i},ce=(e,t)=>{h.l|=1;const n=Array.from(e.childNodes);for(let e=n.length-1;e>=0;e--){const l=n[e];l["s-hn"]!==D&&l["s-ol"]&&(we($e(l),l,de(l)),l["s-ol"].remove(),l["s-ol"]=void 0,l["s-sh"]=void 0,se=!0),t&&ce(l,t)}h.l&=-2},fe=(e,t,n,l,o,s)=>{let i,r=e["s-cr"]&&e["s-cr"].parentNode||e;for(r.shadowRoot&&r.tagName===D&&(r=r.shadowRoot);o<=s;++o)l[o]&&(i=re(null,n,o,e),i&&(l[o].v=i,we(r,i,de(t))))},ue=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.v;be(t),e&&(oe=!0,e["s-ol"]?e["s-ol"].remove():ce(e,!0),e.remove())}}},ae=(e,t,n=!1)=>!(e.p!==t.p||("slot"===e.p?"S"in e&&n&&8!==e.v.nodeType||e.m!==t.m:!n&&e.h!==t.h)),de=e=>e&&e["s-ol"]||e,$e=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,he=(e,t,n=!1)=>{const l=t.v=e.v,o=e.$,s=t.$,i=t.i;let r;null===i?(("slot"!==t.p||le)&&te(e,t,ie),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,i,r=0,c=0,f=0,u=0,a=t.length-1,d=t[0],$=t[a],h=l.length-1,m=l[0],p=l[h];for(;r<=a&&c<=h;)if(null==d)d=t[++r];else if(null==$)$=t[--a];else if(null==m)m=l[++c];else if(null==p)p=l[--h];else if(ae(d,m,o))he(d,m,o),d=t[++r],m=l[++c];else if(ae($,p,o))he($,p,o),$=t[--a],p=l[--h];else if(ae(d,p,o))"slot"!==d.p&&"slot"!==p.p||ce(d.v.parentNode,!1),he(d,p,o),we(e,d.v,$.v.nextSibling),d=t[++r],p=l[--h];else if(ae($,m,o))"slot"!==d.p&&"slot"!==p.p||ce($.v.parentNode,!1),he($,m,o),we(e,$.v,d.v),$=t[--a],m=l[++c];else{for(f=-1,u=r;u<=a;++u)if(t[u]&&null!==t[u].h&&t[u].h===m.h){f=u;break}f>=0?(i=t[f],i.p!==m.p?s=re(t&&t[c],n,f,e):(he(i,m,o),t[f]=void 0,s=i.v),m=l[++c]):(s=re(t&&t[c],n,c,e),m=l[++c]),s&&we($e(d.v),s,de(d.v))}r>a?fe(e,null==l[h+1]?null:l[h+1].v,n,l,c,h):c>h&&ue(t,r,a)})(l,o,t,s,n):null!==s?(null!==e.i&&(l.textContent=""),fe(l,null,t,s,0,s.length-1)):!n&&null!==o&&ue(o,0,o.length-1)):(r=l["s-cr"])?r.parentNode.textContent=i:e.i!==i&&(l.data=i)},me=e=>{const t=e.childNodes;for(const e of t)if(1===e.nodeType){if(e["s-sr"]){const n=e["s-sn"];e.hidden=!1;for(const l of t)if(l!==e)if(l["s-hn"]!==e["s-hn"]||""!==n){if(1===l.nodeType&&(n===l.getAttribute("slot")||n===l["s-sn"])||3===l.nodeType&&n===l["s-sn"]){e.hidden=!0;break}}else if(1===l.nodeType||3===l.nodeType&&""!==l.textContent.trim()){e.hidden=!0;break}}me(e)}},pe=[],ve=e=>{let t,n,l;for(const o of e.childNodes){if(o["s-sr"]&&(t=o["s-cr"])&&t.parentNode){n=t.parentNode.childNodes;const e=o["s-sn"];for(l=n.length-1;l>=0;l--)if(t=n[l],!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==o["s-hn"])if(ye(t,e)){let n=pe.find((e=>e.R===t));oe=!0,t["s-sn"]=t["s-sn"]||e,n?(n.R["s-sh"]=o["s-hn"],n.P=o):(t["s-sh"]=o["s-hn"],pe.push({P:o,R:t})),t["s-sr"]&&pe.map((e=>{ye(e.R,t["s-sn"])&&(n=pe.find((e=>e.R===t)),n&&!e.P&&(e.P=n.P))}))}else pe.some((e=>e.R===t))||pe.push({R:t})}1===o.nodeType&&ve(o)}},ye=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,be=e=>{e.u&&e.u.ref&&e.u.ref(null),e.$&&e.$.map(be)},we=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),ge=(e,t)=>{t&&!e.A&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.A=t)))},ke=(e,t)=>{if(e.l|=16,!(4&e.l))return ge(e,e.D),j((()=>Se(e,t)));e.l|=512},Se=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return t&&(e.l|=256,e.T&&(e.T.map((([e,t])=>Re(n,e,t))),e.T=void 0),l=Re(n,"componentWillLoad")),l=je(l,(()=>Re(n,"componentWillRender"))),je(l,(()=>Ee(e,n,t)))},je=(e,t)=>Ce(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),Ce=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,Ee=async(e,t,n)=>{var l;const o=e.$hostElement$,s=o["s-rc"];n&&(e=>{const t=e.H,n=e.$hostElement$,l=t.l,o=J(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&2&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);Oe(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(l=o["s-p"])?l:[],n=()=>xe(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},Oe=(e,t,n,l)=>{try{t=t.render(),e.l&=-17,e.l|=2,((e,t,n=!1)=>{var l,o,s,i;const r=e.$hostElement$,c=e.H,f=e.I||L(null,null),u=(e=>e&&e.p===N)(t)?t:I(null,null,t);if(D=r.tagName,c.L&&(u.u=u.u||{},c.L.map((([e,t])=>u.u[t]=r[e]))),n&&u.u)for(const e of Object.keys(u.u))r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(u.u[e]=r[e]);if(u.p=null,u.l|=4,e.I=u,u.v=f.v=r.shadowRoot||r,P=r["s-sc"],le=!!(1&c.l),A=r["s-cr"],oe=!1,he(f,u,n),h.l|=1,se){ve(u.v);for(const e of pe){const t=e.R;if(!t["s-ol"]){const e=$.createTextNode("");e["s-nr"]=t,we(t.parentNode,t["s-ol"]=e,t)}}for(const e of pe){const t=e.R,r=e.P;if(r){const e=r.parentNode;let n=r.nextSibling;{let s=null==(l=t["s-ol"])?void 0:l.previousSibling;for(;s;){let l=null!=(o=s["s-nr"])?o:null;if(l&&l["s-sn"]===t["s-sn"]&&e===l.parentNode){for(l=l.nextSibling;l===t||(null==l?void 0:l["s-sr"]);)l=null==l?void 0:l.nextSibling;if(!l||!l["s-nr"]){n=l;break}}s=s.previousSibling}}(!n&&e!==t.parentNode||t.nextSibling!==n)&&t!==n&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),we(e,t,n),1===t.nodeType&&(t.hidden=null!=(s=t["s-ih"])&&s)),t&&"function"==typeof r["s-rf"]&&r["s-rf"](t)}else 1===t.nodeType&&(n&&(t["s-ih"]=null!=(i=t.hidden)&&i),t.hidden=!0)}}oe&&me(u.v),h.l&=-2,pe.length=0,A=void 0})(e,t,l)}catch(t){s(t,e.$hostElement$)}return null},xe=e=>{const t=e.$hostElement$,n=e.t,l=e.D;Re(n,"componentDidRender"),64&e.l?Re(n,"componentDidUpdate"):(e.l|=64,Pe(t),Re(n,"componentDidLoad"),e.N(t),l||Me()),e.U(t),e.A&&(e.A(),e.A=void 0),512&e.l&&S((()=>ke(e,!1))),e.l&=-517},Me=()=>{Pe($.documentElement),S((()=>z(d,"appload",{detail:{namespace:"magma-components"}})))},Re=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},Pe=e=>e.setAttribute("hydrated",""),Ae=(e,t,l)=>{var o,i;const r=e.prototype;if(64&t.l&&1&l&&a.forEach((e=>Object.defineProperty(r,e,{value(...t){const l=n(this),o=l.t;if(o){const n=o[e];"function"==typeof n&&n.call(o,...t)}else l.W.then((n=>{const l=n[e];"function"==typeof l&&l.call(n,...t)}))}}))),t.F||t.q||e.watchers){e.watchers&&!t.q&&(t.q=e.watchers);const c=Object.entries(null!=(o=t.F)?o:{});if(c.map((([e,[o]])=>{31&o||2&l&&32&o?Object.defineProperty(r,e,{get(){return((e,t)=>n(this).G.get(t))(0,e)},set(l){((e,t,l,o)=>{const i=n(e);if(!i)throw Error(`Couldn't find host element for "${o.M}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const r=i.$hostElement$,c=i.G.get(t),f=i.l,u=i.t;if(l=((e,t)=>null==e||E(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(l,o.F[t][0]),(!(8&f)||void 0===c)&&l!==c&&(!Number.isNaN(c)||!Number.isNaN(l))&&(i.G.set(t,l),u)){if(o.q&&128&f){const e=o.q[t];e&&e.map((e=>{try{u[e](l,c,t)}catch(e){s(e,r)}}))}2==(18&f)&&ke(i,!1)}})(this,e,l,t)},configurable:!0,enumerable:!0}):1&l&&64&o&&Object.defineProperty(r,e,{value(...t){var l;const o=n(this);return null==(l=null==o?void 0:o.V)?void 0:l.then((()=>{var n;return null==(n=o.t)?void 0:n[e](...t)}))}})})),1&l){const l=new Map;r.attributeChangedCallback=function(e,o,s){h.jmp((()=>{var i;const c=l.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(r.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const l=n(this),r=null==l?void 0:l.l;if(r&&!(8&r)&&128&r&&s!==o){const n=l.t,r=null==(i=t.q)?void 0:i[e];null==r||r.forEach((t=>{null!=n[t]&&n[t].call(n,s,o,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=t.q)?i:{}),...c.filter((([e,t])=>15&t[0])).map((([e,n])=>{var o;const s=n[1]||e;return l.set(s,e),512&n[0]&&(null==(o=t.L)||o.push([e,s])),s}))]))}}return e},De=e=>{if(!(1&h.l)){const t=n(e),l=t.H,o=()=>{};if(1&t.l)Le(e,t,l._),(null==t?void 0:t.t)||(null==t?void 0:t.W)&&t.W.then((()=>{}));else{let n;if(t.l|=1,n=e.getAttribute(c),n){if(1&l.l){const t=J(e.shadowRoot,l);e.classList.remove(t+"-h",t+"-s")}((e,t,n,l)=>{const o=e.shadowRoot,s=[],i=o?[]:null,r=l.I=L(t,null);h.B||G($.body,h.B=new Map),e[c]=n,e.removeAttribute(c),q(r,s,[],i,e,e,n),s.map((e=>{const n=e.k+"."+e.S,l=h.B.get(n),s=e.v;l&&""===l["s-en"]&&l.parentNode.insertBefore(s,l.nextSibling),o||(s["s-hn"]=t,l&&(s["s-ol"]=l,s["s-ol"]["s-nr"]=s)),h.B.delete(n)})),o&&i.map((e=>{e&&o.appendChild(e)}))})(e,l.M,n,t)}n||12&l.l&&Te(e);{let n=e;for(;n=n.parentNode||n.host;)if(1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){ge(t,t.D=n);break}}l.F&&Object.entries(l.F).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let l;if(!(32&t.l)){if(t.l|=32,n.J){const e=(e=>{const t=e.M.replace(/-/g,"_"),n=e.J;if(!n)return;const l=i.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(i.set(n,e),e[t])),s)
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};l=await e,t()}else l=e;if(!l)throw Error(`Constructor for "${n.M}#${t.K}" was not found`);l.isProxied||(n.q=l.watchers,Ae(l,n,2),l.isProxied=!0);const o=()=>{};t.l|=8;try{new l(t)}catch(e){s(e)}t.l&=-9,t.l|=128,o()}else l=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l|=128));if(l&&l.style){let e;"string"==typeof l.style&&(e=l.style);const t=K(n);if(!r.has(t)){const l=()=>{};((e,t,n)=>{let l=r.get(e);p&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,r.set(e,l)})(t,e,!!(1&n.l)),l()}}}const o=t.D,c=()=>ke(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(e,t,l)}o()}},Te=e=>{const t=e["s-cr"]=$.createComment("");t["s-cn"]=!0,we(e,t,e.firstChild)},He=e=>{Re(e,"disconnectedCallback")},Ie=(e,l={})=>{var o;const s=[],i=l.exclude||[],r=d.customElements,c=$.head,f=c.querySelector("meta[charset]"),a=$.createElement("style"),m=[];let p,v=!0;Object.assign(h,l),h.o=new URL(l.resourcesUrl||"./",$.baseURI).href,h.l|=2;let y=!1;if(e.map((e=>{e[1].map((l=>{var o;const c={l:l[0],M:l[1],F:l[2],_:l[3]};4&c.l&&(y=!0),c.F=l[2],c._=l[3],c.L=[],c.q=null!=(o=l[4])?o:{};const f=c.M,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const l={l:0,$hostElement$:e,H:n,G:new Map};l.V=new Promise((e=>l.U=e)),l.W=new Promise((e=>l.N=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,l)})(e=this,c),1&c.l)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${c.M}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){const e=n(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Le(this,e,c._)),p&&(clearTimeout(p),p=null),v?m.push(this):h.jmp((()=>De(this)))}disconnectedCallback(){h.jmp((()=>(async()=>{if(!(1&h.l)){const e=n(this);e.X&&(e.X.map((e=>e())),e.X=void 0),(null==e?void 0:e.t)?He(e.t):(null==e?void 0:e.W)&&e.W.then((()=>He(e.t)))}})()))}componentOnReady(){return n(this).W}};64&c.l&&(u.formAssociated=!0),c.J=e[0],i.includes(f)||r.get(f)||(s.push(f),r.define(f,Ae(u,c,1)))}))})),s.length>0&&(y&&(a.textContent+=u),a.textContent+=s.sort()+"{visibility:hidden}[hydrated]{visibility:inherit}",a.innerHTML.length)){a.setAttribute("data-styles","");const e=null!=(o=h.O)?o:O($);null!=e&&a.setAttribute("nonce",e),c.insertBefore(a,f?f.nextSibling:c.firstChild)}v=!1,m.length?m.map((e=>e.connectedCallback())):h.jmp((()=>p=setTimeout(Me,30)))},Le=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=Ue(e,n),i=Ne(t,o),r=We(n);h.ael(s,l,i,r),(t.X=t.X||[]).push((()=>h.rel(s,l,i,r)))}))},Ne=(e,t)=>n=>{var l;try{256&e.l?null==(l=e.t)||l[t](n):(e.T=e.T||[]).push([t,n])}catch(e){s(e)}},Ue=(e,t)=>4&t?$:e,We=e=>({passive:!!(1&e),capture:!!(2&e)}),Fe=e=>h.O=e;export{N as H,Ie as b,_ as c,V as g,I as h,m as p,l as r,Fe as s}

package/dist/magma-components/p-b975c42a.js

@@ -1 +0,0 @@
-const r=r=>{let t,a;for(t=0,a=0;t<r.length;t++)a=Math.imul(31,a)+r.charCodeAt(t)|0;return a.toString()},t=r=>{var t,a,n;return null!==(n=null===(a=null===(t=r.split("/"))||void 0===t?void 0:t.slice(-1).pop())||void 0===a?void 0:a.replace(/-/g," "))&&void 0!==n?n:r},a=(r,t,a)=>{var n;return r.hasAttribute(t)?null!==(n=r.getAttribute(t))&&void 0!==n?n:"":(r.setAttribute(t,a),a)},n=t=>`${t}-${r(t)}`,o=t=>{const a=Math.floor(1e6*Math.random());return t?`${t}-${r(a.toString())}`:r(a.toString())};export{n as a,o as h,a as s,t as u}

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

@@ -1 +0,0 @@
-import{r as e,c as t,h as s,H as a,g as i}from"./p-b6defcb6.js";import{L as n}from"./p-53b343a8.js";import"./p-45840cb9.js";const h={defaultLanguage:"Εάν η μετάφραση δεν είναι διαθέσιμη, θα χρησιμοποιηθούν τα Αγγλικά"},d={defaultLanguage:"If the translation is not available, English will be used"},l={defaultLanguage:"Si la traducción no está disponible, se utilizará el inglés"},g={defaultLanguage:"Se la traduzione non è disponibile, verrà utilizzato l'Inglese"},r=class{constructor(s){e(this,s),this.languageChangeEvent=t(this,"mdsPrefLanguageChange",7),this.prefChangeEvent=t(this,"mdsPrefChange",7),this.localStorageAlias="mdsPrefLanguage",this.defaultLanguage="en",this.t=new n({el:h,en:d,es:l,it:g}),this.showLanguageSelectDropdown=()=>{this.showDropdown=!this.showDropdown},this.hideLanguageSelectDropdown=()=>{this.showDropdown=!1},this.changeLanguageSelectItem=()=>{this.elPreferLanguageItems.forEach((e=>{e.selected=!1}))},this.checkLanguageSelect=()=>{this.elPreferLanguageItems=this.element.querySelectorAll("mds-pref-language-item"),this.elPreferLanguageItems.forEach((e=>{e.addEventListener("mdsPrefLanguageItemSelect",(e=>{this.changeLanguageSelectItem(),this.currentSelectedItem=e.currentTarget,this.currentSelectedItem.selected=!0,this.languageChangeEvent.emit({language:this.currentSelectedItem.code}),this.showDropdown=!1,this.setLanguage(e.detail.language)}))})),this.elPreferLanguageItems.forEach((e=>{e.selected=e.code===this.set}))},this.sanitizeLanguage=e=>e.includes("-")?e.split("-")[0].toLowerCase():e,this.setLanguage=e=>{var t,s;if(this.set="auto"===e?null!==(s=null!==(t=this.userLanguage)&&void 0!==t?t:this.pageLanguage)&&void 0!==s?s:this.systemLanguage:e,this.prefChangeEvent.emit({preference:"language"}),localStorage.setItem(this.localStorageAlias,this.set),document){const e=document.querySelector("html");null==e||e.setAttribute("lang",this.set)}},this.showDropdown=!1,this.set="auto"}componentDidLoad(){var e;this.systemLanguage=this.sanitizeLanguage(navigator.language),this.userLanguage=localStorage.getItem(this.localStorageAlias),this.pageLanguage=null===(e=document.querySelector("html"))||void 0===e?void 0:e.getAttribute("lang"),this.setLanguage(this.set),this.checkLanguageSelect()}componentWillRender(){this.t.lang(this.element)}render(){return s(a,{key:"ecb0dfa11b6fc9a5d8f67e7a3b0563ec05586a3a"},s("mds-pref-language-nav",{key:"df15f66c620b7e7cef45433ef4df6433e1955f8a",active:this.showDropdown,id:"mds-pref-language-nav",onMdsPrefLanguageNavSelect:this.showLanguageSelectDropdown,set:this.set}),s("mds-dropdown",{key:"bbb52d770f6270c727c393939274824b4cdb6cd7",class:"mds-pref-language-dropdown",target:"#mds-pref-language-nav",interaction:"none",visible:this.showDropdown,onMdsDropdownHide:this.hideLanguageSelectDropdown},s("slot",{key:"3d1af8d93fbc0abdb905e5abc04ccc9ea56bf78e"})),this.set!==this.defaultLanguage&&s("mds-text",{key:"dc60f8c62c06e1227513ee8b8e32f2f94974cd67",typography:"caption"},this.t.get("defaultLanguage")))}get element(){return i(this)}};r.style="mds-pref-language{gap:1rem;display:grid}.mds-pref-language-dropdown{gap:0.25rem;padding:1rem}";export{r as mds_pref_language}

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

@@ -1 +0,0 @@
-System.register(["./p-369fc037.system.js"],(function(n){"use strict";var a,r,e;return{setters:[function(n){a=n.r;r=n.h;e=n.H}],execute:function(){var o='@tailwind utilities;\n\n/**\n * @prop --mds-badge-background: Sets the background-color of the component\n * @prop --mds-badge-radius: Sets the border-radius of the component\n * @prop --mds-badge-color: Sets the text color of the component\n */\n\n:host {\n\n  --mds-badge-background: rgb(var(--label-sky-09));\n  --mds-badge-border-color: rgb(var(--label-sky-06));;\n  --mds-badge-border-width: 1px;\n  --mds-badge-color: rgb(var(--label-sky-03));\n  --mds-badge-radius: 0.25rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\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-badge-background);\n  border-radius: var(--mds-badge-radius);\n  color: var(--mds-badge-color);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  min-width: -moz-min-content;\n  min-width: -webkit-min-content;\n  min-width: min-content;\n  -webkit-transition-property: background-color, border-color, border-width, color;\n  transition-property: background-color, border-color, border-width, color;\n}\n\n:host([tone="ghost"]) {\n  border-color: var(--mds-badge-border-color);\n  border-style: solid;\n  border-width: var(--mds-badge-border-width);\n}\n\n:host([tone="quiet"]) {\n\n  --mds-badge-background: rgb(var(--tone-neutral));\n}\n\n@tailwind utilities;\n\n:host([variant="amaranth"]) {\n\n  --mds-badge-color: rgb(var(--label-amaranth-10));\n}\n\n:host([variant="amaranth"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-amaranth-05));\n}\n\n:host([variant="amaranth"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-amaranth-09));\n  --mds-badge-color: rgb(var(--label-amaranth-02));\n}\n\n:host([variant="amaranth"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-amaranth-04));\n}\n\n:host([variant="amaranth"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-amaranth-06));\n  --mds-badge-color: rgb(var(--label-amaranth-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="amaranth"]),\n  :host([variant="amaranth"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-amaranth-04));\n  }\n\n  :host([variant="amaranth"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-amaranth-01));\n  }\n\n  :host([variant="amaranth"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-amaranth-02));\n  }\n  \n  :host([variant="amaranth"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-amaranth-03));\n    --mds-badge-border-color: rgb(var(--label-amaranth-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="amaranth"]),\n    :host([variant="amaranth"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-amaranth-04));\n    }\n\n    :host([variant="amaranth"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-amaranth-01));\n    }\n\n    :host([variant="amaranth"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-amaranth-02));\n    }\n\n    :host([variant="amaranth"][tone="ghost"]) {\n      \n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-amaranth-03));\n      --mds-badge-border-color: rgb(var(--label-amaranth-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="aqua"]) {\n\n  --mds-badge-color: rgb(var(--label-aqua-10));\n}\n\n:host([variant="aqua"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-aqua-05));\n}\n\n:host([variant="aqua"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-aqua-09));\n  --mds-badge-color: rgb(var(--label-aqua-02));\n}\n\n:host([variant="aqua"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-aqua-04));\n}\n\n:host([variant="aqua"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-aqua-06));\n  --mds-badge-color: rgb(var(--label-aqua-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="aqua"]),\n  :host([variant="aqua"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-aqua-04));\n  }\n\n  :host([variant="aqua"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-aqua-01));\n  }\n\n  :host([variant="aqua"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-aqua-02));\n  }\n  \n  :host([variant="aqua"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-aqua-03));\n    --mds-badge-border-color: rgb(var(--label-aqua-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="aqua"]),\n    :host([variant="aqua"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-aqua-04));\n    }\n\n    :host([variant="aqua"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-aqua-01));\n    }\n\n    :host([variant="aqua"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-aqua-02));\n    }\n\n    :host([variant="aqua"][tone="ghost"]) {\n      \n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-aqua-03));\n      --mds-badge-border-color: rgb(var(--label-aqua-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="blue"]) {\n\n  --mds-badge-color: rgb(var(--label-blue-10));\n}\n\n:host([variant="blue"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-blue-05));\n}\n\n:host([variant="blue"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-blue-09));\n  --mds-badge-color: rgb(var(--label-blue-02));\n}\n\n:host([variant="blue"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-blue-04));\n}\n\n:host([variant="blue"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-blue-06));\n  --mds-badge-color: rgb(var(--label-blue-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="blue"]),\n  :host([variant="blue"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-blue-04));\n  }\n\n  :host([variant="blue"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-blue-01));\n  }\n\n  :host([variant="blue"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-blue-02));\n  }\n  \n  :host([variant="blue"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-blue-03));\n    --mds-badge-border-color: rgb(var(--label-blue-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="blue"]),\n    :host([variant="blue"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-blue-04));\n    }\n\n    :host([variant="blue"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-blue-01));\n    }\n\n    :host([variant="blue"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-blue-02));\n    }\n\n    :host([variant="blue"][tone="ghost"]) {\n      \n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-blue-03));\n      --mds-badge-border-color: rgb(var(--label-blue-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host( [variant="dark"] ) {\n\n  --mds-badge-color: rgb(var(--tone-neutral-02));\n}\n\n:host( [variant="dark"][tone="strong"] ) {\n\n  --mds-badge-background: rgb(var(--tone-neutral-02));\n  --mds-badge-color: rgb(var(--tone-neutral-09));\n}\n\n:host( [variant="dark"][tone="weak"] ) {\n\n  --mds-badge-background: rgb(var(--tone-neutral-08));\n  --mds-badge-color: rgb(var(--tone-neutral-02));\n}\n\n:host( [variant="dark"][tone="ghost"] ) {\n\n  --mds-badge-background: rgb(var(--tone-neutral-09));\n  --mds-badge-color: rgb(var(--tone-neutral-03));\n  --mds-badge-border-color: rgb(var(--tone-neutral-03));\n}\n\n@tailwind utilities;\n\n:host([variant="error"]) {\n\n  --mds-badge-color: rgb(var(--status-error-10));\n}\n\n:host([variant="error"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--status-error-05));\n}\n\n:host([variant="error"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--status-error-09));\n  --mds-badge-color: rgb(var(--status-error-02));\n}\n\n:host([variant="error"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--status-error-04));\n}\n\n:host([variant="error"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--status-error-06));\n  --mds-badge-color: rgb(var(--status-error-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="error"]),\n  :host([variant="error"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--status-error-04));\n  }\n\n  :host([variant="error"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--status-error-01));\n  }\n\n  :host([variant="error"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--status-error-02));\n  }\n  \n  :host([variant="error"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--status-error-03));\n    --mds-badge-border-color: rgb(var(--status-error-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="error"]),\n    :host([variant="error"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--status-error-04));\n    }\n\n    :host([variant="error"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--status-error-01));\n    }\n\n    :host([variant="error"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--status-error-02));\n    }\n\n    :host([variant="error"][tone="ghost"]) {\n      \n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--status-error-03));\n      --mds-badge-border-color: rgb(var(--status-error-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="green"]) {\n\n  --mds-badge-color: rgb(var(--label-green-10));\n}\n\n:host([variant="green"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-green-05));\n}\n\n:host([variant="green"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-green-09));\n  --mds-badge-color: rgb(var(--label-green-02));\n}\n\n:host([variant="green"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-green-04));\n}\n\n:host([variant="green"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-green-06));\n  --mds-badge-color: rgb(var(--label-green-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="green"]),\n  :host([variant="green"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-green-04));\n  }\n\n  :host([variant="green"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-green-01));\n  }\n\n  :host([variant="green"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-green-02));\n  }\n  \n  :host([variant="green"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-green-03));\n    --mds-badge-border-color: rgb(var(--label-green-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="green"]),\n    :host([variant="green"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-green-04));\n    }\n\n    :host([variant="green"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-green-01));\n    }\n\n    :host([variant="green"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-green-02));\n    }\n\n    :host([variant="green"][tone="ghost"]) {\n      \n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-green-03));\n      --mds-badge-border-color: rgb(var(--label-green-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="info"]) {\n\n  --mds-badge-color: rgb(var(--status-info-10));\n}\n\n:host([variant="info"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--status-info-05));\n}\n\n:host([variant="info"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--status-info-09));\n  --mds-badge-color: rgb(var(--status-info-02));\n}\n\n:host([variant="info"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--status-info-04));\n}\n\n:host([variant="info"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--status-info-06));\n  --mds-badge-color: rgb(var(--status-info-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="info"]),\n  :host([variant="info"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--status-info-04));\n  }\n\n  :host([variant="info"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--status-info-01));\n  }\n\n  :host([variant="info"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--status-info-02));\n  }\n  \n  :host([variant="info"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--status-info-03));\n    --mds-badge-border-color: rgb(var(--status-info-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="info"]),\n    :host([variant="info"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--status-info-04));\n    }\n\n    :host([variant="info"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--status-info-01));\n    }\n\n    :host([variant="info"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--status-info-02));\n    }\n\n    :host([variant="info"][tone="ghost"]) {\n      \n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--status-info-03));\n      --mds-badge-border-color: rgb(var(--status-info-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host( [variant="light"] ) {\n\n  --mds-badge-color: rgb(var(--tone-neutral-03));\n}\n\n:host( [variant="light"][tone="strong"] ) {\n\n  --mds-badge-background: rgb(var(--tone-neutral-10));\n  --mds-badge-color: rgb(var(--tone-neutral-03));\n}\n\n:host( [variant="light"][tone="weak"] ) {\n\n  --mds-badge-background: rgb(var(--tone-neutral-10));\n  --mds-badge-color: rgb(var(--tone-neutral-03));\n}\n\n:host( [variant="light"][tone="ghost"] ) {\n\n  --mds-badge-color: rgb(var(--tone-neutral-02));\n  --mds-badge-border-color: rgb(var(--tone-neutral-09));\n}\n\n@tailwind utilities;\n\n:host([variant="lime"]) {\n\n  --mds-badge-color: rgb(var(--label-lime-10));\n}\n\n:host([variant="lime"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-lime-05));\n}\n\n:host([variant="lime"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-lime-09));\n  --mds-badge-color: rgb(var(--label-lime-02));\n}\n\n:host([variant="lime"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-lime-04));\n}\n\n:host([variant="lime"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-lime-06));\n  --mds-badge-color: rgb(var(--label-lime-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="lime"]),\n  :host([variant="lime"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-lime-04));\n  }\n\n  :host([variant="lime"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-lime-01));\n  }\n\n  :host([variant="lime"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-lime-02));\n  }\n  \n  :host([variant="lime"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-lime-03));\n    --mds-badge-border-color: rgb(var(--label-lime-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="lime"]),\n    :host([variant="lime"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-lime-04));\n    }\n\n    :host([variant="lime"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-lime-01));\n    }\n\n    :host([variant="lime"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-lime-02));\n    }\n\n    :host([variant="lime"][tone="ghost"]) {\n      \n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-lime-03));\n      --mds-badge-border-color: rgb(var(--label-lime-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="orange"]) {\n\n  --mds-badge-color: rgb(var(--label-orange-10));\n}\n\n:host([variant="orange"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-orange-05));\n}\n\n:host([variant="orange"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-orange-09));\n  --mds-badge-color: rgb(var(--label-orange-02));\n}\n\n:host([variant="orange"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-orange-04));\n}\n\n:host([variant="orange"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-orange-06));\n  --mds-badge-color: rgb(var(--label-orange-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="orange"]),\n  :host([variant="orange"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-orange-04));\n  }\n\n  :host([variant="orange"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-orange-01));\n  }\n\n  :host([variant="orange"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-orange-02));\n  }\n  \n  :host([variant="orange"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-orange-03));\n    --mds-badge-border-color: rgb(var(--label-orange-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="orange"]),\n    :host([variant="orange"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-orange-04));\n    }\n\n    :host([variant="orange"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-orange-01));\n    }\n\n    :host([variant="orange"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-orange-02));\n    }\n\n    :host([variant="orange"][tone="ghost"]) {\n      \n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-orange-03));\n      --mds-badge-border-color: rgb(var(--label-orange-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="orchid"]) {\n\n  --mds-badge-color: rgb(var(--label-orchid-10));\n}\n\n:host([variant="orchid"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-orchid-05));\n}\n\n:host([variant="orchid"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-orchid-09));\n  --mds-badge-color: rgb(var(--label-orchid-02));\n}\n\n:host([variant="orchid"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-orchid-04));\n}\n\n:host([variant="orchid"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-orchid-06));\n  --mds-badge-color: rgb(var(--label-orchid-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="orchid"]),\n  :host([variant="orchid"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-orchid-04));\n  }\n\n  :host([variant="orchid"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-orchid-01));\n  }\n\n  :host([variant="orchid"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-orchid-02));\n  }\n  \n  :host([variant="orchid"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-orchid-03));\n    --mds-badge-border-color: rgb(var(--label-orchid-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="orchid"]),\n    :host([variant="orchid"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-orchid-04));\n    }\n\n    :host([variant="orchid"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-orchid-01));\n    }\n\n    :host([variant="orchid"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-orchid-02));\n    }\n\n    :host([variant="orchid"][tone="ghost"]) {\n      \n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-orchid-03));\n      --mds-badge-border-color: rgb(var(--label-orchid-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="sky"]) {\n\n  --mds-badge-color: rgb(var(--label-sky-10));\n}\n\n:host([variant="sky"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-sky-05));\n}\n\n:host([variant="sky"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-sky-09));\n  --mds-badge-color: rgb(var(--label-sky-02));\n}\n\n:host([variant="sky"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-sky-04));\n}\n\n:host([variant="sky"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-sky-06));\n  --mds-badge-color: rgb(var(--label-sky-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="sky"]),\n  :host([variant="sky"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-sky-04));\n  }\n\n  :host([variant="sky"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-sky-01));\n  }\n\n  :host([variant="sky"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-sky-02));\n  }\n  \n  :host([variant="sky"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-sky-03));\n    --mds-badge-border-color: rgb(var(--label-sky-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="sky"]),\n    :host([variant="sky"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-sky-04));\n    }\n\n    :host([variant="sky"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-sky-01));\n    }\n\n    :host([variant="sky"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-sky-02));\n    }\n\n    :host([variant="sky"][tone="ghost"]) {\n      \n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-sky-03));\n      --mds-badge-border-color: rgb(var(--label-sky-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="success"]) {\n\n  --mds-badge-color: rgb(var(--status-success-10));\n}\n\n:host([variant="success"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--status-success-05));\n}\n\n:host([variant="success"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--status-success-09));\n  --mds-badge-color: rgb(var(--status-success-02));\n}\n\n:host([variant="success"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--status-success-04));\n}\n\n:host([variant="success"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--status-success-06));\n  --mds-badge-color: rgb(var(--status-success-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="success"]),\n  :host([variant="success"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--status-success-04));\n  }\n\n  :host([variant="success"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--status-success-01));\n  }\n\n  :host([variant="success"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--status-success-02));\n  }\n  \n  :host([variant="success"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--status-success-03));\n    --mds-badge-border-color: rgb(var(--status-success-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="success"]),\n    :host([variant="success"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--status-success-04));\n    }\n\n    :host([variant="success"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--status-success-01));\n    }\n\n    :host([variant="success"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--status-success-02));\n    }\n\n    :host([variant="success"][tone="ghost"]) {\n      \n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--status-success-03));\n      --mds-badge-border-color: rgb(var(--status-success-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="violet"]) {\n\n  --mds-badge-color: rgb(var(--label-violet-10));\n}\n\n:host([variant="violet"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-violet-05));\n}\n\n:host([variant="violet"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-violet-09));\n  --mds-badge-color: rgb(var(--label-violet-02));\n}\n\n:host([variant="violet"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-violet-04));\n}\n\n:host([variant="violet"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-violet-06));\n  --mds-badge-color: rgb(var(--label-violet-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="violet"]),\n  :host([variant="violet"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-violet-04));\n  }\n\n  :host([variant="violet"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-violet-01));\n  }\n\n  :host([variant="violet"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-violet-02));\n  }\n  \n  :host([variant="violet"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-violet-03));\n    --mds-badge-border-color: rgb(var(--label-violet-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="violet"]),\n    :host([variant="violet"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-violet-04));\n    }\n\n    :host([variant="violet"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-violet-01));\n    }\n\n    :host([variant="violet"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-violet-02));\n    }\n\n    :host([variant="violet"][tone="ghost"]) {\n      \n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-violet-03));\n      --mds-badge-border-color: rgb(var(--label-violet-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="warning"]) {\n\n  --mds-badge-color: rgb(var(--status-warning-10));\n}\n\n:host([variant="warning"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--status-warning-05));\n}\n\n:host([variant="warning"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--status-warning-09));\n  --mds-badge-color: rgb(var(--status-warning-02));\n}\n\n:host([variant="warning"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--status-warning-04));\n}\n\n:host([variant="warning"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--status-warning-06));\n  --mds-badge-color: rgb(var(--status-warning-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="warning"]),\n  :host([variant="warning"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--status-warning-04));\n  }\n\n  :host([variant="warning"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--status-warning-01));\n  }\n\n  :host([variant="warning"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--status-warning-02));\n  }\n  \n  :host([variant="warning"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--status-warning-03));\n    --mds-badge-border-color: rgb(var(--status-warning-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="warning"]),\n    :host([variant="warning"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--status-warning-04));\n    }\n\n    :host([variant="warning"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--status-warning-01));\n    }\n\n    :host([variant="warning"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--status-warning-02));\n    }\n\n    :host([variant="warning"][tone="ghost"]) {\n      \n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--status-warning-03));\n      --mds-badge-border-color: rgb(var(--status-warning-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="yellow"]) {\n\n  --mds-badge-color: rgb(var(--label-yellow-10));\n}\n\n:host([variant="yellow"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-yellow-05));\n}\n\n:host([variant="yellow"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-yellow-09));\n  --mds-badge-color: rgb(var(--label-yellow-02));\n}\n\n:host([variant="yellow"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-yellow-04));\n}\n\n:host([variant="yellow"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-yellow-06));\n  --mds-badge-color: rgb(var(--label-yellow-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="yellow"]),\n  :host([variant="yellow"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-yellow-04));\n  }\n\n  :host([variant="yellow"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-yellow-01));\n  }\n\n  :host([variant="yellow"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-yellow-02));\n  }\n  \n  :host([variant="yellow"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-yellow-03));\n    --mds-badge-border-color: rgb(var(--label-yellow-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="yellow"]),\n    :host([variant="yellow"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-yellow-04));\n    }\n\n    :host([variant="yellow"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-yellow-01));\n    }\n\n    :host([variant="yellow"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-yellow-02));\n    }\n\n    :host([variant="yellow"][tone="ghost"]) {\n      \n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-yellow-03));\n      --mds-badge-border-color: rgb(var(--label-yellow-03));\n    }\n  }\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([tone="strong"]),\n  :host([tone="weak"]) {\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host([tone="strong"]),\n    :host([tone="weak"]) {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([tone="weak"]) {\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([tone="weak"]) {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) and style(--magma-pref-contrast: more) {\n  :host([tone="strong"]),\n  :host([tone="weak"]) {\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n  }\n}\n\n@container style(--magma-pref-theme: dark) and style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([tone="strong"]),\n    :host([tone="weak"]) {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: system) and style(--magma-pref-contrast: system) {\n\n  @media (prefers-color-scheme: dark) and (prefers-contrast: more)  {\n    :host([tone="strong"]),\n    :host([tone="weak"]) {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: system) and style(--magma-pref-contrast: more) {\n\n  @media (prefers-color-scheme: dark) {\n    :host([tone="strong"]),\n    :host([tone="weak"]) {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n    }\n  }\n}\n\n';var t=o;var s=n("mds_badge",function(){function n(n){a(this,n);this.variant="green";this.tone="weak";this.typography="option";this.typographyVariant=undefined}n.prototype.render=function(){return r(e,{key:"31d5bdfea45fb67eb24c3670ceca838b4f52d565"},r("mds-text",{key:"ff4f9977cb503df37ce99f19fa0177ab868e8e46",tag:"span",typography:this.typography,variant:this.typographyVariant},r("slot",{key:"15bb8f4e695626dfe96a4708e81118d214b1efeb"})))};return n}());s.style=t}}}));

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

@@ -1 +0,0 @@
-System.register(["./p-369fc037.system.js"],(function(e){"use strict";var n,t,s;return{setters:[function(e){n=e.r;t=e.h;s=e.H}],execute:function(){var a="@tailwind utilities;\n\n:host {\n  display: -ms-inline-flexbox;\n  display: inline-flex\n}\n\n.open-quote {\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n}\n\n.quote{\n  gap: 1rem;\n\n  display: grid;\n  -webkit-user-select: all;\n     -moz-user-select: all;\n          user-select: all\n}\n\nspan {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\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      color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n";var c=a;var r=e("mds_quote",function(){function e(e){n(this,e);this.typography="h3"}e.prototype.render=function(){return t(s,{key:"0869548e062d318a691a3615ea09c44d2901703b"},t("mds-text",{key:"bd181e851abb083d82daa9c1145e889877f6392a",class:"open-quote",typography:this.typography},t("span",{key:"91777bc7d1352ba12717040cd14f228337613476"},t("i",{key:"9e6d08f5cfe34900652ec09d8c2a174daed28467"},"❝ "))),t("div",{key:"5b0214c657ccf28324861ecec72c74f891131612",class:"quote"},t("mds-text",{key:"7f06ab8398913fd68f40c91b8c3452c55a1338d1",typography:this.typography},t("i",{key:"60f12113f4e70643f47a33d5507fbde395099e6d"},t("slot",{key:"04c6c8f312bee45598c80b4bf8d98f745ac3a0b4"}),t("span",{key:"f83de716b38bbc2428970a7dff06567cbb52abd4"}," ❞"))),t("slot",{key:"c60ecd181c343573ebe78cf955a305cc85696816",name:"author"})))};return e}());r.style=c}}}));

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

@@ -1,9 +0,0 @@
-System.register(["./p-369fc037.system.js","./p-d8b1a0e7.system.js","./p-d68089ba.system.js","./p-846bafa4.system.js","./p-66056cdc.system.js","./p-eff30062.system.js"],(function(e){"use strict";var n,r,i,a,o,s,l,t,c,b;return{setters:[function(e){n=e.r;r=e.c;i=e.h;a=e.H;o=e.g},function(e){s=e.m},function(e){l=e.c},function(e){t=e.g;c=e.a;b=e.c},function(){},function(){}],execute:function(){
-/**
-             * filesize
-             *
-             * @copyright 2023 Jason Mulligan <jason.mulligan@avoidwork.com>
-             * @license BSD-3-Clause
-             * @version 10.1.0
-             */
-var v="array";var d="bit";var m="bits";var g="byte";var f="bytes";var u="";var p="exponent";var h="function";var w="iec";var k="Invalid number";var y="Invalid rounding method";var x="jedec";var B="object";var j=".";var q="round";var M="s";var z="si";var N="kbit";var E="kB";var T=" ";var G="string";var K="0";var P={symbol:{iec:{bits:["bit","Kibit","Mibit","Gibit","Tibit","Pibit","Eibit","Zibit","Yibit"],bytes:["B","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"]},jedec:{bits:["bit","Kbit","Mbit","Gbit","Tbit","Pbit","Ebit","Zbit","Ybit"],bytes:["B","KB","MB","GB","TB","PB","EB","ZB","YB"]}},fullform:{iec:["","kibi","mebi","gibi","tebi","pebi","exbi","zebi","yobi"],jedec:["","kilo","mega","giga","tera","peta","exa","zetta","yotta"]}};function Y(e,n){var r=n===void 0?{}:n,i=r.bits,a=i===void 0?false:i,o=r.pad,s=o===void 0?false:o,l=r.base,t=l===void 0?-1:l,c=r.round,b=c===void 0?2:c,Y=r.locale,Z=Y===void 0?u:Y,D=r.localeOptions,F=D===void 0?{}:D,C=r.separator,I=C===void 0?u:C,O=r.spacer,_=O===void 0?T:O,S=r.symbols,A=S===void 0?{}:S,H=r.standard,J=H===void 0?u:H,L=r.output,Q=L===void 0?G:L,R=r.fullform,U=R===void 0?false:R,V=r.fullforms,W=V===void 0?[]:V,X=r.exponent,$=X===void 0?-1:X,ee=r.roundingMethod,ne=ee===void 0?q:ee,re=r.precision,ie=re===void 0?0:re;var ae=$,oe=Number(e),se=[],le=0,te=u;if(J===z){t=10;J=x}else if(J===w||J===x){t=2}else if(t===2){J=w}else{t=10;J=x}var ce=t===10?1e3:1024,be=U===true,ve=oe<0,de=Math[ne];if(typeof e!=="bigint"&&isNaN(e)){throw new TypeError(k)}if(typeof de!==h){throw new TypeError(y)}if(ve){oe=-oe}if(ae===-1||isNaN(ae)){ae=Math.floor(Math.log(oe)/Math.log(ce));if(ae<0){ae=0}}if(ae>8){if(ie>0){ie+=8-ae}ae=8}if(Q===p){return ae}if(oe===0){se[0]=0;te=se[1]=P.symbol[J][a?m:f][ae]}else{le=oe/(t===2?Math.pow(2,ae*10):Math.pow(1e3,ae));if(a){le=le*8;if(le>=ce&&ae<8){le=le/ce;ae++}}var me=Math.pow(10,ae>0?b:0);se[0]=de(le*me)/me;if(se[0]===ce&&ae<8&&$===-1){se[0]=1;ae++}te=se[1]=t===10&&ae===1?a?N:E:P.symbol[J][a?m:f][ae]}if(ve){se[0]=-se[0]}if(ie>0){se[0]=se[0].toPrecision(ie)}se[1]=A[se[1]]||se[1];if(Z===true){se[0]=se[0].toLocaleString()}else if(Z.length>0){se[0]=se[0].toLocaleString(Z,F)}else if(I.length>0){se[0]=se[0].toString().replace(j,I)}if(s&&Number.isInteger(se[0])===false&&b>0){var ge=I||j,fe=se[0].toString().split(ge),ue=fe[1]||u,pe=ue.length,he=b-pe;se[0]="".concat(fe[0]).concat(ge).concat(ue.padEnd(pe+he,K))}if(be){se[1]=W[ae]?W[ae]:P.fullform[J][ae]+(a?d:g)+(se[0]===1?u:M)}return Q===v?se:Q===B?{value:se[0],symbol:se[1],exponent:ae,unit:te}:se.join(_)}var Z='@tailwind utilities;\n\n:host {\n\n  --mds-file-preview-background-color: rgb(var(--tone-neutral));\n  --mds-file-preview-border-radius: 0.5rem;\n  --mds-file-preview-color: rgb(var(--tone-neutral-03));\n  --mds-file-preview-icon-background: inherit;\n  --mds-file-preview-icon-color: var(--mds-file-preview-color);\n\n  -ms-flex-align: stretch;\n\n  align-items: stretch;\n  background-color: var(--mds-file-preview-background-color);\n  border-radius: var(--mds-file-preview-border-radius);\n  -webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  display: -ms-flexbox;\n  display: flex;\n  fill: var(--mds-file-preview-color);\n  -ms-flex-pack: stretch;\n  justify-content: stretch;\n  position: relative;\n}\n\n.card{\n\n  grid-template-columns: repeat(auto-fit, minmax(1px, 100%));\n\n  gap: 0.5rem;\n\n  padding: 1rem;\n\n  border-radius: var(--mds-file-preview-border-radius);\n  display: grid;\n  width: 100%;\n}\n\n.preview{\n\n  aspect-ratio: 1/1;\n\n  background-color: var(--mds-file-preview-icon-bacground);\n  border-radius: 0.25rem;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  color:  var(--mds-file-preview-color);\n  fill:  var(--mds-file-preview-icon-color);\n  width: 100%;\n}\n\n.preview--image {\n  -webkit-filter: brightness(0.975);\n  filter: brightness(0.975);\n  padding: 0 !important;\n}\n\n.preview--icon,\n.preview--status {\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  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n.preview--status{\n\n  gap: 0.5rem;\n\n  padding: 1rem;\n}\n\n.icon{\n\n  height: 3rem;\n\n  width: 3rem;\n}\n\n.message {\n  text-align: center;\n}\n\n.action-delete {\n  background-color: var(--mds-file-preview-background-color);\n  fill: var(--mds-file-preview-color);\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 10;\n}\n\n.infos{\n\n  gap: 0.5rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.suffix {\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n}\n\n.infos--has-file-size {\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\n\n.file-name {\n\n  --mds-text-line-clamp: 2;\n}\n\n:host([format="archive"]),\n:host([format="executable"]) {\n\n  --mds-file-preview-icon-color: rgb(var(--label-amaranth-04));\n  --mds-file-preview-color: rgb(var(--label-amaranth-04));\n  --mds-file-preview-icon-bacground: rgb(var(--label-amaranth-10));\n}\n\n:host([format="attachment"]) {\n\n  --mds-file-preview-icon-color: rgb(var(--tone-neutral-04));\n  --mds-file-preview-color: rgb(var(--tone-neutral-04));\n  --mds-file-preview-icon-bacground: rgb(var(--tone-neutral-10));\n}\n\n:host([format="audio"]),\n:host([format="video"]) {\n\n  --mds-file-preview-icon-color: rgb(var(--label-violet-04));\n  --mds-file-preview-color: rgb(var(--label-violet-04));\n  --mds-file-preview-icon-bacground: rgb(var(--label-violet-10));\n}\n\n:host([format="code"]),\n:host([format="data"]),\n:host([format="markup"]) {\n\n  --mds-file-preview-icon-color: rgb(var(--label-yellow-04));\n  --mds-file-preview-color: rgb(var(--label-yellow-04));\n  --mds-file-preview-icon-bacground: rgb(var(--label-yellow-10));\n}\n\n:host([format="document"]) {\n\n  --mds-file-preview-icon-color: rgb(var(--label-orange-04));\n  --mds-file-preview-color: rgb(var(--label-orange-04));\n  --mds-file-preview-icon-bacground: rgb(var(--label-orange-10));\n}\n\n:host([format="email"]),\n:host([format="text"]) {\n\n  --mds-file-preview-icon-color: rgb(var(--label-blue-04));\n  --mds-file-preview-color: rgb(var(--label-blue-04));\n  --mds-file-preview-icon-bacground: rgb(var(--label-blue-10));\n}\n\n:host([format="image"]) {\n\n  --mds-file-preview-icon-color: rgb(var(--label-green-04));\n  --mds-file-preview-color: rgb(var(--label-green-04));\n  --mds-file-preview-icon-bacground: rgb(var(--label-green-10));\n}\n\n:host([format="slide"]) {\n\n  --mds-file-preview-icon-color: rgb(var(--label-orchid-04));\n  --mds-file-preview-color: rgb(var(--label-orchid-04));\n  --mds-file-preview-icon-bacground: rgb(var(--label-orchid-10));\n}\n\n:host([format="spreadsheet"]) {\n\n  --mds-file-preview-icon-color: rgb(var(--label-lime-04));\n  --mds-file-preview-color: rgb(var(--label-lime-04));\n  --mds-file-preview-icon-bacground: rgb(var(--label-lime-10));\n}\n\n:host([format="vector"]) {\n\n  --mds-file-preview-icon-color: rgb(var(--label-aqua-04));\n  --mds-file-preview-color: rgb(var(--label-aqua-04));\n  --mds-file-preview-icon-bacground: rgb(var(--label-aqua-10));\n}\n\n@tailwind utilities;\n\n:host( [variant="info"][message] ) {\n\n  --mds-file-preview-icon-background-color: rgb(var(--status-info-09));\n  --mds-file-preview-icon-color: rgb(var(--status-info-04));\n}\n\n:host( [variant="success"][message] ) {\n\n  --mds-file-preview-icon-background-color: rgb(var(--status-success-09));\n  --mds-file-preview-icon-color: rgb(var(--status-success-04));\n}\n\n:host( [variant="warning"][message] ) {\n\n  --mds-file-preview-icon-background-color: rgb(var(--status-warning-09));\n  --mds-file-preview-icon-color: rgb(var(--status-warning-04));\n}\n\n:host( [variant="error"][message] ) {\n\n  --mds-file-preview-icon-background-color: rgb(var(--status-error-09));\n  --mds-file-preview-icon-color: rgb(var(--status-error-04));\n}\n\n\n:host( [variant="amaranth"][message] ) {\n\n  --mds-file-preview-icon-background-color: rgb(var(--label-amaranth-09));\n  --mds-file-preview-icon-color: rgb(var(--label-amaranth-04));\n}\n\n:host( [variant="aqua"][message] ) {\n\n  --mds-file-preview-icon-background-color: rgb(var(--label-aqua-09));\n  --mds-file-preview-icon-color: rgb(var(--label-aqua-04));\n}\n\n\n:host( [variant="blue"][message] ) {\n\n  --mds-file-preview-icon-background-color: rgb(var(--label-blue-09));\n  --mds-file-preview-icon-color: rgb(var(--label-blue-04));\n}\n\n:host( [variant="green"][message] ) {\n\n  --mds-file-preview-icon-background-color: rgb(var(--label-green-09));\n  --mds-file-preview-icon-color: rgb(var(--label-green-04));\n}\n\n:host( [variant="lime"][message] ) {\n\n  --mds-file-preview-icon-background-color: rgb(var(--label-lime-09));\n  --mds-file-preview-icon-color: rgb(var(--label-lime-04));\n}\n\n:host( [variant="orange"][message] ) {\n\n  --mds-file-preview-icon-background-color: rgb(var(--label-orange-09));\n  --mds-file-preview-icon-color: rgb(var(--label-orange-04));\n}\n\n:host( [variant="orchid"][message] ) {\n\n  --mds-file-preview-icon-background-color: rgb(var(--label-orchid-09));\n  --mds-file-preview-icon-color: rgb(var(--label-orchid-04));\n}\n\n:host( [variant="primary"][message] ) {\n\n  --mds-file-preview-icon-background-color: rgb(var(--brand-maggioli-09));\n  --mds-file-preview-icon-color: rgb(var(--brand-maggioli-04));\n}\n\n:host( [variant="sky"][message] ) {\n\n  --mds-file-preview-icon-background-color: rgb(var(--label-sky-09));\n  --mds-file-preview-icon-color: rgb(var(--label-sky-04));\n}\n\n:host( [variant="violet"][message] ) {\n\n  --mds-file-preview-icon-background-color: rgb(var(--label-violet-09));\n  --mds-file-preview-icon-color: rgb(var(--label-violet-04));\n}\n\n:host( [variant="yellow"][message] ) {\n\n  --mds-file-preview-icon-background-color: rgb(var(--label-yellow-09));\n  --mds-file-preview-icon-color: rgb(var(--label-yellow-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host( [variant="info"][message] ) {\n\n    --mds-file-preview-icon-background-color: rgb(var(--status-info-10));\n    --mds-file-preview-icon-color: rgb(var(--status-info-02));\n  }\n\n  :host( [variant="success"][message] ) {\n\n    --mds-file-preview-icon-background-color: rgb(var(--status-success-10));\n    --mds-file-preview-icon-color: rgb(var(--status-success-02));\n  }\n\n  :host( [variant="warning"][message] ) {\n\n    --mds-file-preview-icon-background-color: rgb(var(--status-warning-10));\n    --mds-file-preview-icon-color: rgb(var(--status-warning-02));\n  }\n\n  :host( [variant="error"][message] ) {\n\n    --mds-file-preview-icon-background-color: rgb(var(--status-error-10));\n    --mds-file-preview-icon-color: rgb(var(--status-error-02));\n  }\n\n\n  :host( [variant="amaranth"][message] ) {\n\n    --mds-file-preview-icon-background-color: rgb(var(--label-amaranth-10));\n    --mds-file-preview-icon-color: rgb(var(--label-amaranth-02));\n  }\n\n  :host( [variant="aqua"][message] ) {\n\n    --mds-file-preview-icon-background-color: rgb(var(--label-aqua-10));\n    --mds-file-preview-icon-color: rgb(var(--label-aqua-02));\n  }\n\n\n  :host( [variant="blue"][message] ) {\n\n    --mds-file-preview-icon-background-color: rgb(var(--label-blue-10));\n    --mds-file-preview-icon-color: rgb(var(--label-blue-02));\n  }\n\n  :host( [variant="green"][message] ) {\n\n    --mds-file-preview-icon-background-color: rgb(var(--label-green-10));\n    --mds-file-preview-icon-color: rgb(var(--label-green-02));\n  }\n\n  :host( [variant="lime"][message] ) {\n\n    --mds-file-preview-icon-background-color: rgb(var(--label-lime-10));\n    --mds-file-preview-icon-color: rgb(var(--label-lime-02));\n  }\n\n  :host( [variant="orange"][message] ) {\n\n    --mds-file-preview-icon-background-color: rgb(var(--label-orange-10));\n    --mds-file-preview-icon-color: rgb(var(--label-orange-02));\n  }\n\n  :host( [variant="orchid"][message] ) {\n\n    --mds-file-preview-icon-background-color: rgb(var(--label-orchid-10));\n    --mds-file-preview-icon-color: rgb(var(--label-orchid-02));\n  }\n\n  :host( [variant="primary"][message] ) {\n\n    --mds-file-preview-icon-background-color: rgb(var(--brand-maggioli-10));\n    --mds-file-preview-icon-color: rgb(var(--brand-maggioli-02));\n  }\n\n  :host( [variant="sky"][message] ) {\n\n    --mds-file-preview-icon-background-color: rgb(var(--label-sky-10));\n    --mds-file-preview-icon-color: rgb(var(--label-sky-02));\n  }\n\n  :host( [variant="violet"][message] ) {\n\n    --mds-file-preview-icon-background-color: rgb(var(--label-violet-10));\n    --mds-file-preview-icon-color: rgb(var(--label-violet-02));\n  }\n\n  :host( [variant="yellow"][message] ) {\n\n    --mds-file-preview-icon-background-color: rgb(var(--label-yellow-10));\n    --mds-file-preview-icon-color: rgb(var(--label-yellow-02));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host( [variant="info"][message] ) {\n\n      --mds-file-preview-icon-background-color: rgb(var(--status-info-10));\n      --mds-file-preview-icon-color: rgb(var(--status-info-02));\n    }\n\n    :host( [variant="success"][message] ) {\n\n      --mds-file-preview-icon-background-color: rgb(var(--status-success-10));\n      --mds-file-preview-icon-color: rgb(var(--status-success-02));\n    }\n\n    :host( [variant="warning"][message] ) {\n\n      --mds-file-preview-icon-background-color: rgb(var(--status-warning-10));\n      --mds-file-preview-icon-color: rgb(var(--status-warning-02));\n    }\n\n    :host( [variant="error"][message] ) {\n\n      --mds-file-preview-icon-background-color: rgb(var(--status-error-10));\n      --mds-file-preview-icon-color: rgb(var(--status-error-02));\n    }\n\n\n    :host( [variant="amaranth"][message] ) {\n\n      --mds-file-preview-icon-background-color: rgb(var(--label-amaranth-10));\n      --mds-file-preview-icon-color: rgb(var(--label-amaranth-02));\n    }\n\n    :host( [variant="aqua"][message] ) {\n\n      --mds-file-preview-icon-background-color: rgb(var(--label-aqua-10));\n      --mds-file-preview-icon-color: rgb(var(--label-aqua-02));\n    }\n\n\n    :host( [variant="blue"][message] ) {\n\n      --mds-file-preview-icon-background-color: rgb(var(--label-blue-10));\n      --mds-file-preview-icon-color: rgb(var(--label-blue-02));\n    }\n\n    :host( [variant="green"][message] ) {\n\n      --mds-file-preview-icon-background-color: rgb(var(--label-green-10));\n      --mds-file-preview-icon-color: rgb(var(--label-green-02));\n    }\n\n    :host( [variant="lime"][message] ) {\n\n      --mds-file-preview-icon-background-color: rgb(var(--label-lime-10));\n      --mds-file-preview-icon-color: rgb(var(--label-lime-02));\n    }\n\n    :host( [variant="orange"][message] ) {\n\n      --mds-file-preview-icon-background-color: rgb(var(--label-orange-10));\n      --mds-file-preview-icon-color: rgb(var(--label-orange-02));\n    }\n\n    :host( [variant="orchid"][message] ) {\n\n      --mds-file-preview-icon-background-color: rgb(var(--label-orchid-10));\n      --mds-file-preview-icon-color: rgb(var(--label-orchid-02));\n    }\n\n    :host( [variant="primary"][message] ) {\n\n      --mds-file-preview-icon-background-color: rgb(var(--brand-maggioli-10));\n      --mds-file-preview-icon-color: rgb(var(--brand-maggioli-02));\n    }\n\n    :host( [variant="sky"][message] ) {\n\n      --mds-file-preview-icon-background-color: rgb(var(--label-sky-10));\n      --mds-file-preview-icon-color: rgb(var(--label-sky-02));\n    }\n\n    :host( [variant="violet"][message] ) {\n\n      --mds-file-preview-icon-background-color: rgb(var(--label-violet-10));\n      --mds-file-preview-icon-color: rgb(var(--label-violet-02));\n    }\n\n    :host( [variant="yellow"][message] ) {\n\n      --mds-file-preview-icon-background-color: rgb(var(--label-yellow-10));\n      --mds-file-preview-icon-color: rgb(var(--label-yellow-02));\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .preview {\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    .preview {\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    -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\n    --mds-file-preview-color: rgb(var(--tone-neutral-01));\n\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n\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\n      --mds-file-preview-color: rgb(var(--tone-neutral-01));\n\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n\n';var D=Z;var F=e("mds_file_preview",function(){function e(e){var i=this;n(this,e);this.downloadedEvent=r(this,"mdsFileDownload",7);this.deletedEvent=r(this,"mdsFileDelete",7);this.getDefaultDescription=function(){return t(i.filename,i.suffix).description};this.onClickDeletedEvent=function(){i.deletedEvent.emit({target:i.host,filename:i.filename,extension:c(i.filename,i.suffix)})};this.onClickDownloadEvent=function(){i.downloadedEvent.emit({target:i.host,filename:i.filename,extension:c(i.filename,i.suffix)})};this.deletable=undefined;this.downloadable=undefined;this.description=undefined;this.filename=undefined;this.filesize=undefined;this.message=undefined;this.truncate="word";this.src=undefined;this.suffix=undefined;this.icon=undefined;this.variant=undefined;this.format=undefined}e.prototype.componentWillLoad=function(){this.format=t(this.filename,this.suffix).format};e.prototype.componentDidLoad=function(){this.handleDownloadable(this.downloadable)};e.prototype.handleFilename=function(e){this.format=t(e,this.suffix).format};e.prototype.handleDownloadable=function(e,n){var r;if(e===n)return;var i=(r=this.host.shadowRoot)===null||r===void 0?void 0:r.querySelector(".card");if(e){i===null||i===void 0?void 0:i.addEventListener("click",this.onClickDownloadEvent);return}i===null||i===void 0?void 0:i.removeEventListener("click",this.onClickDownloadEvent)};e.prototype.render=function(){var e,n,r;return i(a,{key:"3e22f95a410b9587d25c1360c3a83ba4fbb49265"},this.deletable&&i("mds-button",{key:"69ae6f4de44d37eb587c7c88cb854cd198f058b4",class:"action-delete",icon:s,variant:"light",onClick:this.onClickDeletedEvent}),i("div",{key:"172674682f4e217dc3f385b420df9449b0ef686d",class:"card",part:"card",onClick:this.onClickDownloadEvent},this.src&&!this.message&&t(this.filename,this.suffix).preview?i("mds-img",{src:this.src,class:"preview preview--image","aspect-ratio":"1/1"}):i("div",{class:l("preview",!this.message?"preview--icon":"preview--status")},this.icon?i("mds-icon",{class:"icon",name:this.icon}):i("mds-icon",{class:"icon",name:b(this.filename,this.suffix).icon}),this.message&&i("mds-text",{class:"message",typography:"caption",variant:"info"},this.message)),i("mds-text",{key:"1186dbc3b2e1efa2e3c89e2dd58709f3c0bd3d73",class:"file-name",typography:"h6",variant:"title",truncate:this.truncate,title:this.filename},this.filename),i("footer",{key:"3b31040cdfa14434df1dcbf39b09ba38ee36579e",class:l("infos",this.filesize&&"infos--has-file-size")},this.filesize&&this.filesize===Number(this.filesize).toString()&&i("mds-text",{key:"46b176c04ee6a7fe9d305caf18ec6fecdd75d5f7",class:"file-size",truncate:"word",typography:"caption",variant:"info"},Y(Number(this.filesize),{standard:"jedec"})),this.filesize&&this.filesize!==Number(this.filesize).toString()&&i("mds-text",{key:"0b7c0caa88e1ddd877c8fb3b3c912eae7952ace9",class:"file-size",truncate:"word",typography:"caption",variant:"info"},this.filesize),c(this.filename,this.suffix)&&i("mds-badge",{key:"8408bc6bf58b09c086140616adc2badd81a2142f",variant:b(this.filename,this.suffix).variant,tone:"weak",class:"suffix",title:(e=this.description)!==null&&e!==void 0?e:this.getDefaultDescription()},c(this.filename,this.suffix)),!this.filesize&&i("mds-text",{key:"bf57ea88022bc53569b2453f2be6394ec086713e",class:"description",truncate:"word",typography:"caption",variant:"info",title:(n=this.description)!==null&&n!==void 0?n:this.getDefaultDescription()},(r=this.description)!==null&&r!==void 0?r:this.getDefaultDescription()))))};Object.defineProperty(e.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{filename:["handleFilename"],downloadable:["handleDownloadable"]}},enumerable:false,configurable:true});return e}());F.style=D}}}));