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

package/dist/magma-components/p-63f0d264.entry.js

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

package/dist/magma-components/p-66056cdc.system.js

@@ -1 +0,0 @@
-System.register([],(function(o){"use strict";return{execute:function(){var e=o("f",{"7z":{format:"archive",description:"Archivio compresso"},ace:{format:"archive",description:"Archivio compresso"},ai:{format:"vector",description:"Vettoriale Adobe Illustrator"},dart:{format:"code",description:"Dart"},db:{format:"data",description:"File di database"},default:{format:"attachment",description:"Formato sconosciuto"},dmg:{format:"executable",description:"Apple Disk Image"},doc:{format:"text",description:"Documento Microsoft Word"},docm:{format:"text",description:"Documento Microsoft Word"},docx:{format:"text",description:"Documento Microsoft Word Compresso"},eml:{format:"email",description:"E-mail di posta elettronica"},eps:{format:"vector",description:"Vettoriale Corel Draw"},exe:{format:"executable",description:"File eseguibile Windows"},flac:{format:"audio",description:"Audio non compresso"},gif:{format:"image",description:"Immagine compressa",preview:true},htm:{format:"markup",description:"Pagina web"},heic:{format:"image",description:"High Efficiency Image File Format"},html:{format:"markup",description:"Pagina web"},jpe:{format:"image",description:"Immagine compressa",preview:true},jpeg:{format:"image",description:"Immagine compressa",preview:true},jpg:{format:"image",description:"Immagine compressa",preview:true},js:{format:"code",description:"JavaScript"},json:{format:"data",description:"JavaScript Object Notation"},jsx:{format:"code",description:"JavaScript"},m2v:{format:"video",description:"Filmato SD"},mp2:{format:"audio",description:"Audio compresso"},mp3:{format:"audio",description:"Audio compresso"},mp4:{format:"video",description:"Filmato HD"},mp4v:{format:"video",description:"Filmato HD"},mpeg:{format:"video",description:"Filmato SD"},mpg4:{format:"video",description:"Filmato SD"},mpg:{format:"video",description:"Filmato SD"},mpga:{format:"audio",description:"Audio compresso"},odp:{format:"slide",description:"Slide di presentazione LibreOffice"},ods:{format:"spreadsheet",description:"Foglio di calcolo LibreOffice"},odt:{format:"text",description:"File di testo LibreOffice"},pdf:{format:"document",description:"Documento Adobe"},php:{format:"code",description:"Hypertext Preprocessor"},png:{format:"image",description:"Immagine Portable Network Graphics",preview:true},ppt:{format:"slide",description:"Slide di presentazione PowerPoint"},rar:{format:"archive",description:"Archivio compresso"},rtf:{format:"text",description:"Documento di testo Rich Text Format"},sass:{format:"code",description:"Syntactically Awesome StyleSheets"},shtml:{format:"markup",description:"Pagina web"},svg:{format:"vector",description:"Scalable Vector Graphics",preview:true},tar:{format:"archive",description:"Archivio non compresso"},tiff:{format:"image",description:"Tag Image File Format"},ts:{format:"code",description:"TypeScript"},tsx:{format:"code",description:"TypeScript Extended Syntax"},txt:{format:"text",description:"Documento di testo non formattato"},wav:{format:"audio",description:"Audio non compresso"},webp:{format:"image",description:"Immagine Web Picture",preview:true},xar:{format:"archive",description:"Archivio compresso"},xls:{format:"spreadsheet",description:"Foglio di calcolo Office"},xlsx:{format:"spreadsheet",description:"Foglio di calcolo Office"},zip:{format:"archive",description:"Archivio compresso"}});var i=o("g",new Map([["image",[".png",".jpg",".jpeg",".tiff",".webp",".jpe",".gif",".heic"]],["audio",[".mp2",".mp3",".mpga",".wav",".flac"]],["video",[".mv2",".mp4",".mp4v",".mpeg",".mpg4",".mpg"]]]))}}}));

package/dist/magma-components/p-663bb379.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-369fc037.system.js","./p-06bbdfbc.system.js","./p-eff30062.system.js","./p-e249cc64.system.js","./p-b3afbdcd.system.js"],(function(t){"use strict";var i,r,s,e,a,n,o,c;return{setters:[function(t){i=t.r;r=t.c;s=t.h;e=t.H;a=t.g},function(t){n=t.s},function(t){o=t.m},function(t){c=t.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="M21 5v6.59l-3-3.01l-4 4.01l-4-4l-4 4l-3-3.01V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2zm-3 6.42l3 3.01V19c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-6.58l3 2.99l4-4l4 4l4-3.99z"/></svg>';var h="Load image";var d={clickToLoad:h};var m="Carica immagine";var u={clickToLoad:m};var g="@tailwind components; @tailwind utilities; :host{--mds-img-background:rgb(var(--brand-maggioli-03));--mds-img-color:rgb(var(--brand-maggioli-09));--mds-img-icon-color:rgb(var(--brand-maggioli-07));--mds-img-error-background:rgb(var(--status-error-09));--mds-img-error-color:rgb(var(--status-error-04));--mds-img-error-icon-color:rgb(var(--status-error-06));display:-ms-flexbox;display:flex;-o-object-fit:cover;object-fit:cover;overflow:hidden;position:relative}img{width:100%;-o-object-fit:inherit;object-fit:inherit}.alt-text-container{gap:1.5rem;padding:1.5rem;-ms-flex-align:center;align-items:center;background-color:var(--mds-img-background);color:var(--mds-img-color);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;text-align:center}.alt-text-container--absolute{cursor:pointer;inset:0;position:absolute}.alt-text-container--error{--mds-img-background:var(--mds-img-error-background);--mds-img-color:var(--mds-img-error-color);--mds-img-icon-color:var(--mds-img-error-icon-color);cursor:not-allowed}.alt-text-container--default-aspect-ratio{cursor:pointer;width:100%}.click-to-load{pointer-events:none}.icon{width:2.25rem;fill:var(--mds-img-icon-color)}";var f=g;var v=t("mds_img",function(){function t(t){var s=this;i(this,t);this.loadErrorEvent=r(this,"mdsImgLoadError",7);this.loadSuccessEvent=r(this,"mdsImgLoadSuccess",7);this.consumptionMode="high";this.t=new c({en:d,it:u});this.onSuccess=function(t){s.image=t.target;s.loadSuccessEvent.emit({image:s.image})};this.onError=function(t){s.image=t.target;s.loadErrorEvent.emit({image:s.image});s.imageError=true};this.formatConsumptionData=function(t){var i={};t.split(",").forEach((function(t){var r=t.trim().replace(/[ ]{2,}/g," ").split(" ");if(r[1].toLocaleLowerCase()==="low"){i.low=r[0]}if(r[1].toLocaleLowerCase()==="medium"){i.medium=r[0]}if(r[1].toLocaleLowerCase()==="high"){i.high=r[0]}}));return i};this.autoAltName=function(){if(s.src){var t=s.src.lastIndexOf("/")+1;return s.src.substring(t)}return""};this.setAriaAttributes=function(){n(s.host,"aria-label",s.alt)};this.imageConsumptionLoaded=false;this.imageError=false;this.alt="";this.crossorigin="use-credentials";this.height=undefined;this.loading="lazy";this.referrerpolicy="no-referrer-when-downgrade";this.sizes=undefined;this.src=undefined;this.srcset=undefined;this.srcsetConsumption=undefined;this.width=undefined}t.prototype.srcsetConsumptionHandler=function(t){this.srcsetConsumptionData=this.formatConsumptionData(t)};t.prototype.componentWillLoad=function(){var t;this.consumptionMode=(t=localStorage.getItem("mdsPrefConsumption"))!==null&&t!==void 0?t:"high";if(this.srcsetConsumption){this.srcsetConsumptionData=this.formatConsumptionData(this.srcsetConsumption)}this.image=this.host.querySelector("img");if(!this.alt){this.alt=this.autoAltName()}};t.prototype.componentWillRender=function(){this.t.lang(this.host)};t.prototype.componentDidLoad=function(){this.setAriaAttributes()};t.prototype.render=function(){var t=this;var i,r;if(this.imageError){return s(e,{"aria-label":this.alt,role:"img"},s("div",{class:"contrast-area-50"}),s("div",{class:"alt-text-container alt-text-container--error alt-text-container--default-aspect-ratio"},s("mds-icon",{class:"icon",name:l}),s("mds-text",{class:"alt-text","aria-hidden":"true",typography:"h6"},s("i",null,this.alt))))}if(this.srcsetConsumptionData){if(this.consumptionMode==="low"){return s(e,{"aria-label":this.alt,role:"img",onClick:function(){t.imageConsumptionLoaded=true}},s("div",{class:"contrast-area-50"}),!this.imageConsumptionLoaded?s("div",{class:"alt-text-container alt-text-container--default-aspect-ratio"},s("mds-icon",{class:"icon",name:o}),s("mds-text",{class:"alt-text","aria-hidden":"true",typography:"h6"},s("i",null,this.alt)),s("mds-button",{class:"click-to-load","aria-hidden":"true",variant:"light",tone:"ghost"},this.t.get("clickToLoad"))):s("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,part:"media",sizes:this.sizes,src:(i=this.srcsetConsumptionData[this.consumptionMode])!==null&&i!==void 0?i:this.src,srcset:this.srcset,width:this.width}))}return s(e,{"aria-label":this.alt,role:"img"},s("div",{class:"contrast-area-50"}),s("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,part:"media",sizes:this.sizes,src:(r=this.srcsetConsumptionData[this.consumptionMode])!==null&&r!==void 0?r:this.src,srcset:this.srcset,width:this.width}))}return s(e,{"aria-label":this.alt,role:"img"},s("div",{class:"contrast-area-50"}),s("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,part:"media",sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))};Object.defineProperty(t.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{srcsetConsumption:["srcsetConsumptionHandler"]}},enumerable:false,configurable:true});return t}());v.style=f}}}));

package/dist/magma-components/p-66976b79.entry.js

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

package/dist/magma-components/p-66f540ac.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-369fc037.system.js","./p-6dd91714.system.js","./p-e249cc64.system.js","./p-b3afbdcd.system.js"],(function(e){"use strict";var t,n,r,s,a,o,i;return{setters:[function(e){t=e.r;n=e.c;r=e.h;s=e.H;a=e.g},function(e){o=e.m},function(e){i=e.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="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2S2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"/></svg>';var c='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25zm0 6l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25zm-7.5-5.5L9 4L6.5 9.5L1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zm-1.51 3.49L9 15.17l-.99-2.18L5.83 12l2.18-.99L9 8.83l.99 2.18l2.18.99l-2.18.99z"/></svg>';var m='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4L6.5 9.5L1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25L19 15z"/></svg>';var f="Περισσότερο";var d="Προεπιλογή";var v="Αντίθεση";var u="Ρυθμίσεις συστήματος";var h={contrastMore:f,contrastDefault:d,label:v,systemSettings:u};var b="More";var g="Default";var p="Contrast";var y="System settings";var w={contrastMore:b,contrastDefault:g,label:p,systemSettings:y};var L="Mayor";var S="Predeterminado";var x="Contraste";var M="Sistema operativo";var k={contrastMore:L,contrastDefault:S,label:x,systemSettings:M};var z="Maggiore";var C="Predefinito";var j="Contrasto";var D="Sistema operativo";var P={contrastMore:z,contrastDefault:C,label:j,systemSettings:D};var B="@tailwind utilities;\n\n:host{\n\n  gap: 0.25rem;\n\n  display: grid;\n}\n\n.item {\n\n  --mds-tab-item-color: rgb(var(--tone-neutral-05));\n\n  -ms-flex-preferred-size: 0;\n\n  flex-basis: 0;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n}\n\n.item--default,\n.item--more,\n.item--system {\n\n  --mds-tab-item-color-selected: rgb(var(--tone-neutral-03));\n}\n\n@container style(--magma-pref-contrast: more) {\n  .item {\n\n    --mds-tab-item-color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    .item {\n\n      --mds-tab-item-color: rgb(var(--tone-neutral-01));\n  }\n}\n}\n\n";var O=B;var _=e("mds_pref_contrast",function(){function e(e){var r=this;t(this,e);this.prefChangeEvent=n(this,"mdsPrefChange",7);this.localStorageAlias="mdsPrefContrast";this.customPropertyAlias="--magma-pref-contrast";this.defaultMode="system";this.t=new i({el:h,en:w,es:k,it:P});this.prefersDefaults={custom:"no-preference",less:"no-preference",more:"more","no-preference":"no-preference"};this.contrast={more:{selector:"pref-contrast-more",label:"contrastMore"},system:{selector:"pref-contrast-system",label:"systemSettings"},"no-preference":{selector:"pref-contrast-no-preference",label:"contrastDefault"}};this.rollbackContrast=function(){if(!window){return r.defaultMode}for(var e in r.prefersDefaults){if({}.hasOwnProperty.call(r.prefersDefaults,e)){if(window.matchMedia("(prefers-contrast: ".concat(e,")")).matches){return r.prefersDefaults[e]}}}throw Error("No prefers-contrast value found.")};this.setContrast=function(e){r.prefChangeEvent.emit({preference:"contrast"});r.rollbackContrast();r.mode=e;localStorage.setItem(r.localStorageAlias,r.mode);if(document){var t=document.querySelector("html");for(var n in r.contrast){if({}.hasOwnProperty.call(r.contrast,n)){t===null||t===void 0?void 0:t.classList.remove(r.contrast[n].selector)}}t===null||t===void 0?void 0:t.classList.add(r.contrast[e].selector);t===null||t===void 0?void 0:t.style.setProperty(r.customPropertyAlias,r.mode)}};this.mode=undefined}e.prototype.componentWillRender=function(){this.t.lang(this.element)};e.prototype.componentDidLoad=function(){var e,t;this.setContrast((t=(e=this.mode)!==null&&e!==void 0?e:localStorage.getItem(this.localStorageAlias))!==null&&t!==void 0?t:this.defaultMode)};e.prototype.modeChanged=function(e,t){if(e!==t){this.setContrast(e)}};e.prototype.render=function(){var e=this;var t;return r(s,{key:"f108eda4017cc6dbd89059a74928a0d3712dc24b"},r("mds-text",{key:"84a7b7df54d10998e3ce4588d1ffc3d7e2147433",class:"info",typography:"caption"},r("b",{key:"67c93f5272c39749bfdf23116021aeb8d464d13e"},this.t.get("label"))," ",this.t.get(this.contrast[(t=this.mode)!==null&&t!==void 0?t:this.defaultMode].label)),r("mds-tab",{key:"fff6a461e6e111134734411cbe44d1728981280e"},r("mds-tab-item",{key:"1a28ea6f5bb9eaa69ad022b82947d8acaa16dbbc",selected:this.mode==="more",onClick:function(){e.setContrast("more")},class:"item item--more",icon:l}),r("mds-tab-item",{key:"0a4f8a6fd898043fba97caebde14cc954a21dbb3",selected:this.mode==="system",onClick:function(){e.setContrast("system")},class:"item item--system",icon:o}),r("mds-tab-item",{key:"e12f104728c146daa01ee90a45be49ce2d52dd5e",selected:this.mode==="no-preference",onClick:function(){e.setContrast("no-preference")},class:"item item--default",icon:this.mode==="no-preference"?m:c})))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{mode:["modeChanged"]}},enumerable:false,configurable:true});return e}());_.style=O}}}));

package/dist/magma-components/p-676db22b.entry.js

@@ -1 +0,0 @@
-import{r as l,c as a,h as n,H as r,g as e}from"./p-b6defcb6.js";import{m as o}from"./p-19dab167.js";import{K as b}from"./p-4cd1cddc.js";const t=class{constructor(n){l(this,n),this.deletedEvent=a(this,"mdsLabelDelete",7),this.km=new b,this.onClickDelete=l=>{l.stopPropagation(),l.preventDefault(),this.deletedEvent.emit()},this.handleKeyboard=()=>{var l;if(this.deletable){const a=null===(l=this.host.shadowRoot)||void 0===l?void 0:l.querySelector(".close");return this.km.addElement(a),void this.km.attachClickBehavior()}this.km.detachClickBehavior()},this.labelAction="Rimuovi",this.variant="sky",this.tone="quiet",this.truncate=void 0,this.typography="caption",this.deletable=!1}componentDidLoad(){this.handleKeyboard()}componentDidUpdate(){this.handleKeyboard()}disconnectedCallback(){this.km.detachClickBehavior()}render(){return n(r,{key:"91406d3339f455e81d85cf89778a176ce5ace81d"},n("mds-text",{key:"12cc18afce2704405ad108e4a4cc8371a3fba92d",class:"text",truncate:this.truncate,typography:this.typography},n("slot",{key:"21b6a80dee146e3afd710826c24be3ea109b77f1"})),this.deletable&&n("mds-button",{key:"7432828a7805d42aed3edd64856c45d2f864e981",class:"button-close",icon:o,onClick:this.onClickDelete.bind(this),title:this.labelAction}))}get host(){return e(this)}};t.style='@tailwind utilities;\n\n/**\n * @prop --mds-label-background: Sets the background-color of the component\n * @prop --mds-label-color: Sets the text color of the component\n * @prop --mds-label-icon-color: Sets the color of the icon\n * @prop --mds-label-selection-background: Sets the selection background color of the text\n * @prop --mds-label-selection-color: Sets the selection color of the text\n */\n\n:host {\n\n  --mds-label-background: rgb(var(--label-yellow-09));\n  --mds-label-color: rgb(var(--label-yellow-02));\n  --mds-label-icon-color: var(--mds-label-color);\n  --mds-label-radius: 0.375rem;\n  --mds-label-selection-background: var(--magma-selection-background, rgb(var(--label-yellow-09)));\n  --mds-label-selection-color: var(--magma-selection-color, rgb(var(--label-yellow-02)));\n  --mds-label-button-background: rgb(var(--label-yellow-08));\n  --mds-label-button-background-hover: rgb(var(--label-yellow-07));\n  --mds-label-button-icon-color: rgb(var(--label-yellow-03));\n  min-height: 2.25rem;\n  padding-left: 0.75rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  -ms-flex-align: stretch;\n\n  align-items: stretch;\n  background-color: var(--mds-label-background);\n  border-radius: var(--mds-label-radius);\n  color: var(--mds-label-color);\n  display: -ms-flexbox;\n  display: flex;\n  fill: var(--mds-label-icon-color);\n  -webkit-transition-property: color, background-color, fill;\n  transition-property: color, background-color, fill;\n}\n\n:host::-moz-selection {\n  background-color: var(--mds-label-selection-background);\n  color: var(--mds-label-selection-color);\n}\n\n:host::selection {\n  background-color: var(--mds-label-selection-background);\n  color: var(--mds-label-selection-color);\n}\n\n.text{\n\n  min-width: 0rem;\n\n  padding-top: 0.25rem;\n\n  padding-bottom: 0.25rem;\n\n  --mds-text-selection-background: var(--mds-label-selection-background);\n  --mds-text-selection-color: var(--mds-label-selection-color);\n\n  -ms-flex-item-align: center;\n\n  align-self: center;\n  display: block;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n}\n\n.text:last-child{\n\n  padding-right: 0.75rem;\n}\n\n.button-close{\n\n  margin: 0.0625rem;\n\n  margin-left: 0.25rem;\n\n  border-top-right-radius: 0.375rem;\n\n  border-bottom-right-radius: 0.375rem;\n\n  padding-left: 0.375rem;\n\n  padding-right: 0.375rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  --mds-button-background: var(--mds-label-button-background);\n\n  border-radius: 0 var(--mds-label-radius) var(--mds-label-radius) 0;\n  fill: var(--mds-label-button-icon-color);\n  height: auto;\n  -webkit-transition-property: fill;\n  transition-property: fill;\n}\n\n.button-close:hover {\n\n  --mds-button-background: var(--mds-label-button-background-hover);\n}\n\n@tailwind utilities;\n\n:host( [variant="amaranth"] ),\n:host( [variant="amaranth"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--label-amaranth-04));\n  --mds-label-button-background: rgb(var(--label-amaranth-04));\n  --mds-label-button-background-hover: rgb(var(--label-amaranth-05));\n  --mds-label-button-icon-color: rgb(var(--label-amaranth-10));\n  --mds-label-color: rgb(var(--label-amaranth-10));\n  --mds-label-icon-color: rgb(var(--label-amaranth-10));\n  --mds-label-selection-background: rgb(var(--label-amaranth-08));\n  --mds-label-selection-color: rgb(var(--label-amaranth-02));\n}\n\n:host( [variant="amaranth"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--label-amaranth-08));\n  --mds-label-button-background: rgb(var(--label-amaranth-09));\n  --mds-label-button-background-hover: rgb(var(--label-amaranth-08));\n  --mds-label-button-icon-color: rgb(var(--label-amaranth-04));\n  --mds-label-color: rgb(var(--label-amaranth-02));\n  --mds-label-icon-color: rgb(var(--label-amaranth-02));\n  --mds-label-selection-background: rgb(var(--label-amaranth-06));\n  --mds-label-selection-color: rgb(var(--label-amaranth-10));\n}\n\n:host( [variant="amaranth"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--label-amaranth-09));\n  --mds-label-button-background: rgb(var(--label-amaranth-09));\n  --mds-label-button-background-hover: rgb(var(--label-amaranth-08));\n  --mds-label-button-icon-color: rgb(var(--label-amaranth-04));\n  --mds-label-color: rgb(var(--label-amaranth-04));\n  --mds-label-icon-color: rgb(var(--label-amaranth-04));\n  --mds-label-selection-background: rgb(var(--label-amaranth-05));\n  --mds-label-selection-color: rgb(var(--label-amaranth-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="aqua"] ),\n:host( [variant="aqua"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--label-aqua-04));\n  --mds-label-button-background: rgb(var(--label-aqua-04));\n  --mds-label-button-background-hover: rgb(var(--label-aqua-05));\n  --mds-label-button-icon-color: rgb(var(--label-aqua-10));\n  --mds-label-color: rgb(var(--label-aqua-10));\n  --mds-label-icon-color: rgb(var(--label-aqua-10));\n  --mds-label-selection-background: rgb(var(--label-aqua-08));\n  --mds-label-selection-color: rgb(var(--label-aqua-02));\n}\n\n:host( [variant="aqua"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--label-aqua-08));\n  --mds-label-button-background: rgb(var(--label-aqua-09));\n  --mds-label-button-background-hover: rgb(var(--label-aqua-08));\n  --mds-label-button-icon-color: rgb(var(--label-aqua-04));\n  --mds-label-color: rgb(var(--label-aqua-02));\n  --mds-label-icon-color: rgb(var(--label-aqua-02));\n  --mds-label-selection-background: rgb(var(--label-aqua-06));\n  --mds-label-selection-color: rgb(var(--label-aqua-10));\n}\n\n:host( [variant="aqua"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--label-aqua-09));\n  --mds-label-button-background: rgb(var(--label-aqua-09));\n  --mds-label-button-background-hover: rgb(var(--label-aqua-08));\n  --mds-label-button-icon-color: rgb(var(--label-aqua-04));\n  --mds-label-color: rgb(var(--label-aqua-04));\n  --mds-label-icon-color: rgb(var(--label-aqua-04));\n  --mds-label-selection-background: rgb(var(--label-aqua-05));\n  --mds-label-selection-color: rgb(var(--label-aqua-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="blue"] ),\n:host( [variant="blue"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--label-blue-04));\n  --mds-label-button-background: rgb(var(--label-blue-04));\n  --mds-label-button-background-hover: rgb(var(--label-blue-05));\n  --mds-label-button-icon-color: rgb(var(--label-blue-10));\n  --mds-label-color: rgb(var(--label-blue-10));\n  --mds-label-icon-color: rgb(var(--label-blue-10));\n  --mds-label-selection-background: rgb(var(--label-blue-08));\n  --mds-label-selection-color: rgb(var(--label-blue-02));\n}\n\n:host( [variant="blue"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--label-blue-08));\n  --mds-label-button-background: rgb(var(--label-blue-09));\n  --mds-label-button-background-hover: rgb(var(--label-blue-08));\n  --mds-label-button-icon-color: rgb(var(--label-blue-04));\n  --mds-label-color: rgb(var(--label-blue-02));\n  --mds-label-icon-color: rgb(var(--label-blue-02));\n  --mds-label-selection-background: rgb(var(--label-blue-06));\n  --mds-label-selection-color: rgb(var(--label-blue-10));\n}\n\n:host( [variant="blue"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--label-blue-09));\n  --mds-label-button-background: rgb(var(--label-blue-09));\n  --mds-label-button-background-hover: rgb(var(--label-blue-08));\n  --mds-label-button-icon-color: rgb(var(--label-blue-04));\n  --mds-label-color: rgb(var(--label-blue-04));\n  --mds-label-icon-color: rgb(var(--label-blue-04));\n  --mds-label-selection-background: rgb(var(--label-blue-05));\n  --mds-label-selection-color: rgb(var(--label-blue-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="dark"] ),\n:host( [variant="dark"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--tone-neutral-02));\n  --mds-label-button-background: rgb(var(--tone-neutral-02));\n  --mds-label-button-background-hover: rgb(var(--tone-neutral-04));\n  --mds-label-button-icon-color: rgb(var(--tone-neutral-10));\n  --mds-label-color: rgb(var(--tone-neutral-09));\n  --mds-label-icon-color: rgb(var(--tone-neutral-09));\n  --mds-label-selection-background: rgb(var(--tone-neutral-08));\n  --mds-label-selection-color: rgb(var(--tone-neutral-02));\n}\n\n:host( [variant="dark"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--tone-neutral-08));\n  --mds-label-button-background: rgb(var(--tone-neutral-09));\n  --mds-label-button-background-hover: rgb(var(--tone-neutral-08));\n  --mds-label-button-icon-color: rgb(var(--tone-neutral-03));\n  --mds-label-color: rgb(var(--tone-neutral-02));\n  --mds-label-icon-color: rgb(var(--tone-neutral-02));\n  --mds-label-selection-background: rgb(var(--tone-neutral-06));\n  --mds-label-selection-color: rgb(var(--tone-neutral-10));\n}\n\n:host( [variant="dark"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--tone-neutral-09));\n  --mds-label-button-background: rgb(var(--tone-neutral-09));\n  --mds-label-button-background-hover: rgb(var(--tone-neutral-08));\n  --mds-label-button-icon-color: rgb(var(--tone-neutral-03));\n  --mds-label-color: rgb(var(--tone-neutral-04));\n  --mds-label-icon-color: rgb(var(--tone-neutral-04));\n  --mds-label-selection-background: rgb(var(--tone-neutral-05));\n  --mds-label-selection-color: rgb(var(--tone-neutral-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="error"] ),\n:host( [variant="error"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--status-error-04));\n  --mds-label-button-background: rgb(var(--status-error-04));\n  --mds-label-button-background-hover: rgb(var(--status-error-05));\n  --mds-label-button-icon-color: rgb(var(--status-error-10));\n  --mds-label-color: rgb(var(--status-error-10));\n  --mds-label-icon-color: rgb(var(--status-error-10));\n  --mds-label-selection-background: rgb(var(--status-error-08));\n  --mds-label-selection-color: rgb(var(--status-error-02));\n}\n\n:host( [variant="error"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--status-error-08));\n  --mds-label-button-background: rgb(var(--status-error-09));\n  --mds-label-button-background-hover: rgb(var(--status-error-08));\n  --mds-label-button-icon-color: rgb(var(--status-error-04));\n  --mds-label-color: rgb(var(--status-error-02));\n  --mds-label-icon-color: rgb(var(--status-error-02));\n  --mds-label-selection-background: rgb(var(--status-error-06));\n  --mds-label-selection-color: rgb(var(--status-error-10));\n}\n\n:host( [variant="error"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--status-error-09));\n  --mds-label-button-background: rgb(var(--status-error-09));\n  --mds-label-button-background-hover: rgb(var(--status-error-08));\n  --mds-label-button-icon-color: rgb(var(--status-error-04));\n  --mds-label-color: rgb(var(--status-error-04));\n  --mds-label-icon-color: rgb(var(--status-error-04));\n  --mds-label-selection-background: rgb(var(--status-error-05));\n  --mds-label-selection-color: rgb(var(--status-error-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="green"] ),\n:host( [variant="green"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--label-green-04));\n  --mds-label-button-background: rgb(var(--label-green-04));\n  --mds-label-button-background-hover: rgb(var(--label-green-05));\n  --mds-label-button-icon-color: rgb(var(--label-green-10));\n  --mds-label-color: rgb(var(--label-green-10));\n  --mds-label-icon-color: rgb(var(--label-green-10));\n  --mds-label-selection-background: rgb(var(--label-green-08));\n  --mds-label-selection-color: rgb(var(--label-green-02));\n}\n\n:host( [variant="green"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--label-green-08));\n  --mds-label-button-background: rgb(var(--label-green-09));\n  --mds-label-button-background-hover: rgb(var(--label-green-08));\n  --mds-label-button-icon-color: rgb(var(--label-green-04));\n  --mds-label-color: rgb(var(--label-green-02));\n  --mds-label-icon-color: rgb(var(--label-green-02));\n  --mds-label-selection-background: rgb(var(--label-green-06));\n  --mds-label-selection-color: rgb(var(--label-green-10));\n}\n\n:host( [variant="green"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--label-green-09));\n  --mds-label-button-background: rgb(var(--label-green-09));\n  --mds-label-button-background-hover: rgb(var(--label-green-08));\n  --mds-label-button-icon-color: rgb(var(--label-green-04));\n  --mds-label-color: rgb(var(--label-green-04));\n  --mds-label-icon-color: rgb(var(--label-green-04));\n  --mds-label-selection-background: rgb(var(--label-green-05));\n  --mds-label-selection-color: rgb(var(--label-green-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="info"] ),\n:host( [variant="info"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--status-info-04));\n  --mds-label-button-background: rgb(var(--status-info-04));\n  --mds-label-button-background-hover: rgb(var(--status-info-05));\n  --mds-label-button-icon-color: rgb(var(--status-info-10));\n  --mds-label-color: rgb(var(--status-info-10));\n  --mds-label-icon-color: rgb(var(--status-info-10));\n  --mds-label-selection-background: rgb(var(--status-info-08));\n  --mds-label-selection-color: rgb(var(--status-info-02));\n}\n\n:host( [variant="info"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--status-info-08));\n  --mds-label-button-background: rgb(var(--status-info-09));\n  --mds-label-button-background-hover: rgb(var(--status-info-08));\n  --mds-label-button-icon-color: rgb(var(--status-info-04));\n  --mds-label-color: rgb(var(--status-info-02));\n  --mds-label-icon-color: rgb(var(--status-info-02));\n  --mds-label-selection-background: rgb(var(--status-info-06));\n  --mds-label-selection-color: rgb(var(--status-info-10));\n}\n\n:host( [variant="info"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--status-info-09));\n  --mds-label-button-background: rgb(var(--status-info-09));\n  --mds-label-button-background-hover: rgb(var(--status-info-08));\n  --mds-label-button-icon-color: rgb(var(--status-info-04));\n  --mds-label-color: rgb(var(--status-info-04));\n  --mds-label-icon-color: rgb(var(--status-info-04));\n  --mds-label-selection-background: rgb(var(--status-info-05));\n  --mds-label-selection-color: rgb(var(--status-info-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="light"] ),\n:host( [variant="light"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--tone-neutral-10));\n  --mds-label-button-background: rgb(var(--tone-neutral-10));\n  --mds-label-button-background-hover: rgb(var(--tone-neutral-09));\n  --mds-label-button-icon-color: rgb(var(--tone-neutral-03));\n  --mds-label-color: rgb(var(--tone-neutral-03));\n  --mds-label-icon-color: rgb(var(--tone-neutral-03));\n  --mds-label-selection-background: rgb(var(--tone-neutral-03));\n  --mds-label-selection-color: rgb(var(--tone-neutral-09));\n}\n\n:host( [variant="light"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--tone-neutral-09));\n  --mds-label-button-background: rgb(var(--tone-neutral-09));\n  --mds-label-button-background-hover: rgb(var(--tone-neutral-10));\n  --mds-label-button-icon-color: rgb(var(--tone-neutral-03));\n  --mds-label-color: rgb(var(--tone-neutral-03));\n  --mds-label-icon-color: rgb(var(--tone-neutral-03));\n  --mds-label-selection-background: rgb(var(--tone-neutral-03));\n  --mds-label-selection-color: rgb(var(--tone-neutral-09));\n}\n\n:host( [variant="light"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--tone-neutral-09));\n  --mds-label-button-background: rgb(var(--tone-neutral-09));\n  --mds-label-button-background-hover: rgb(var(--tone-neutral-09));\n  --mds-label-button-icon-color: rgb(var(--tone-neutral-02));\n  --mds-label-color: rgb(var(--tone-neutral-02));\n  --mds-label-icon-color: rgb(var(--tone-neutral-02));\n  --mds-label-selection-background: rgb(var(--tone-neutral-02));\n  --mds-label-selection-color: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n:host( [variant="lime"] ),\n:host( [variant="lime"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--label-lime-04));\n  --mds-label-button-background: rgb(var(--label-lime-04));\n  --mds-label-button-background-hover: rgb(var(--label-lime-05));\n  --mds-label-button-icon-color: rgb(var(--label-lime-10));\n  --mds-label-color: rgb(var(--label-lime-10));\n  --mds-label-icon-color: rgb(var(--label-lime-10));\n  --mds-label-selection-background: rgb(var(--label-lime-08));\n  --mds-label-selection-color: rgb(var(--label-lime-02));\n}\n\n:host( [variant="lime"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--label-lime-08));\n  --mds-label-button-background: rgb(var(--label-lime-09));\n  --mds-label-button-background-hover: rgb(var(--label-lime-08));\n  --mds-label-button-icon-color: rgb(var(--label-lime-04));\n  --mds-label-color: rgb(var(--label-lime-02));\n  --mds-label-icon-color: rgb(var(--label-lime-02));\n  --mds-label-selection-background: rgb(var(--label-lime-06));\n  --mds-label-selection-color: rgb(var(--label-lime-10));\n}\n\n:host( [variant="lime"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--label-lime-09));\n  --mds-label-button-background: rgb(var(--label-lime-09));\n  --mds-label-button-background-hover: rgb(var(--label-lime-08));\n  --mds-label-button-icon-color: rgb(var(--label-lime-04));\n  --mds-label-color: rgb(var(--label-lime-04));\n  --mds-label-icon-color: rgb(var(--label-lime-04));\n  --mds-label-selection-background: rgb(var(--label-lime-05));\n  --mds-label-selection-color: rgb(var(--label-lime-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="orange"] ),\n:host( [variant="orange"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--label-orange-04));\n  --mds-label-button-background: rgb(var(--label-orange-04));\n  --mds-label-button-background-hover: rgb(var(--label-orange-05));\n  --mds-label-button-icon-color: rgb(var(--label-orange-10));\n  --mds-label-color: rgb(var(--label-orange-10));\n  --mds-label-icon-color: rgb(var(--label-orange-10));\n  --mds-label-selection-background: rgb(var(--label-orange-08));\n  --mds-label-selection-color: rgb(var(--label-orange-02));\n}\n\n:host( [variant="orange"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--label-orange-08));\n  --mds-label-button-background: rgb(var(--label-orange-09));\n  --mds-label-button-background-hover: rgb(var(--label-orange-08));\n  --mds-label-button-icon-color: rgb(var(--label-orange-04));\n  --mds-label-color: rgb(var(--label-orange-02));\n  --mds-label-icon-color: rgb(var(--label-orange-02));\n  --mds-label-selection-background: rgb(var(--label-orange-06));\n  --mds-label-selection-color: rgb(var(--label-orange-10));\n}\n\n:host( [variant="orange"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--label-orange-09));\n  --mds-label-button-background: rgb(var(--label-orange-09));\n  --mds-label-button-background-hover: rgb(var(--label-orange-08));\n  --mds-label-button-icon-color: rgb(var(--label-orange-04));\n  --mds-label-color: rgb(var(--label-orange-04));\n  --mds-label-icon-color: rgb(var(--label-orange-04));\n  --mds-label-selection-background: rgb(var(--label-orange-05));\n  --mds-label-selection-color: rgb(var(--label-orange-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="orchid"] ),\n:host( [variant="orchid"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--label-orchid-04));\n  --mds-label-button-background: rgb(var(--label-orchid-04));\n  --mds-label-button-background-hover: rgb(var(--label-orchid-05));\n  --mds-label-button-icon-color: rgb(var(--label-orchid-10));\n  --mds-label-color: rgb(var(--label-orchid-10));\n  --mds-label-icon-color: rgb(var(--label-orchid-10));\n  --mds-label-selection-background: rgb(var(--label-orchid-08));\n  --mds-label-selection-color: rgb(var(--label-orchid-02));\n}\n\n:host( [variant="orchid"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--label-orchid-08));\n  --mds-label-button-background: rgb(var(--label-orchid-09));\n  --mds-label-button-background-hover: rgb(var(--label-orchid-08));\n  --mds-label-button-icon-color: rgb(var(--label-orchid-04));\n  --mds-label-color: rgb(var(--label-orchid-02));\n  --mds-label-icon-color: rgb(var(--label-orchid-02));\n  --mds-label-selection-background: rgb(var(--label-orchid-06));\n  --mds-label-selection-color: rgb(var(--label-orchid-10));\n}\n\n:host( [variant="orchid"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--label-orchid-09));\n  --mds-label-button-background: rgb(var(--label-orchid-09));\n  --mds-label-button-background-hover: rgb(var(--label-orchid-08));\n  --mds-label-button-icon-color: rgb(var(--label-orchid-04));\n  --mds-label-color: rgb(var(--label-orchid-04));\n  --mds-label-icon-color: rgb(var(--label-orchid-04));\n  --mds-label-selection-background: rgb(var(--label-orchid-05));\n  --mds-label-selection-color: rgb(var(--label-orchid-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="sky"] ),\n:host( [variant="sky"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--label-sky-04));\n  --mds-label-button-background: rgb(var(--label-sky-04));\n  --mds-label-button-background-hover: rgb(var(--label-sky-05));\n  --mds-label-button-icon-color: rgb(var(--label-sky-10));\n  --mds-label-color: rgb(var(--label-sky-10));\n  --mds-label-icon-color: rgb(var(--label-sky-10));\n  --mds-label-selection-background: rgb(var(--label-sky-08));\n  --mds-label-selection-color: rgb(var(--label-sky-02));\n}\n\n:host( [variant="sky"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--label-sky-08));\n  --mds-label-button-background: rgb(var(--label-sky-09));\n  --mds-label-button-background-hover: rgb(var(--label-sky-08));\n  --mds-label-button-icon-color: rgb(var(--label-sky-04));\n  --mds-label-color: rgb(var(--label-sky-02));\n  --mds-label-icon-color: rgb(var(--label-sky-02));\n  --mds-label-selection-background: rgb(var(--label-sky-06));\n  --mds-label-selection-color: rgb(var(--label-sky-10));\n}\n\n:host( [variant="sky"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--label-sky-09));\n  --mds-label-button-background: rgb(var(--label-sky-09));\n  --mds-label-button-background-hover: rgb(var(--label-sky-08));\n  --mds-label-button-icon-color: rgb(var(--label-sky-04));\n  --mds-label-color: rgb(var(--label-sky-04));\n  --mds-label-icon-color: rgb(var(--label-sky-04));\n  --mds-label-selection-background: rgb(var(--label-sky-05));\n  --mds-label-selection-color: rgb(var(--label-sky-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="success"] ),\n:host( [variant="success"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--status-success-04));\n  --mds-label-button-background: rgb(var(--status-success-04));\n  --mds-label-button-background-hover: rgb(var(--status-success-05));\n  --mds-label-button-icon-color: rgb(var(--status-success-10));\n  --mds-label-color: rgb(var(--status-success-10));\n  --mds-label-icon-color: rgb(var(--status-success-10));\n  --mds-label-selection-background: rgb(var(--status-success-08));\n  --mds-label-selection-color: rgb(var(--status-success-02));\n}\n\n:host( [variant="success"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--status-success-08));\n  --mds-label-button-background: rgb(var(--status-success-09));\n  --mds-label-button-background-hover: rgb(var(--status-success-08));\n  --mds-label-button-icon-color: rgb(var(--status-success-04));\n  --mds-label-color: rgb(var(--status-success-02));\n  --mds-label-icon-color: rgb(var(--status-success-02));\n  --mds-label-selection-background: rgb(var(--status-success-06));\n  --mds-label-selection-color: rgb(var(--status-success-10));\n}\n\n:host( [variant="success"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--status-success-09));\n  --mds-label-button-background: rgb(var(--status-success-09));\n  --mds-label-button-background-hover: rgb(var(--status-success-08));\n  --mds-label-button-icon-color: rgb(var(--status-success-04));\n  --mds-label-color: rgb(var(--status-success-04));\n  --mds-label-icon-color: rgb(var(--status-success-04));\n  --mds-label-selection-background: rgb(var(--status-success-05));\n  --mds-label-selection-color: rgb(var(--status-success-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="violet"] ),\n:host( [variant="violet"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--label-violet-04));\n  --mds-label-button-background: rgb(var(--label-violet-04));\n  --mds-label-button-background-hover: rgb(var(--label-violet-05));\n  --mds-label-button-icon-color: rgb(var(--label-violet-10));\n  --mds-label-color: rgb(var(--label-violet-10));\n  --mds-label-icon-color: rgb(var(--label-violet-10));\n  --mds-label-selection-background: rgb(var(--label-violet-08));\n  --mds-label-selection-color: rgb(var(--label-violet-02));\n}\n\n:host( [variant="violet"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--label-violet-08));\n  --mds-label-button-background: rgb(var(--label-violet-09));\n  --mds-label-button-background-hover: rgb(var(--label-violet-08));\n  --mds-label-button-icon-color: rgb(var(--label-violet-04));\n  --mds-label-color: rgb(var(--label-violet-02));\n  --mds-label-icon-color: rgb(var(--label-violet-02));\n  --mds-label-selection-background: rgb(var(--label-violet-06));\n  --mds-label-selection-color: rgb(var(--label-violet-10));\n}\n\n:host( [variant="violet"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--label-violet-09));\n  --mds-label-button-background: rgb(var(--label-violet-09));\n  --mds-label-button-background-hover: rgb(var(--label-violet-08));\n  --mds-label-button-icon-color: rgb(var(--label-violet-04));\n  --mds-label-color: rgb(var(--label-violet-04));\n  --mds-label-icon-color: rgb(var(--label-violet-04));\n  --mds-label-selection-background: rgb(var(--label-violet-05));\n  --mds-label-selection-color: rgb(var(--label-violet-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="warning"] ),\n:host( [variant="warning"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--status-warning-04));\n  --mds-label-button-background: rgb(var(--status-warning-04));\n  --mds-label-button-background-hover: rgb(var(--status-warning-05));\n  --mds-label-button-icon-color: rgb(var(--status-warning-10));\n  --mds-label-color: rgb(var(--status-warning-10));\n  --mds-label-icon-color: rgb(var(--status-warning-10));\n  --mds-label-selection-background: rgb(var(--status-warning-08));\n  --mds-label-selection-color: rgb(var(--status-warning-02));\n}\n\n:host( [variant="warning"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--status-warning-08));\n  --mds-label-button-background: rgb(var(--status-warning-09));\n  --mds-label-button-background-hover: rgb(var(--status-warning-08));\n  --mds-label-button-icon-color: rgb(var(--status-warning-04));\n  --mds-label-color: rgb(var(--status-warning-02));\n  --mds-label-icon-color: rgb(var(--status-warning-02));\n  --mds-label-selection-background: rgb(var(--status-warning-06));\n  --mds-label-selection-color: rgb(var(--status-warning-10));\n}\n\n:host( [variant="warning"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--status-warning-09));\n  --mds-label-button-background: rgb(var(--status-warning-09));\n  --mds-label-button-background-hover: rgb(var(--status-warning-08));\n  --mds-label-button-icon-color: rgb(var(--status-warning-04));\n  --mds-label-color: rgb(var(--status-warning-04));\n  --mds-label-icon-color: rgb(var(--status-warning-04));\n  --mds-label-selection-background: rgb(var(--status-warning-05));\n  --mds-label-selection-color: rgb(var(--status-warning-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="yellow"] ),\n:host( [variant="yellow"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--label-yellow-04));\n  --mds-label-button-background: rgb(var(--label-yellow-04));\n  --mds-label-button-background-hover: rgb(var(--label-yellow-05));\n  --mds-label-button-icon-color: rgb(var(--label-yellow-10));\n  --mds-label-color: rgb(var(--label-yellow-10));\n  --mds-label-icon-color: rgb(var(--label-yellow-10));\n  --mds-label-selection-background: rgb(var(--label-yellow-08));\n  --mds-label-selection-color: rgb(var(--label-yellow-02));\n}\n\n:host( [variant="yellow"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--label-yellow-08));\n  --mds-label-button-background: rgb(var(--label-yellow-09));\n  --mds-label-button-background-hover: rgb(var(--label-yellow-08));\n  --mds-label-button-icon-color: rgb(var(--label-yellow-04));\n  --mds-label-color: rgb(var(--label-yellow-02));\n  --mds-label-icon-color: rgb(var(--label-yellow-02));\n  --mds-label-selection-background: rgb(var(--label-yellow-06));\n  --mds-label-selection-color: rgb(var(--label-yellow-10));\n}\n\n:host( [variant="yellow"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--label-yellow-09));\n  --mds-label-button-background: rgb(var(--label-yellow-09));\n  --mds-label-button-background-hover: rgb(var(--label-yellow-08));\n  --mds-label-button-icon-color: rgb(var(--label-yellow-04));\n  --mds-label-color: rgb(var(--label-yellow-04));\n  --mds-label-icon-color: rgb(var(--label-yellow-04));\n  --mds-label-selection-background: rgb(var(--label-yellow-05));\n  --mds-label-selection-color: rgb(var(--label-yellow-09));\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) 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 {\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 {\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    :host {\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';export{t as mds_label}

package/dist/magma-components/p-6810a806.system.entry.js

@@ -1 +0,0 @@
-var __spreadArray=this&&this.__spreadArray||function(n,e,r){if(r||arguments.length===2)for(var t=0,i=e.length,s;t<i;t++){if(s||!(t in e)){if(!s)s=Array.prototype.slice.call(e,0,t);s[t]=e[t]}}return n.concat(s||Array.prototype.slice.call(e))};System.register(["./p-369fc037.system.js","./p-d68089ba.system.js"],(function(n){"use strict";var e,r,t,i,s,o;return{setters:[function(n){e=n.r;r=n.c;t=n.h;i=n.H;s=n.g},function(n){o=n.c}],execute:function(){var a="@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-stepper-bar-item-color: Sets the color of the text\n * @prop --mds-stepper-bar-item-duaration: Sets the duration of the animation\n * @prop --mds-stepper-bar-item-icon-background-done: Sets the background-color of the icon when the component is done\n * @prop --mds-stepper-bar-item-icon-background-current: Sets the background-color of the icon when the component is current\n * @prop --mds-stepper-bar-item-icon-background: Sets the background-color of the icon\n * @prop --mds-stepper-bar-item-icon-color-done: Sets the color of the icon when the component is done\n * @prop --mds-stepper-bar-item-icon-color-current: Sets the color of the icon when the component is current\n * @prop --mds-stepper-bar-item-icon-color: Sets the color of the icon\n * @prop --mds-stepper-bar-item-icon-ring-size: Sets the size of the icon circle when the component is current\n * @prop --mds-stepper-bar-item-min-width: Sets the minimum width of the component\n * @prop --mds-stepper-bar-item-progress-background: Sets the background color of the progress bar\n * @prop --mds-stepper-bar-item-progress-color: Sets the color of the progress bar\n * @prop --mds-stepper-bar-item-progress-thickness: Sets the thickness of the progress bar\n */\n\n:host {\n\n  --mds-stepper-bar-item-color: rgb(var(--tone-neutral-03));\n  --mds-stepper-bar-item-duaration: 250ms;\n  --mds-stepper-bar-item-icon-background-done: rgb(var(--status-success-05));\n  --mds-stepper-bar-item-icon-background-current: rgb(var(--brand-maggioli-04));\n  --mds-stepper-bar-item-icon-background: var(--mds-stepper-bar-item-progress-background, rgb(var(--tone-neutral-08)));\n  --mds-stepper-bar-item-icon-color-done: rgb(var(--status-success-10));\n  --mds-stepper-bar-item-icon-color-current: rgb(var(--tone-neutral));\n  --mds-stepper-bar-item-icon-color: rgb(var(--tone-neutral-04));\n  --mds-stepper-bar-item-icon-ring-color: var(--mds-stepper-bar-item-icon-background-current);\n  --mds-stepper-bar-item-icon-ring-separator-color: rgb(var(--tone-neutral));\n  --mds-stepper-bar-item-icon-ring-separator-size: 0.375rem;\n  --mds-stepper-bar-item-icon-ring-size: 0.25rem;\n  --mds-stepper-bar-item-min-width: 180px;\n  --mds-stepper-bar-item-progress-background: rgb(var(--tone-neutral-08));\n  --mds-stepper-bar-item-progress-color: rgb(var(--status-success-04));\n  --mds-stepper-bar-item-progress-thickness: 0.5rem;\n  gap: 1rem;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  min-width: var(--mds-stepper-bar-item-min-width);\n  padding-left: calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size));\n  padding-top: calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size));\n  position: relative;\n  scroll-snap-align: center;\n  -webkit-transition-property: outline, outline-offset;\n  transition-property: outline, outline-offset;\n}\n\n:host( :last-of-type ){\n\n  -ms-flex-preferred-size: 0.25rem;\n\n  flex-basis: 0.25rem;\n}\n\n:host( :last-of-type ) .progress {\n  display: hidden;\n}\n\n:host([done]) .icon {\n\n  --mds-stepper-bar-item-icon-background: var(--mds-stepper-bar-item-icon-background-done);\n  --mds-stepper-bar-item-icon-color: var(--mds-stepper-bar-item-icon-color-done);\n\n  -webkit-transition-delay: 0ms;\n\n  transition-delay: 0ms;\n}\n\n:host([current]) .icon {\n\n  --mds-stepper-bar-item-icon-background: var(--mds-stepper-bar-item-icon-background-current);\n  --mds-stepper-bar-item-icon-color: var(--mds-stepper-bar-item-icon-color-current);\n\n  -webkit-transition-delay: calc(var(--mds-stepper-bar-item-duaration) / 2);\n\n  transition-delay: calc(var(--mds-stepper-bar-item-duaration) / 2);\n}\n\n:host(:not([done])) .icon,\n:host(:not([current])) .icon {\n\n  --mds-stepper-bar-item-icon-ring-color: var(--mds-stepper-bar-item-icon-background);\n}\n\n.header{\n\n  width: 100%;\n\n  border-radius: 0.375rem;\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  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-transition-property: outline, outline-offset;\n  transition-property: outline, outline-offset;\n}\n\n.icon{\n\n  border-radius: 9999px;\n\n  padding: 0.5rem;\n\n  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-stepper-bar-item-icon-background);\n  -webkit-box-shadow: 0 0 0 var(--mds-stepper-bar-item-icon-ring-size) var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-size) var(--mds-stepper-bar-item-icon-ring-separator-color);\n  box-shadow: 0 0 0 var(--mds-stepper-bar-item-icon-ring-size) var(--mds-stepper-bar-item-icon-ring-color), 0 0 0 var(--mds-stepper-bar-item-icon-ring-separator-size) var(--mds-stepper-bar-item-icon-ring-separator-color);\n  display: -ms-flexbox;\n  display: flex;\n  fill: var(--mds-stepper-bar-item-icon-color);\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  position: relative;\n  -webkit-transition-duration: var(--mds-stepper-bar-item-duaration);\n  transition-duration: var(--mds-stepper-bar-item-duaration);\n  -webkit-transition-property: background-color, fill, -webkit-box-shadow;\n  transition-property: background-color, fill, -webkit-box-shadow;\n  transition-property: background-color, box-shadow, fill;\n  transition-property: background-color, box-shadow, fill, -webkit-box-shadow;\n}\n\n.progress {\n\n  --mds-stepper-bar-item-background: var(--mds-stepper-bar-item-progress-background);\n  --mds-stepper-bar-item-color: var(--mds-stepper-bar-item-progress-color);\n  --mds-stepper-bar-item-thickness: var(--mds-stepper-bar-item-progress-thickness);\n  margin-left: -0.25rem;\n\n  -ms-flex-positive: 1;\n\n  flex-grow: 1;\n  margin-right: calc(calc(calc(var(--mds-stepper-bar-item-icon-ring-size) + var(--mds-stepper-bar-item-icon-ring-separator-size)) * -1) - 0.25rem);\n  position: relative;\n  z-index: -1;\n}\n\n.infos{\n\n  gap: 0.25rem;\n\n  padding-left: 0.25rem;\n\n  display: grid;\n}\n\n.text{\n\n  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  color: var(--mds-stepper-bar-item-color);\n  pointer-events: none;\n  -webkit-transition-duration: var(--mds-stepper-bar-item-duaration);\n  transition-duration: var(--mds-stepper-bar-item-duaration);\n  -webkit-transition-property: color;\n  transition-property: color;\n}\n\n.badge{\n\n  border-radius: 9999px;\n\n  pointer-events: none;\n}\n\n.step{\n\n  border-radius: 9999px;\n\n  color: rgb(var(--tone-neutral-04));\n  pointer-events: none;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .header,\n  .icon,\n  .text {\n    -webkit-transition-delay: 0s !important;\n    transition-delay: 0s !important;\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    .header,\n    .icon,\n    .text {\n      -webkit-transition-delay: 0s !important;\n      transition-delay: 0s !important;\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";var p=a;var d=n("mds_stepper_bar_item",function(){function n(n){var i=this;e(this,n);this.doneEvent=r(this,"mdsStepperBarItemDone",7);this.showBadge=function(){if(i.isDone){return t("mds-badge",{class:"badge",variant:"success",tone:"weak",typography:"option"},"Completato")}if(i.isCurrent){return t("mds-badge",{class:"badge",variant:"info",tone:"weak",typography:"option"},"In corso")}return t("mds-badge",{class:"badge",variant:"dark",tone:"weak",typography:"option"},"In coda")};this.isDone=undefined;this.isCurrent=undefined;this.index=undefined;this.label=undefined;this.step=undefined;this.badge=undefined;this.icon=undefined;this.iconChecked=this.icon;this.done=false;this.current=false;this.value=undefined;this.typography="h6"}n.prototype.componentWillLoad=function(){this.isCurrent=this.current;this.isDone=this.done;var n=this.host.parentElement;if(n)this.index=__spreadArray([],Array.from(n.childNodes),true).indexOf(this.host)};n.prototype.selectedHandler=function(n){this.isDone=n};n.prototype.currentHandler=function(n){this.isCurrent=n};n.prototype.render=function(){return t(i,{key:"715f4ed46dd375ba551e95e0aa7cb4efc4a31f63"},t("header",{key:"264b3b0097255542637b030b21f5e1671ddc1878",class:"header",tabindex:"0"},t("mds-icon",{key:"a3450a3cee7e601c4c96ddec0f1b0f3f71bca4d8",class:"icon",name:o(this.isDone&&!this.isCurrent?this.iconChecked:this.icon)}),t("mds-progress",{key:"95634a5ef10acab544d5f11288f6dc4e4d079b46",class:"progress",progress:this.isDone?1:0})),t("div",{key:"abbabd9a031c0d21d83b0c6f63a81512b9cb06a8",class:"infos"},this.step&&t("mds-text",{key:"ceb824218fa61d539b535878caf768f367243d8c",class:"step",typography:"option"},"step ",this.index+1),this.label&&t("mds-text",{key:"9db318bad863eb57fd65b88dfae3ec957217bb13",class:"text",typography:this.typography},this.label),this.badge&&t("div",{key:"896a0943deed1e16bfd475b133a7ae10ea29e5fc"},this.showBadge())))};Object.defineProperty(n.prototype,"host",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{done:["selectedHandler"],current:["currentHandler"]}},enumerable:false,configurable:true});return n}());d.style=p}}}));

package/dist/magma-components/p-6c14d91c.entry.js

@@ -1 +0,0 @@
-import{r as t,c as r,h as e,H as o,g as s}from"./p-b6defcb6.js";import{m as a}from"./p-adc5a87e.js";import{K as d}from"./p-4cd1cddc.js";const b=class{constructor(e){t(this,e),this.changedEvent=r(this,"mdsBreadcrumbChange",7),this.kb=new d,this.queryItems=()=>this.element.querySelectorAll("mds-breadcrumb-item"),this.updateBackButton=t=>{var r;if(!this.back)return;const e=null===(r=this.element.shadowRoot)||void 0===r?void 0:r.querySelector(".back");if(0===t)return e.classList.add("disabled"),void this.kb.detachClickBehavior();e.classList.remove("disabled"),this.kb.attachClickBehavior()},this.togglePrevious=()=>{const t=this.element.querySelector("mds-breadcrumb-item[selected]");if(!t)return;const r=Number(t.id.replace("item-","")),e=this.queryItems();let o=0;e.forEach(((t,e)=>{t.selected=e===r-1,t.selected&&(o=e)})),this.updateBackButton(o),this.onChanged(o,t)},this.onChanged=(t,r)=>{this.changedEvent.emit({id:t.toString(),caller:r})},this.back=!0}componentDidLoad(){var t;this.queryItems().forEach(((t,r)=>t.id=`item-${r}`));const r=this.element.querySelector("mds-breadcrumb-item[selected]");if(r&&"item-0"!==r.id||this.updateBackButton(0),this.back){const r=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".back");this.kb.addElement(r),this.kb.attachClickBehavior()}}componentDidUpdate(){var t;if(this.back){const r=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".back");return this.kb.addElement(r),void this.kb.attachClickBehavior()}this.kb.detachClickBehavior()}disconnectedCallback(){this.kb.detachClickBehavior()}activedEventHandler(t){const r=this.queryItems();let e=0;r.forEach(((r,o)=>{r.selected=`item-${o}`===t.detail.id&&t.detail.selected,r.selected&&(e=o)})),this.updateBackButton(e),this.onChanged(e,t.target)}render(){return e(o,{key:"811a3bfb64f35b4e271c2d347fbb4feeab697250"},this.back&&e("mds-button",{key:"b932a7c994f692e07a7d6b4568ede0a1be469dbe",class:"back",icon:a,onClick:this.togglePrevious}),e("slot",{key:"bf2616eacdcdcbf4ce723c2fd41102b8d72ebad2"}))}get element(){return s(this)}};b.style="@tailwind components; @tailwind utilities; :host{--mds-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05));-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:0rem;padding:0.5rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;overflow:auto;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;width:100%}:host::-webkit-scrollbar{display:none}.back{margin-right:0.25rem;--mds-button-background:var(--mds-breadcrumb-button-background);fill:var(--mds-breadcrumb-button-color);-ms-flex-negative:0;flex-shrink:0}.back:hover{--mds-button-background:var(--mds-breadcrumb-button-background-hover);fill:var(--mds-breadcrumb-button-color-hover)}.disabled{--mds-button-background:var(--mds-breadcrumb-button-background-disabled);fill:var(--mds-breadcrumb-button-color-disabled);pointer-events:none}";export{b as mds_breadcrumb}

package/dist/magma-components/p-6e2784c9.entry.js

@@ -1 +0,0 @@
-import{r as n,h as t,H as i,g as o}from"./p-b6defcb6.js";import{o as s,s as a,c as e,a as r}from"./p-ac2a7c27.js";const c=class{constructor(t){n(this,t),this.placement="right-start",this.updatePosition=()=>{const n=new Array,t="disabled"===this.strategy?"absolute":"fixed";n.push(s(0)),n.push(a({padding:0})),e(this.caller,this.host,{middleware:n,placement:this.placement,strategy:t}).then((({x:n,y:t})=>{Object.assign(this.host.style,{left:`${n}px`,top:`${t}px`})}))},this.clean=n=>this.max&&n>this.max?`+${Number(this.max).toLocaleString()}`:Number(n).toLocaleString(),this.target=void 0,this.value=0,this.visible=!0,this.strategy="fixed",this.max=void 0}componentDidRender(){if(!this.target)return void(this.strategy="disabled");const n=document.querySelector(this.target);if(!n)throw new Error("No valid target found");this.caller=n}componentDidLoad(){"disabled"!==this.strategy&&this.target&&!this.cleanupAutoUpdate&&setTimeout((()=>{this.cleanupAutoUpdate=r(this.caller,this.host,this.updatePosition)}),100)}disconnectedCallback(){this.cleanupAutoUpdate=()=>{}}strategyHandler(n){"disabled"===n&&(this.cleanupAutoUpdate=()=>{})}render(){return t(i,{key:"c42ba41c2d9c58bbbbbbfd92957fd8c1a7798a41"},t("mds-text",{key:"a3d539060f7d7e5594c13dcaf1c0bbe6e0d56a30",typography:"caption",class:"dot"},this.value?this.clean(this.value):""))}get host(){return o(this)}static get watchers(){return{strategy:["strategyHandler"]}}};c.style='@tailwind utilities;\n\n/**\n * @prop --mds-notification-color: Sets the text color of the component\n * @prop --mds-notification-dot-background: Sets the background-color of the component\n * @prop --mds-notification-dot-padding: Sets the size of the component\n * @prop --mds-notification-size: Sets the size of the component\n * @prop --mds-notification-ring-size: Sets the border size of ring around the notification\n * @prop --mds-notification-ring-color: Sets the border color of ring around the notification\n * @prop --mds-notification-translate-offset-x: Sets offset x positioning of the notification\n * @prop --mds-notification-translate-offset-y: Sets offset y positioning of the notification\n */\n\n:host {\n\n  --mds-notification-color: rgb(var(--tone-neutral));\n  --mds-notification-dot-background: rgb(var(--status-error-05));\n  --mds-notification-dot-padding: 6px;\n  --mds-notification-size: 20px;\n  --mds-notification-ring-size: 2px;\n  --mds-notification-ring-color: rgb(var(--tone-neutral));\n  --mds-notification-translate-offset-x: -1.75;\n  --mds-notification-translate-offset-y: -2;\n  --mds-notification-translate: translate(calc(var(--mds-notification-size) / var(--mds-notification-translate-offset-x)), calc(var(--mds-notification-size) / var(--mds-notification-translate-offset-y)));\n  --mds-notification-min-width: var(--mds-notification-size);\n  z-index: 10;\n  border-radius: 9999px;\n  opacity: 0;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  bottom: 100%;\n  color: var(--mds-notification-color);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  height: var(--mds-notification-size);\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n  min-width: -moz-max-content;\n  min-width: -webkit-max-content;\n  min-width: max-content;\n  pointer-events: none;\n  right: 100%;\n  -webkit-transform: var(--mds-notification-translate) scale(0);\n  transform: var(--mds-notification-translate) scale(0);\n  -webkit-transform-origin: calc(100% - calc(var(--mds-notification-size) / 2)) 50%;\n  transform-origin: calc(100% - calc(var(--mds-notification-size) / 2)) 50%;\n  -webkit-transition-property: color, height, opacity, width, -webkit-transform;\n  transition-property: color, height, opacity, width, -webkit-transform;\n  transition-property: color, height, opacity, transform, width;\n  transition-property: color, height, opacity, transform, width, -webkit-transform;\n  width: var(--mds-notification-size);\n}\n\n.dot{\n\n  border-radius: 9999px;\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-notification-dot-background);\n  -webkit-box-shadow: 0 0 0 var(--mds-notification-ring-size) var(--mds-notification-ring-color);\n  box-shadow: 0 0 0 var(--mds-notification-ring-size) var(--mds-notification-ring-color);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  line-height: var(--mds-notification-size);\n  min-width: var(--mds-notification-min-width);\n  padding-left: var(--mds-notification-dot-padding);\n  padding-right: var(--mds-notification-dot-padding);\n  position: absolute;\n  -webkit-transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, color, box-shadow;\n  transition-property: background-color, color, box-shadow, -webkit-box-shadow;\n  white-space: nowrap;\n}\n\n.spacer {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  height: var(--mds-notification-size);\n  width: var(--mds-notification-min-width);\n}\n\n:host( [visible="false"][strategy="absolute"] ),\n:host( [visible="false"][strategy="fixed"] ){\n\n  opacity: 1;\n\n  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n\n  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n\n  -webkit-transform: var(--mds-notification-translate) scale(0);\n\n  transform: var(--mds-notification-translate) scale(0);\n}\n\n:host( [visible="true"][strategy="absolute"] ),\n:host( [visible="true"][strategy="fixed"] ),\n:host( [strategy="absolute"]:not([visible="false"]) ),\n:host( [strategy="fixed"]:not([visible="false"]) ){\n\n  opacity: 1;\n\n  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n\n  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n\n  -webkit-transform: var(--mds-notification-translate) scale(1);\n\n  transform: var(--mds-notification-translate) scale(1);\n}\n\n:host( [strategy="absolute"] ) {\n  position: absolute;\n}\n\n:host( [strategy="fixed"] ) {\n  position: fixed;\n}\n\n:host( [strategy="disabled"] ),\n:host( :not([target]) ){\n\n  opacity: 1;\n\n  position: static;\n  -webkit-transform: scale(1);\n  transform: scale(1);\n}\n\n:host( [strategy="static"] ) .dot,\n:host( :not([target]) ) .dot {\n  position: static;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .dot {\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    .dot {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n';export{c as mds_notification}

package/dist/magma-components/p-6eecbc9e.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-369fc037.system.js"],(function(n){"use strict";var r,e,t,a;return{setters:[function(n){r=n.r;e=n.h;t=n.H;a=n.g}],execute:function(){var o="@tailwind utilities;\n\n:host {\n\n  --mds-price-table-list-separator-color: rgb(var(--tone-neutral-03) / 0.5);\n\n  gap: 1.5rem;\n\n  border-radius: 0.75rem;\n\n  padding: 1.5rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: rgb(var(--label-green-10));\n  display: grid;\n  -webkit-transition-property: background-color, color;\n  transition-property: background-color, color;\n}\n\n\n.separator{\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  \n  background-color: var(--mds-price-table-list-separator-color);\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n}\n\n\nheader {\n  display: grid;\n}\n\nmain{\n\n  gap: 0.75rem;\n\n  display: grid;\n}\n\nfooter{\n\n  gap: 1rem;\n\n  display: grid;\n}\n\n\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-price-table-list-separator-color: rgb(var(--tone-neutral-01) / 0.5);\n\n    background-color: rgb(var(--label-green-09));\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-price-table-list-separator-color: rgb(var(--tone-neutral-01) / 0.5);\n\n      background-color: rgb(var(--label-green-09));\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-price-table-list-separator-color: rgb(var(--tone-neutral-01) / 0.5);\n\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-price-table-list-separator-color: rgb(var(--tone-neutral-01) / 0.5);\n\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n";var i=o;var s=n("mds_price_table_list",function(){function n(n){r(this,n);this.hasItems=undefined}n.prototype.componentWillLoad=function(){this.hasItems=this.hostElement.querySelectorAll('[slot="item"], mds-price-table-list-item').length>0};n.prototype.render=function(){return e(t,{key:"8848846da137075f1279ed2a3a0d802b247f7a4c"},e("header",{key:"b07d5e708b943557360769e0a3552daba3ebf300",part:"header"},e("slot",{key:"744eacfd0a9d4e4402ab58fcdc0ff92d9538694f",name:"header"})),this.hasItems&&e("mds-separator",{key:"bdb0a55215d8f80edd19121f1fd8c799814ba5e3",class:"separator"}),this.hasItems&&e("main",{key:"c7df8f7ac1c3d845cb700c5a69117c9a5c1d82fb",part:"content"},e("slot",{key:"5b98f8cfb0d4c6142116b2e098d2777cc9b938a3",name:"item"})),e("footer",{key:"209e4f7eab14165cdb8d7797bac16791a641a576",part:"footer"},e("slot",{key:"340a3c5c8d55c474a6ac637c6869d8f7cba82697",name:"price"}),e("slot",{key:"36fd3da57ed8f7e665caa0fa5165c19d9d7c329e",name:"action"})))};Object.defineProperty(n.prototype,"hostElement",{get:function(){return a(this)},enumerable:false,configurable:true});return n}());s.style=i}}}));

package/dist/magma-components/p-71f86ae7.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-369fc037.system.js"],(function(n){"use strict";var t,i,e,a,r;return{setters:[function(n){t=n.r;i=n.c;e=n.h;a=n.H;r=n.g}],execute:function(){var o="@-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";var s=o;var u=n("mds_input_range",function(){function n(n){var e=this;t(this,n);this.changeEvent=i(this,"mdsInputRangeChange",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.onInput=function(){e.value=parseInt(e.inputElement.value)};this.progress=undefined;this.max=100;this.min=0;this.step=1;this.value=undefined}n.prototype.calculateProgress=function(){var n=parseInt(this.inputElement.value);if(n>this.max)n=this.max;else if(n<this.min)n=this.min;if((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());var t=this.max-this.min;var i=this.value-this.min;this.progress=i*100/t};n.prototype.valueChanged=function(){this.inputElement.value=this.value.toString();this.calculateProgress();this.changeEvent.emit(this.value)};n.prototype.minChanged=function(){this.calculateProgress()};n.prototype.maxChanged=function(){this.calculateProgress()};n.prototype.stepChanged=function(){if(this.step<1)throw Error("step cant be negative or zero");this.calculateProgress()};n.prototype.componentDidLoad=function(){var n;this.inputElement=(n=this.element.shadowRoot)===null||n===void 0?void 0:n.querySelector(".field");this.value=parseInt(this.inputElement.value);this.calculateProgress()};n.prototype.render=function(){return e(a,{key:"9c8324dfe76033ae1451587cd50793e7ceacc284"},e("header",{key:"69f40e9bec14e0e1d119f90c55a625b905266aa1",class:"header",part:"header"},e("mds-text",{key:"08b0175db859f964c1a13a47335375f70edaf353",class:"label",typography:"label"},e("slot",{key:"4b3c07572221ead50e00cc788c3ab55b338c15c0"})),e("mds-text",{key:"82f212eac1211e8b5fe2605f35ad7652d63b61ea",class:"value",typography:"label"},this.value)),e("div",{key:"5f55fa2197a934b8feb0dc539c966c054a824558",class:"range"},e("div",{key:"5fd94d96b3b43c88d22bd2636f34bafb21b41bd1",class:"track"},e("div",{key:"2364fb6dcbe24ec0b23588af1f308e90fe23addc",class:"contrast-area"}),e("div",{key:"688bb44d42d7946f0c6d2e846f9514df9df4a49d",class:"track-total"},e("div",{key:"05d431cf526193667f88b74c3349e910076f2849",class:"track-progress",style:{width:"".concat(this.progress,"%")}}))),e("input",{key:"edc77c0c0b8bafbe3aafae85d8bcf6f1a682f1d4",class:"field",max:this.max,min:this.min,onInput:this.onInput,step:this.step,type:"range",value:this.value})))};Object.defineProperty(n,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{value:["valueChanged"],min:["minChanged"],max:["maxChanged"],step:["stepChanged"]}},enumerable:false,configurable:true});return n}());u.style=s}}}));

package/dist/magma-components/p-728cf2dc.entry.js

@@ -1 +0,0 @@
-import{r as o,c as t,h as a,H as n,g as r}from"./p-b6defcb6.js";import{s,a as e}from"./p-b975c42a.js";import{K as i}from"./p-4cd1cddc.js";import{c as d}from"./p-a87d7192.js";import{b as h,o as m,f as l,s as p,d as c,c as u,a as b}from"./p-ac2a7c27.js";import{m as g}from"./p-39f06295.js";import{m as w}from"./p-a5de65c5.js";import{L as f}from"./p-53b343a8.js";import"./p-45840cb9.js";const k=class{constructor(a){o(this,a),this.visibleEvent=t(this,"mdsDropdownVisible",7),this.hiddenEvent=t(this,"mdsDropdownHide",7),this.changedEvent=t(this,"mdsDropdownChange",7),this.backdropBackgroundVisible="rgba(var(--magma-backdrop-color, 0 0 0) / var(--magma-backdrop-opacity, 0.1))",this.backdropBackgroundHidden="rgba(var(--magma-backdrop-color, 0 0 0) / 0)",this.backdropId="mds-dropdown-backdrop",this.km=new i,this.handleCloseDropdown=o=>{this.visible&&(this.host.contains(o.target)||o.target===this.caller||this.handleVisibility(!1))},this.handleVisibility=o=>{this.visible=o,this.changedEvent.emit({caller:this.caller,visible:this.visible}),this.visible?this.visibleEvent.emit({caller:this.caller,visible:!0}):(this.hiddenEvent.emit({caller:this.caller,visible:!1}),this.updatePosition())},this.callerOnClick=()=>{this.handleVisibility(!this.visible)},this.callerOnMouseOver=()=>{this.mouseoverTimer=setTimeout((()=>{clearTimeout(this.mouseoverTimer),this.handleVisibility(!0)}),d(this.cssMouseOverDelayDuration))},this.closeDropdownMouseLeave=()=>{this.handleVisibility(!1),this.host.removeEventListener("mouseleave",this.closeDropdownMouseLeave.bind(this)),this.host.addEventListener("mouseover",this.handleCloseDropdownMouseLeave.bind(this))},this.handleCloseDropdownMouseLeave=()=>{this.host.removeEventListener("mouseover",this.handleCloseDropdownMouseLeave.bind(this)),this.host.addEventListener("mouseleave",this.closeDropdownMouseLeave.bind(this))},this.arrowInset=(o,t)=>{const{arrow:a}=o,n={bottom:"",left:"",right:"",top:""};if(void 0===a)return{};switch(t){case"bottom":n.left=null!==a.x?`${a.x}px`:"",n.top="100%";break;case"left":n.right="100%",n.top=null!==a.y?`${a.y}px`:"";break;case"right":n.left="100%",n.top=null!==a.y?`${a.y}px`:"";break;case"top":n.left=null!==a.x?`${a.x}px`:"",n.top=""}return n},this.arrowTransform=o=>{let t=this.arrow&&this.visible?"scale(1)":"scale(0)";switch(o){case"bottom":t=`rotate(180deg) ${t} translate(0, -100%)`;break;case"left":t=`rotate(-90deg) ${t} translate(50%, -50%)`;break;case"right":t=`rotate(90deg) ${t} translate(-50%, -50%)`;break;case"top":t=`rotate(0deg) ${t} translate(0, 0)`}return{transform:t}},this.arrowTransformOrigin=o=>{switch(o){case"bottom":default:return{transformOrigin:"center top"};case"left":return{transformOrigin:"right center"};case"right":return{transformOrigin:"left center"};case"top":return{transformOrigin:"center bottom"}}},this.updatePosition=()=>{if(!this.caller)return;const o=new Array,t={};this.shiftPadding&&(t.padding=this.shiftPadding),this.autoPlacement&&o.push(h()),this.offset&&o.push(m(this.offset)),!this.autoPlacement&&this.flip&&o.push(l(t)),this.shift&&o.push(p(t)),this.arrow&&o.push(c({element:this.arrowEl,padding:this.arrowPadding})),u(this.caller,this.host,{middleware:o,placement:this.placement,strategy:this.strategy}).then((({x:o,y:t,placement:a,middlewareData:n})=>{Object.assign(this.host.style,{left:`${o}px`,top:`${t}px`});const r={},s={top:"bottom",right:"left",bottom:"top",left:"right"}[a.split("-")[0]];s&&(Object.assign(r,this.arrowTransform(s)),Object.assign(r,this.arrowInset(n,s)),Object.assign(r,this.arrowTransformOrigin(s)),Object.assign(this.arrowEl.style,r))}))},this.updateCSSCustomProps=()=>{const o=window.getComputedStyle(this.host);this.cssBackdropDuration=o.getPropertyValue("--mds-dropdown-backdrop-duration"),this.cssBackdropZIndex=o.getPropertyValue("--mds-dropdown-backdrop-z-index"),this.cssMouseOverDelayDuration=o.getPropertyValue("--mds-dropdown-mouseover-delay")},this.setInteractionBehaviour=()=>{"none"!==this.interaction&&("click"===this.interaction&&this.caller.addEventListener("click",this.callerOnClick.bind(this)),"mouseover"===this.interaction&&(this.caller.addEventListener("mouseover",this.callerOnMouseOver.bind(this)),this.host.addEventListener("mouseover",this.handleCloseDropdownMouseLeave.bind(this))))},this.arrow=!0,this.arrowPadding=24,this.autoPlacement=!1,this.backdrop=!1,this.flip=!1,this.interaction="click",this.target=void 0,this.offset=24,this.placement="bottom",this.shift=!0,this.shiftPadding=24,this.smooth=!0,this.strategy="fixed",this.visible=!1,this.zIndex=void 0}attachBackdrop(){this.backdropEl||(this.backdropEl=document.createElement("div"),this.backdropEl.className=this.backdropId,this.backdropEl.style.inset="0",this.backdropEl.style.pointerEvents="none",this.backdropEl.style.position="fixed",this.backdropEl.style.transition=`background-color ${this.cssBackdropDuration} ease-out`,this.backdropEl.style.zIndex=this.cssBackdropZIndex),this.backdropEl.style.backgroundColor=this.backdropBackgroundHidden,document.body.appendChild(this.backdropEl),clearTimeout(this.backdropTimer),this.backdropTimer=setTimeout((()=>{this.backdropEl.style.backgroundColor=this.backdropBackgroundVisible}),1)}detachBackdrop(){this.backdropEl&&(this.backdropEl.style.backgroundColor="transparent",clearTimeout(this.backdropTimer),this.backdropTimer=setTimeout((()=>{this.backdropEl.remove()}),d(this.cssBackdropDuration)))}arrowChanged(){this.updatePosition()}arrowPaddingChanged(){this.updatePosition()}autoPlacementChanged(){this.updatePosition()}backdropChanged(o){this.visible&&(o?this.attachBackdrop():this.detachBackdrop())}flipChanged(){this.updatePosition()}offsetChanged(){this.updatePosition()}placementChanged(){this.updatePosition()}shiftChanged(){this.updatePosition()}shiftPaddingChanged(){this.updatePosition()}strategyChanged(){this.updatePosition()}visibleChanged(o){this.updatePosition(),this.backdrop&&(o?this.attachBackdrop():this.detachBackdrop())}zIndexChanged(o){o&&this.host.style.setProperty("z-index",o.toString())}componentWillLoad(){Array.from(document.getElementsByClassName(this.backdropId)).forEach((o=>{o.remove()})),this.zIndexChanged(this.zIndex)}setAriaAttributes(){const o=s(this.host,"id",e(this.target));s(this.caller,"aria-haspopup","true"),s(this.caller,"aria-controls",o),s(this.host,"role","menu"),s(this.host,"aria-labelledby",this.target)}componentDidLoad(){var o;this.updateCSSCustomProps(),document.addEventListener("click",this.handleCloseDropdown),this.arrowEl=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(".arrow");const t=document.querySelector(this.target);t&&(this.caller=t,this.setAriaAttributes(),this.km.addElement(this.host),this.km.attachEscapeBehavior((()=>this.handleVisibility(!1))),this.backdropChanged(this.backdrop),this.updatePosition(),this.setInteractionBehaviour(),this.cleanupAutoUpdate||(this.cleanupAutoUpdate=b(this.caller,this.host,this.updatePosition)))}disconnectedCallback(){this.detachBackdrop(),this.km.detachEscapeBehavior(),this.cleanupAutoUpdate=()=>{}}render(){return a(n,{key:"b1382fc00ca8b6d85b2e964d186c5ea23690e711"},a("div",{key:"8d6e5e0765eb816873b290c0eabbbc5c13ff7f7b",class:"arrow",innerHTML:'<svg width="30" height="16" viewBox="0 0 30 16" xmlns="http://www.w3.org/2000/svg">\n  <path d="M10.2 2.4C12.6 -0.800001 17.4 -0.800001 19.8 2.4L30 16H0L10.2 2.4Z"/>\n</svg>\n'}),a("slot",{key:"f61ea6eabe97b1a680ad458f6a40d1b80aa99ebc"}))}get host(){return r(this)}static get watchers(){return{arrow:["arrowChanged"],arrowPadding:["arrowPaddingChanged"],autoPlacement:["autoPlacementChanged"],backdrop:["backdropChanged"],flip:["flipChanged"],offset:["offsetChanged"],placement:["placementChanged"],shift:["shiftChanged"],shiftPadding:["shiftPaddingChanged"],strategy:["strategyChanged"],visible:["visibleChanged"],zIndex:["zIndexChanged"]}}};k.style='@tailwind utilities;\n\n/**\n * @prop --mds-dropdown-arrow-background: Sets the fill color of the arrow.\n * @prop --mds-dropdown-background: Sets the background-color of the dropdown.\n * @prop --mds-dropdown-backdrop-duration: Sets the transition duration of the backdrop, used by component\'s code too.\n * @prop --mds-dropdown-backdrop-z-indx: Sets the backdrop z-index, used by component\'s code too.\n * @prop --mds-dropdown-drop-shadow: Sets the drop-shadow of the dropdown.\n * @prop --mds-dropdown-mouseover-delay: Sets the delay duration of the component when the caller trigger mouseover event, it\'s used by the javascript code.\n * @prop --mds-dropdown-duration: Sets the duration of the dropdown animation.\n * @prop --mds-dropdown-ease: Sets the easing of the dropdown animation.\n * @prop --mds-dropdown-transform-from: Sets the from animation transform of the dropdown.\n * @prop --mds-dropdown-transform-to: Sets the to animation transform of the dropdown.\n * @prop --mds-dropdown-z-index: Sets the z-index of the component.\n */\n\n:host {\n\n  --mds-dropdown-arrow-background: var(--mds-dropdown-background);\n  --mds-dropdown-backdrop-duration: 200ms;\n  --mds-dropdown-backdrop-z-index: var(--magma-backdrop-z-index, 3000);\n  --mds-dropdown-background: rgb(var(--tone-neutral));\n  --mds-dropdown-mouseover-delay: 0.5s;\n  --mds-dropdown-drop-shadow-color: var(--tone-neutral-01, 0 0 0);\n  --mds-dropdown-drop-shadow: drop-shadow(0 10px 8px rgb(var(--mds-dropdown-drop-shadow-color) / 0.05)) drop-shadow(0 4px 3px rgb(var(--mds-dropdown-drop-shadow-color) / 0.15)) drop-shadow(0 0 1px rgb(var(--mds-dropdown-drop-shadow-color) / 0.15));\n  --mds-dropdown-duration: 0.5s;\n  --mds-dropdown-ease: cubic-bezier(0.19, 1, 0.22, 1);\n  --mds-dropdown-transform-from: scale(0.9) translateY(-3%);\n  --mds-dropdown-transform-to: scale(1) translate(0, 0);\n  --mds-dropdown-z-index: var(--magma-dropdown-z-index, 4000);\n  gap: 1rem;\n  border-radius: 0.5rem;\n  padding: 1.5rem;\n  opacity: 0;\n\n  background-color: var(--mds-dropdown-background);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: grid;\n  -webkit-filter: var(--mds-dropdown-drop-shadow);\n  filter: var(--mds-dropdown-drop-shadow);\n  pointer-events: none;\n  position: fixed;\n  -webkit-transform: var(--mds-dropdown-transform-from);\n  transform: var(--mds-dropdown-transform-from);\n  -webkit-transition-duration: var(--mds-dropdown-duration);\n  transition-duration: var(--mds-dropdown-duration);\n  -webkit-transition-property: opacity, -webkit-transform, -webkit-transform-origin;\n  transition-property: opacity, -webkit-transform, -webkit-transform-origin;\n  transition-property: opacity, transform, transform-origin;\n  transition-property: opacity, transform, transform-origin, -webkit-transform, -webkit-transform-origin;\n  -webkit-transition-timing-function: var(--mds-dropdown-ease);\n  transition-timing-function: var(--mds-dropdown-ease);\n  z-index: var(--mds-dropdown-z-index);\n}\n\n:host( [visible]:not([visible="false"]) ){\n\n  opacity: 1;\n\n  pointer-events: auto;\n  -webkit-transform: var(--mds-dropdown-transform-to);\n  transform: var(--mds-dropdown-transform-to);\n}\n\n:host( [smooth]:not([smooth="false"]) ) {\n  -webkit-transition-property: bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;\n  transition-property: bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;\n  transition-property: bottom, left, opacity, right, top, transform, transform-origin;\n  transition-property: bottom, left, opacity, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin;\n}\n\n.arrow{\n\n  top: -1rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  fill: var(--mds-dropdown-arrow-background);\n  pointer-events: none;\n  position: fixed;\n  -webkit-transition-duration: var(--mds-dropdown-duration);\n  transition-duration: var(--mds-dropdown-duration);\n  -webkit-transition-property: bottom, left, right, top, -webkit-transform, -webkit-transform-origin;\n  transition-property: bottom, left, right, top, -webkit-transform, -webkit-transform-origin;\n  transition-property: bottom, left, right, top, transform, transform-origin;\n  transition-property: bottom, left, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin;\n}\n\n:host( [arrow]:not([arrow="false"])[visible]:not([visible="false"]) ) .arrow {\n  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);\n  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n:host( [arrow]:not([arrow="false"], [visible], [visible="true"])) .arrow {\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\n::slotted( * ){\n\n  z-index: 10;\n\n  position: relative;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-dropdown-backdrop-duration: 0s;\n    --mds-dropdown-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-dropdown-backdrop-duration: 0s;\n      --mds-dropdown-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-dropdown-drop-shadow: drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(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-dropdown-drop-shadow: drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(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-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 4px 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-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3));\n    }\n  }\n}\n\n/* contrast + dark */\n\n@container style(--magma-pref-contrast: more) and style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.075)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45));\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-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.075)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: system) and style(--magma-pref-theme: system) {\n\n  @media (prefers-contrast: more) {\n\n    @media (prefers-color-scheme: dark) {\n      :host {\n\n        --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.075)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45));\n      }\n    }\n  }\n}\n\n\n';const v={auto:"Αυτόματο",label:"Γλώσσα",af:"Αφρικάανς",ar:"Αραβικά",az:"Αζερμπαϊτζανικά",be:"Λευκορωσικά",bg:"Βουλγαρικά",bn:"Μπενγκάλι",bs:"Βοσνιακά",ca:"Καταλανικά",ceb:"Σεμπουάνο",cs:"Τσεχικά",cy:"Ουαλικά",da:"Δανικά",de:"Γερμανικά",el:"Ελληνικά",en:"Αγγλικά",eo:"Εσπεράντο",es:"Ισπανικά",et:"Εσθονικά",eu:"Βασκικά",fa:"Περσικά",fi:"Φινλανδικά",fr:"Γαλλικά",fy:"Φριζικά",ga:"Ιρλανδικά",gd:"Σκωτικά Κέλτικα",gl:"Γαλικιανά",gu:"Γκουτζαράτι",ha:"Χάουσα",haw:"Χαβαϊκά",he:"Εβραϊκά",hi:"Χίντι",hmn:"Χμονγκ",hr:"Κροατικά",ht:"Κρεολικά Αϊτής",hu:"Ουγγρικά",hy:"Αρμενικά",id:"Ινδονησιακά",ig:"Ίγκμπο",is:"Ισλανδικά",it:"Ιταλικά",ja:"Ιαπωνικά",jv:"Ιαβανικά",ka:"Γεωργιανά",kk:"Καζακικά",km:"Χμερ",kn:"Κανάντα",ko:"Κορεατικά",ku:"Κουρδικά",ky:"Κιργιζικά",la:"Λατινικά",lb:"Λουξεμβουργιανά",lo:"Λάο",lt:"Λιθουανικά",lv:"Λετονικά",mg:"Μαλαγάσι",mi:"Μαορί",mk:"Μακεδονικά",ml:"Μαλαγιαλαμικά",mn:"Μογγολικά",mr:"Μαράθι",ms:"Μαλαϊκά",mt:"Μαλτέζικα",my:"Βιρμανικά",ne:"Νεπαλικά",nl:"Ολλανδικά",no:"Νορβηγικά",ny:"Τσιτσέουα",or:"Ορίγια",pa:"Παντζαπικά",pl:"Πολωνικά",ps:"Πάστο",pt:"Πορτογαλικά",ro:"Ρουμανικά",ru:"Ρωσικά",sd:"Σιντ",si:"Σινχαλέζικα",sk:"Σλοβακικά",sl:"Σλοβενικά",sm:"Σαμοανά",sn:"Σόνα",so:"Σομαλικά",sq:"Αλβανικά",sr:"Σερβικά",st:"Σόθο",su:"Σουνδανικά",sv:"Σουηδικά",sw:"Σουαχίλι",ta:"Ταμίλ",te:"Τελούγκου",tg:"Τατζικικά",th:"Ταϊλανδικά",tr:"Τουρκικά",tt:"Ταταρικά",uk:"Ουκρανικά",ur:"Ουρντού",uz:"Ουζμπεκικά",vi:"Βιετναμέζικα",xh:"Ξόσα",yi:"Γίντις",yo:"Γιορούμπα",zh:"Κινέζικα",zu:"Ζουλού"},y={auto:"Automatic",label:"Language",af:"Afrikaans",ar:"Arabic",az:"Azerbaijani",be:"Belarusian",bg:"Bulgarian",bn:"Bengali",bs:"Bosnian",ca:"Catalan",ceb:"Cebuano",cs:"Czech",cy:"Welsh",da:"Danish",de:"German",el:"Greek",en:"English",eo:"Esperanto",es:"Spanish",et:"Estonian",eu:"Basque",fa:"Persian",fi:"Finnish",fr:"French",fy:"Frisian",ga:"Irish",gd:"Scottish Gaelic",gl:"Galician",gu:"Gujarati",ha:"Hausa",haw:"Hawaiian",he:"Hebrew",hi:"Hindi",hmn:"Hmong",hr:"Croatian",ht:"Haitian Creole",hu:"Hungarian",hy:"Armenian",id:"Indonesian",ig:"Igbo",is:"Icelandic",it:"Italian",ja:"Japanese",jv:"Javanese",ka:"Georgian",kk:"Kazakh",km:"Khmer",kn:"Kannada",ko:"Korean",ku:"Kurdish",ky:"Kyrgyz",la:"Latin",lb:"Luxembourgish",lo:"Lao",lt:"Lithuanian",lv:"Latvian",mg:"Malagasy",mi:"Maori",mk:"Macedonian",ml:"Malayalam",mn:"Mongolian",mr:"Marathi",ms:"Malay",mt:"Maltese",my:"Burmese",ne:"Nepali",nl:"Dutch",no:"Norwegian",ny:"Chichewa",or:"Odia",pa:"Punjabi",pl:"Polish",ps:"Pashto",pt:"Portuguese",ro:"Romanian",ru:"Russian",sd:"Sindhi",si:"Sinhala",sk:"Slovak",sl:"Slovenian",sm:"Samoan",sn:"Shona",so:"Somali",sq:"Albanian",sr:"Serbian",st:"Sesotho",su:"Sundanese",sv:"Swedish",sw:"Swahili",ta:"Tamil",te:"Telugu",tg:"Tajik",th:"Thai",tr:"Turkish",tt:"Tatar",uk:"Ukrainian",ur:"Urdu",uz:"Uzbek",vi:"Vietnamese",xh:"Xhosa",yi:"Yiddish",yo:"Yoruba",zh:"Chinese",zu:"Zulu"},x={auto:"Automático",label:"Idioma",af:"Afrikáans",ar:"Árabe",az:"Azerbaiyano",be:"Bielorruso",bg:"Búlgaro",bn:"Bengalí",bs:"Bosnio",ca:"Catalán",ceb:"Cebuano",cs:"Checo",cy:"Galés",da:"Danés",de:"Alemán",el:"Griego",en:"Inglés",eo:"Esperanto",es:"Español",et:"Estonio",eu:"Vasco",fa:"Persa",fi:"Finlandés",fr:"Francés",fy:"Frisón",ga:"Irlandés",gd:"Gaélico escocés",gl:"Gallego",gu:"Gujarati",ha:"Hausa",haw:"Hawaiano",he:"Hebreo",hi:"Hindi",hmn:"Hmong",hr:"Croata",ht:"Criollo haitiano",hu:"Húngaro",hy:"Armenio",id:"Indonesio",ig:"Igbo",is:"Islandés",it:"Italiano",ja:"Japonés",jv:"Javanés",ka:"Georgiano",kk:"Kazajo",km:"Jemer",kn:"Canarés",ko:"Coreano",ku:"Kurdo",ky:"Kirguís",la:"Latín",lb:"Luxemburgués",lo:"Lao",lt:"Lituano",lv:"Letón",mg:"Malgache",mi:"Maorí",mk:"Macedonio",ml:"Malayalam",mn:"Mongol",mr:"Maratí",ms:"Malayo",mt:"Maltés",my:"Birmano",ne:"Nepalí",nl:"Holandés",no:"Noruego",ny:"Chichewa",or:"Oriya",pa:"Panyabí",pl:"Polaco",ps:"Pastún",pt:"Portugués",ro:"Rumano",ru:"Ruso",sd:"Sindhi",si:"Cingalés",sk:"Eslovaco",sl:"Esloveno",sm:"Samoano",sn:"Shona",so:"Somalí",sq:"Albanés",sr:"Serbio",st:"Sesotho",su:"Sundanés",sv:"Sueco",sw:"Suajili",ta:"Tamil",te:"Telugu",tg:"Tayiko",th:"Tailandés",tr:"Turco",tt:"Tártaro",uk:"Ucraniano",ur:"Urdu",uz:"Uzbeko",vi:"Vietnamita",xh:"Xhosa",yi:"Yidis",yo:"Yoruba",zh:"Chino",zu:"Zulú"},z={auto:"Automatico",label:"Lingua",af:"Afrikaans",ar:"Arabo",az:"Azero",be:"Bielorusso",bg:"Bulgaro",bn:"Bengalese",bs:"Bosniaco",ca:"Catalano",ceb:"Cebuano",cs:"Ceco",cy:"Gallese",da:"Danese",de:"Tedesco",el:"Greco",en:"Inglese",eo:"Esperanto",es:"Spagnolo",et:"Estone",eu:"Basco",fa:"Persiano",fi:"Finlandese",fr:"Francese",fy:"Frisone",ga:"Irlandese",gd:"Gaelico scozzese",gl:"Galiziano",gu:"Gujarati",ha:"Hausa",haw:"Hawaiano",he:"Ebraico",hi:"Hindi",hmn:"Hmong",hr:"Croato",ht:"Creolo haitiano",hu:"Ungherese",hy:"Armeno",id:"Indonesiano",ig:"Igbo",is:"Islandese",it:"Italiano",ja:"Giapponese",jv:"Giavanese",ka:"Georgiano",kk:"Kazako",km:"Khmer",kn:"Kannada",ko:"Coreano",ku:"Curdo",ky:"Kirghiso",la:"Latino",lb:"Lussemburghese",lo:"Lao",lt:"Lituano",lv:"Lettone",mg:"Malgascio",mi:"Maori",mk:"Macedone",ml:"Malayalam",mn:"Mongolo",mr:"Marathi",ms:"Malese",mt:"Maltese",my:"Birmano",ne:"Nepalese",nl:"Olandese",no:"Norvegese",ny:"Chichewa",or:"Oriya",pa:"Punjabi",pl:"Polacco",ps:"Pashtu",pt:"Portoghese",ro:"Rumeno",ru:"Russo",sd:"Sindhi",si:"Singalese",sk:"Slovacco",sl:"Sloveno",sm:"Samoano",sn:"Shona",so:"Somalo",sq:"Albanese",sr:"Serbo",st:"Sesotho",su:"Sundanese",sv:"Svedese",sw:"Swahili",ta:"Tamil",te:"Telugu",tg:"Tagico",th:"Thai",tr:"Turco",tt:"Tataro",uk:"Ucraino",ur:"Urdu",uz:"Uzbeko",vi:"Vietnamita",xh:"Xhosa",yi:"Yiddish",yo:"Yoruba",zh:"Cinese",zu:"Zulu"},C=class{constructor(a){o(this,a),this.selectLanguageEvent=t(this,"mdsPrefLanguageNavSelect",7),this.t=new f({el:v,en:y,es:x,it:z}),this.selectLanguage=()=>{this.selectLanguageEvent.emit({language:void 0})},this.isOpened=!1,this.set=void 0,this.active=!1}componentWillRender(){this.t.lang(this.element)}render(){var o;return a(n,{key:"3a3ebdefbaf463820d1a1ba8c46786985a507ee8"},a("div",{key:"6e2a60aab46b251a04b31c83fdadc03b75b78bd6",class:"menu"},a("mds-text",{key:"72eda5cc16be5903cd55466007574a5936e621f8",class:"info",typography:"caption"},a("b",{key:"70de76a04da9bb05e97b8de3551b613aa4f8ca7b"},this.t.get("label"))),a("mds-tab",{key:"ee4093a2e6d66bb3b4828558f4d3d730df559d03"},a("mds-tab-item",{key:"185763a236e79b51774951cd39293a4748923b71",selected:!0,onClick:this.selectLanguage,class:"item item--custom-language","icon-position":"right",icon:this.active?w:g},this.t.get(null!==(o=this.set)&&void 0!==o?o:"auto")))))}get element(){return r(this)}};C.style=":host{gap:0.25rem;display:grid}.item{--mds-tab-item-color:rgb(var(--tone-neutral-05));-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}.item--custom-language{cursor:pointer}.item--auto,.item--custom-language{--mds-tab-item-color-selected:rgb(var(--tone-neutral-03))}";export{k as mds_dropdown,C as mds_pref_language_nav}

package/dist/magma-components/p-763ed882.entry.js

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

package/dist/magma-components/p-7776a592.entry.js

@@ -1 +0,0 @@
-import{r as t,h as n,H as o,g as r}from"./p-b6defcb6.js";import{b as e,o as a,f as i,s,d,c as p,a as l}from"./p-ac2a7c27.js";const h=class{constructor(n){t(this,n),this.arrowPadding=4,this.handleVisibility=t=>{this.visible=t,this.visible&&this.updatePosition()},this.arrowInset=(t,n)=>{const{arrow:o}=t,r={bottom:"",left:"",right:"",top:""};if(void 0===o)return{};switch(n){case"bottom":r.left=null!==o.x?`${o.x}px`:"",r.top="100%";break;case"left":r.right="100%",r.top=null!==o.y?`${o.y}px`:"";break;case"right":r.left="100%",r.top=null!==o.y?`${o.y}px`:"";break;case"top":r.left=null!==o.x?`${o.x}px`:""}return r},this.arrowTransform=t=>{let n=this.arrow&&this.visible?"scale(1)":"scale(0)";switch(t){case"bottom":n=`rotate(180deg) ${n} translate(0, -100%)`;break;case"left":n=`rotate(-90deg) ${n} translate(50%, -50%)`;break;case"right":n=`rotate(90deg) ${n} translate(-50%, -50%)`;break;case"top":n=`rotate(0deg) ${n} translate(0, 0)`}return{transform:n}},this.arrowTransformOrigin=t=>{switch(t){case"bottom":default:return{transformOrigin:"center top"};case"left":return{transformOrigin:"right center"};case"right":return{transformOrigin:"left center"};case"top":return{transformOrigin:"center bottom"}}},this.updatePosition=()=>{const t=new Array,n={};this.shiftPadding&&(n.padding=this.shiftPadding),this.autoPlacement&&t.push(e()),this.offset&&t.push(a(this.offset)),!this.autoPlacement&&this.flip&&t.push(i(n)),this.shift&&t.push(s(n)),this.arrow&&t.push(d({element:this.arrowEl,padding:this.arrowPadding})),p(this.caller,this.host,{middleware:t,placement:this.placement,strategy:this.strategy}).then((({x:t,y:n,placement:o,middlewareData:r})=>{Object.assign(this.host.style,{left:`${t}px`,top:`${n}px`});const e={},a={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]];a&&(Object.assign(e,this.arrowTransform(a)),Object.assign(e,this.arrowInset(r,a)),Object.assign(e,this.arrowTransformOrigin(a)),Object.assign(this.arrowEl.style,e))}))},this.arrow=!0,this.autoPlacement=!0,this.flip=!1,this.target=void 0,this.offset=12,this.placement="top",this.typography="tip",this.shift=!0,this.shiftPadding=12,this.strategy="fixed",this.visible=!1}arrowChanged(){this.updatePosition()}autoPlacementChanged(){this.updatePosition()}flipChanged(){this.updatePosition()}offsetChanged(){this.updatePosition()}placementChanged(){this.updatePosition()}shiftChanged(){this.updatePosition()}shiftPaddingChanged(){this.updatePosition()}strategyChanged(){this.updatePosition()}visibleChanged(){this.updatePosition()}componentDidRender(){var t;this.arrowEl=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".arrow");const n=document.querySelector(this.target);if(n)return this.caller=n,this.caller.addEventListener("mouseleave",this.handleVisibility.bind(this,!1)),void this.caller.addEventListener("mouseenter",this.handleVisibility.bind(this,!0));throw Error("Warning: attribute `target` is undefined.")}componentDidLoad(){this.cleanupAutoUpdate||(this.cleanupAutoUpdate=l(this.caller,this.host,this.updatePosition))}disconnectedCallback(){this.cleanupAutoUpdate=()=>{}}render(){return n(o,{key:"f7d50f49f796c7158c60651bedbaeeebe0c57556"},n("div",{key:"9469120eab49025399b790f089d6497bbf45dc67",class:"arrow",innerHTML:'<svg width="15" height="9" viewBox="0 0 15 9" xmlns="http://www.w3.org/2000/svg">\n  <path d="M5.9 1.13333C6.7 0.0666664 8.3 0.0666666 9.1 1.13333L15 9H0L5.9 1.13333Z"/>\n</svg>\n'}),n("mds-text",{key:"77ad69e1b220720f14bfd63b8611395df7187028",class:"text",typography:this.typography,part:"text"},n("slot",{key:"2de795c43d3a397d44bef32dff9412ac13ad249f"})))}get host(){return r(this)}static get watchers(){return{arrow:["arrowChanged"],autoPlacement:["autoPlacementChanged"],flip:["flipChanged"],offset:["offsetChanged"],placement:["placementChanged"],shift:["shiftChanged"],shiftPadding:["shiftPaddingChanged"],strategy:["strategyChanged"],visible:["visibleChanged"]}}};h.style='@tailwind utilities;\n\n/**\n * @prop --mds-tooltip-arrow-background: Sets the fill color of the arrow.\n * @prop --mds-tooltip-background: Sets the background-color of the tooltip.\n * @prop --mds-tooltip-delay: Sets the delay of the tooltip.\n * @prop --mds-tooltip-drop-shadow: Sets the drop-shadow of the tooltip.\n * @prop --mds-tooltip-duration: Sets the duration of the tooltip animation.\n * @prop --mds-tooltip-ease: Sets the easing of the tooltip animation.\n * @prop --mds-tooltip-transform-from: Sets the from animation transform of the tooltip.\n * @prop --mds-tooltip-transform-to: Sets the to animation transform of the tooltip.\n * @prop --mds-tooltip-z-index: Sets the z-index of the component.\n */\n\n:host {\n\n  --mds-tooltip-arrow-background: var(--mds-tooltip-background);\n  --mds-tooltip-background: rgb(var(--tone-neutral));\n  --mds-tooltip-delay: 1s;\n  --mds-tooltip-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)) drop-shadow(0 0 1px rgb(0 0 0 / 0.1));\n  --mds-tooltip-duration: 0.5s;\n  --mds-tooltip-ease: cubic-bezier(0.19, 1, 0.22, 1);\n  --mds-tooltip-dot-padding: 0.25rem;\n  --mds-tooltip-transform-from: scale(0.9) translateY(-3%);\n  --mds-tooltip-transform-to: scale(1) translate(0, 0);\n  --mds-tooltip-z-index: var(--magma-tooltip-z-index, 4000);\n  gap: 1rem;\n  border-radius: 0.25rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0rem;\n  padding-bottom: 0rem;\n\n  background-color: var(--mds-tooltip-background);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: grid;\n  -webkit-filter: var(--mds-tooltip-drop-shadow);\n  filter: var(--mds-tooltip-drop-shadow);\n  max-width: 16rem;\n  opacity: 0;\n  pointer-events: none;\n  position: fixed;\n  -webkit-transform: var(--mds-tooltip-transform-from);\n  transform: var(--mds-tooltip-transform-from);\n  -webkit-transition-delay: 0;\n  transition-delay: 0;\n  -webkit-transition-duration: var(--mds-tooltip-duration);\n  transition-duration: var(--mds-tooltip-duration);\n  -webkit-transition-property: opacity, -webkit-transform, -webkit-transform-origin;\n  transition-property: opacity, -webkit-transform, -webkit-transform-origin;\n  transition-property: opacity, transform, transform-origin;\n  transition-property: opacity, transform, transform-origin, -webkit-transform, -webkit-transform-origin;\n  -webkit-transition-timing-function: var(--mds-tooltip-ease);\n  transition-timing-function: var(--mds-tooltip-ease);\n  width: -moz-fit-content;\n  width: -webkit-fit-content;\n  width: fit-content;\n  z-index: var(--mds-tooltip-z-index);\n}\n\n:host( [strategy="absolute"] ) {\n  position: absolute;\n}\n\n:host( [strategy="fixed"] ) {\n  position: fixed;\n}\n\n:host( [visible]:not([visible="false"]) ) {\n  opacity: 1;\n  pointer-events: auto;\n  -webkit-transform: var(--mds-tooltip-transform-to);\n  transform: var(--mds-tooltip-transform-to);\n  -webkit-transition-delay: var(--mds-tooltip-delay);\n  transition-delay: var(--mds-tooltip-delay);\n}\n\n.text {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  padding: var(--mds-tooltip-dot-padding);\n}\n\n.arrow{\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  display: -ms-flexbox;\n\n  display: flex;\n  fill: var(--mds-tooltip-arrow-background);\n  pointer-events: none;\n  position: fixed;\n  top: -9px;\n  -webkit-transition-property: fill;\n  transition-property: fill;\n  z-index: -1;\n}\n\n::slotted( * ){\n\n  z-index: 10;\n\n  position: relative;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-tooltip-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-tooltip-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-tooltip-background: rgb(var(--tone-neutral-09));\n    --mds-tooltip-drop-shadow: drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(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-tooltip-background: rgb(var(--tone-neutral-09));\n      --mds-tooltip-drop-shadow: drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(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-tooltip-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 4px 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-tooltip-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3));\n    }\n  }\n}\n\n/* contrast + dark */\n\n@container style(--magma-pref-contrast: more) and style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-tooltip-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.075)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45));\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-tooltip-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.075)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: system) and style(--magma-pref-theme: system) {\n\n  @media (prefers-contrast: more) {\n\n    @media (prefers-color-scheme: dark) {\n      :host {\n\n        --mds-tooltip-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.075)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45));\n      }\n    }\n  }\n}\n\n\n';export{h as mds_tooltip}

package/dist/magma-components/p-7a41c057.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 a,s,t,i,r;return{setters:[function(e){a=e.r;s=e.h;t=e.H;i=e.g},function(e){r=e.L},function(){}],execute:function(){var n="Πρέπει να ανανεώσετε τη σελίδα για να δείτε όλες τις αλλαγές, διαφορετικά θα είναι ορατές μόνο για τα πρόσφατα μεταφορτωμένα στοιχεία.";var o={reloadPageToSeeChanges:n};var c="You must refresh the page to see all changes, or they will only be visible for new items uploaded.";var d={reloadPageToSeeChanges:c};var h="Es necesario actualizar la página para ver todos los cambios, o solo serán visibles para los nuevos elementos cargados.";var f={reloadPageToSeeChanges:h};var u="È necessario aggiornare la pagina per vedere tutti i cambiamenti, oppure saranno visibili solo per i nuovi elementi caricati.";var l={reloadPageToSeeChanges:u};var p=":host{gap:1rem;display:grid}:host(:empty){display:none}.reload-required{gap:0.5rem;display:grid}";var m=p;var g=e("mds_pref",function(){function e(e){var s=this;a(this,e);this.prefNeedsReload=["consumption","language"];this.t=new r({el:o,en:d,es:f,it:l});this.addEvent=function(e){e.addEventListener("mdsPrefChange",(function(e){if(s.prefNeedsReload.includes(e.detail.preference)){s.showReload=true;if(e.detail.preference==="language"){s.t.lang(s.host)}}}))};this.showReload=false}e.prototype.componentWillRender=function(){this.t.lang(this.host)};e.prototype.componentDidLoad=function(){this.host.querySelector("mds-pref-animation")&&this.addEvent(this.host.querySelector("mds-pref-animation"));this.host.querySelector("mds-pref-consumption")&&this.addEvent(this.host.querySelector("mds-pref-consumption"));this.host.querySelector("mds-pref-contrast")&&this.addEvent(this.host.querySelector("mds-pref-contrast"));this.host.querySelector("mds-pref-language")&&this.addEvent(this.host.querySelector("mds-pref-language"));this.host.querySelector("mds-pref-theme")&&this.addEvent(this.host.querySelector("mds-pref-theme"))};e.prototype.render=function(){return s(t,{key:"da221d367d4298e9817bbac02701a83b86b63122"},s("slot",{key:"2942064b6e10aa3800374aa6c33abc186a8df03a"}),this.showReload&&s("div",{key:"79fa0c58854ef7ad0eee92caf9659977ddec999f",class:"reload-required"},s("mds-text",{key:"fe430dd90b0f6deab469b97c64c8276164213c6c",typography:"caption"},this.t.get("reloadPageToSeeChanges"))))};Object.defineProperty(e.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());g.style=m}}}));

package/dist/magma-components/p-7cae0221.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-369fc037.system.js","./p-7c67f4d2.system.js","./p-d1f52b0b.system.js","./p-e249cc64.system.js","./p-b3afbdcd.system.js"],(function(n){"use strict";var r,a,o,e,s,t,b,i;return{setters:[function(n){r=n.r;a=n.c;o=n.h;e=n.H;s=n.g},function(n){t=n.m},function(n){b=n.K},function(n){i=n.L},function(){}],execute:function(){var d="Cancel";var c={cancel:d};var g="Annulla";var l={cancel:g};var u='@tailwind utilities;\n\n/**\n * @prop --mds-banner-background: Sets the background-color of the component\n * @prop --mds-banner-color: Sets the text color of the component\n * @prop --mds-banner-close-icon-hover-background: Sets the background color of the close icon when the mouse is over it\n * @prop --mds-banner-gap: Sets gap between banner elements\n * @prop --mds-banner-icon-color: Sets the close icon fill color of the component\n * @prop --mds-banner-radius: Sets the border-radius of the component\n * @prop --mds-banner-shadow: Sets the box-shadow of the component\n */\n\n  :host {\n\n  --mds-banner-background: rgb(var(--tone-neutral-10));\n  --mds-banner-close-icon-hover-background: rgb(var(--tone-neutral-09));\n  --mds-banner-color: rgb(var(--tone-neutral-02));\n  --mds-banner-gap: 1rem;\n  --mds-banner-icon-color: rgb(var(--tone-neutral-04));\n  --mds-banner-radius: 0.5rem;\n  --mds-banner-shadow: none;\n  padding: 1.5rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  background-color: var(--mds-banner-background);\n  border-radius: var(--mds-banner-radius);\n  -webkit-box-shadow: var(--mds-banner-shadow);\n  box-shadow: var(--mds-banner-shadow);\n  color: var(--mds-banner-color);\n  display: grid;\n  gap: var(--mds-banner-gap);\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.body {\n  -ms-flex-align: start;\n  align-items: flex-start;\n  display: -ms-flexbox;\n  display: flex;\n  gap: var(--mds-banner-gap);\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\n\n.content {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  gap: var(--mds-banner-gap);\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n.actions {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  gap: var(--mds-banner-gap);\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n}\n\n.close-button {\n\n  --mds-button-background: transparent;\n\n  fill: var(--mds-banner-color);\n}\n\n.close-button:hover {\n\n  --mds-button-background: var(--mds-banner-close-icon-hover-background);\n}\n\n.icon {\n  fill: var(--mds-banner-icon-color);\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n}\n\n.text {\n  display: grid;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  gap: var(--mds-banner-gap);\n}\n\n@tailwind utilities;\n\n:host( [variant="dark"] ),\n:host( [variant="dark"][tone="strong"] ) {\n\n  --mds-banner-background: rgb(var(--tone-neutral-01));\n  --mds-banner-close-icon-hover-background: rgb(var(--tone-neutral-03));\n  --mds-banner-color: rgb(var(--tone-neutral-08));\n  --mds-banner-icon-color: rgb(var(--tone-neutral-07));\n  --mds-banner-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);\n}\n\n:host( [variant="dark"][tone="weak"] ) {\n\n  --mds-banner-background: rgb(var(--tone-neutral-03));\n  --mds-banner-close-icon-hover-background: rgb(var(--tone-neutral-05));\n  --mds-banner-color: rgb(var(--tone-neutral-09));\n  --mds-banner-icon-color: rgb(var(--tone-neutral-07));\n  --mds-banner-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n}\n\n:host( [variant="dark"][tone="ghost"] ) {\n\n  --mds-banner-color: rgb(var(--tone-neutral-05));\n  --mds-banner-close-icon-hover-background: rgb(var(--tone-neutral-03));\n  --mds-banner-icon-color: rgb(var(--tone-neutral-04));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="dark"][tone="quiet"] ) {\n\n  --mds-banner-background: transparent;\n  --mds-banner-close-icon-hover-background: transparent;\n  --mds-banner-color: rgb(var(--tone-neutral-04));\n  --mds-banner-shadow: none;\n}\n\n@tailwind utilities;\n\n:host( [variant="error"] ),\n:host( [variant="error"][tone="strong"] ) {\n\n  --mds-banner-background: rgb(var(--status-error-09));\n  --mds-banner-close-icon-hover-background: rgb(var(--status-error-08));\n  --mds-banner-color: rgb(var(--status-error-02));\n  --mds-banner-icon-color: rgb(var(--status-error-05));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="error"][tone="weak"] ) {\n\n  --mds-banner-background: rgb(var(--status-error-10));\n  --mds-banner-close-icon-hover-background: rgb(var(--status-error-08));\n  --mds-banner-color: rgb(var(--status-error-03));\n  --mds-banner-icon-color: rgb(var(--status-error-06));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="error"][tone="quiet"] ) {\n\n  --mds-banner-background: transparent;\n  --mds-banner-close-icon-hover-background: rgb(var(--status-error-09));\n  --mds-banner-color: rgb(var(--status-error-03));\n  --mds-banner-icon-color: rgb(var(--status-error-06));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="error"][tone="quiet"] ) .separator {\n  display: none;\n}\n\n@tailwind utilities;\n\n:host( [variant="info"] ),\n:host( [variant="info"][tone="strong"] ) {\n\n  --mds-banner-background: rgb(var(--status-info-09));\n  --mds-banner-close-icon-hover-background: rgb(var(--status-info-08));\n  --mds-banner-color: rgb(var(--status-info-02));\n  --mds-banner-icon-color: rgb(var(--status-info-05));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="info"][tone="weak"] ) {\n\n  --mds-banner-background: rgb(var(--status-info-10));\n  --mds-banner-close-icon-hover-background: rgb(var(--status-info-08));\n  --mds-banner-color: rgb(var(--status-info-03));\n  --mds-banner-icon-color: rgb(var(--status-info-06));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="info"][tone="quiet"] ) {\n\n  --mds-banner-background: transparent;\n  --mds-banner-close-icon-hover-background: rgb(var(--status-info-09));\n  --mds-banner-color: rgb(var(--status-info-03));\n  --mds-banner-icon-color: rgb(var(--status-info-06));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="info"][tone="quiet"] ) .separator {\n  display: none;\n}\n\n@tailwind utilities;\n\n:host( [variant="light"] ),\n:host( [variant="light"][tone="strong"] ) {\n\n  --mds-banner-background: rgb(var(--tone-neutral));\n  --mds-banner-close-icon-hover-background: rgb(var(--tone-neutral-09));\n  --mds-banner-color: rgb(var(--tone-neutral-02));\n  --mds-banner-icon-color: rgb(var(--tone-neutral-05));\n  --mds-banner-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);\n}\n\n:host( [variant="light"][tone="weak"] ) {\n\n  --mds-banner-background: rgb(var(--tone-neutral));\n  --mds-banner-close-icon-hover-background: rgb(var(--tone-neutral-10));\n  --mds-banner-color: rgb(var(--tone-neutral-02));\n  --mds-banner-icon-color: rgb(var(--tone-neutral-05));\n  --mds-banner-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n}\n\n:host( [variant="light"][tone="ghost"] ) {\n\n  --mds-banner-color: rgb(var(--tone-neutral-02));\n  --mds-banner-close-icon-hover-background: rgb(var(--tone-neutral-10));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="light"][tone="quiet"] ) {\n\n  --mds-banner-background: transparent;\n  --mds-banner-close-icon-hover-background: transparent;\n  --mds-banner-color: rgb(var(--tone-neutral-10));\n  --mds-banner-shadow: none;\n}\n\n@tailwind utilities;\n\n:host( [variant="primary"] ),\n:host( [variant="primary"][tone="strong"] ) {\n\n  --mds-banner-background: rgb(var(--tone-neutral));\n  --mds-banner-close-icon-hover-background: rgb(var(--brand-maggioli-09));\n  --mds-banner-color: rgb(var(--tone-neutral-02));\n  --mds-banner-icon-color: rgb(var(--brand-maggioli-05));\n  --mds-banner-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);\n}\n\n:host( [variant="primary"][tone="weak"] ) {\n\n  --mds-banner-background: rgb(var(--tone-neutral));\n  --mds-banner-close-icon-hover-background: rgb(var(--brand-maggioli-10));\n  --mds-banner-color: rgb(var(--tone-neutral-02));\n  --mds-banner-icon-color: rgb(var(--brand-maggioli-05));\n  --mds-banner-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n}\n\n:host( [variant="primary"][tone="ghost"] ) {\n\n  --mds-banner-color: rgb(var(--tone-neutral-02));\n  --mds-banner-close-icon-hover-background: rgb(var(--brand-maggioli-10));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="primary"][tone="quiet"] ) {\n\n  --mds-banner-background: transparent;\n  --mds-banner-close-icon-hover-background: transparent;\n  --mds-banner-color: rgb(var(--tone-neutral-10));\n  --mds-banner-shadow: none;\n}\n\n@tailwind utilities;\n\n:host( [variant="success"] ),\n:host( [variant="success"][tone="strong"] ) {\n\n  --mds-banner-background: rgb(var(--status-success-09));\n  --mds-banner-close-icon-hover-background: rgb(var(--status-success-08));\n  --mds-banner-color: rgb(var(--status-success-02));\n  --mds-banner-icon-color: rgb(var(--status-success-05));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="success"][tone="weak"] ) {\n\n  --mds-banner-background: rgb(var(--status-success-10));\n  --mds-banner-close-icon-hover-background: rgb(var(--status-success-08));\n  --mds-banner-color: rgb(var(--status-success-03));\n  --mds-banner-icon-color: rgb(var(--status-success-06));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="success"][tone="quiet"] ) {\n\n  --mds-banner-background: transparent;\n  --mds-banner-close-icon-hover-background: rgb(var(--status-success-09));\n  --mds-banner-color: rgb(var(--status-success-03));\n  --mds-banner-icon-color: rgb(var(--status-success-06));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="success"][tone="quiet"] ) .separator {\n  display: none;\n}\n\n@tailwind utilities;\n\n:host( [variant="warning"] ),\n:host( [variant="warning"][tone="strong"] ) {\n\n  --mds-banner-background: rgb(var(--status-warning-09));\n  --mds-banner-close-icon-hover-background: rgb(var(--status-warning-08));\n  --mds-banner-color: rgb(var(--status-warning-02));\n  --mds-banner-icon-color: rgb(var(--status-warning-05));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="warning"][tone="weak"] ) {\n\n  --mds-banner-background: rgb(var(--status-warning-10));\n  --mds-banner-close-icon-hover-background: rgb(var(--status-warning-08));\n  --mds-banner-color: rgb(var(--status-warning-03));\n  --mds-banner-icon-color: rgb(var(--status-warning-06));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="warning"][tone="quiet"] ) {\n\n  --mds-banner-background: transparent;\n  --mds-banner-close-icon-hover-background: rgb(var(--status-warning-09));\n  --mds-banner-color: rgb(var(--status-warning-03));\n  --mds-banner-icon-color: rgb(var(--status-warning-06));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="warning"][tone="quiet"] ) .separator {\n  display: none;\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    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    }\n  }\n}\n\n\n';var m=u;var v=n("mds_banner",function(){function n(n){var o=this;r(this,n);this.closeEvent=a(this,"mdsBannerClose",7);this.km=new b;this.t=new i({en:c,it:l});this.deletableHandler=function(){var n;if(o.deletable){var r=(n=o.host.shadowRoot)===null||n===void 0?void 0:n.querySelector(".close-button");o.km.addElement(r);o.km.attachClickBehavior();return}o.km.detachClickBehavior()};this.closeBanner=function(){o.closeEvent.emit()};this.variant="light";this.tone="weak";this.deletable=undefined;this.headline=undefined;this.icon=undefined}n.prototype.componentWillRender=function(){this.t.lang(this.host)};n.prototype.componentWillLoad=function(){this.actions=this.host.querySelector('[slot="actions"]')!==null};n.prototype.componentDidLoad=function(){this.deletableHandler()};n.prototype.componentDidUpdate=function(){this.deletableHandler()};n.prototype.disconnectedCallback=function(){this.km.detachClickBehavior()};n.prototype.render=function(){return o(e,{key:"8333c364a348e6bd8b467d7caeeb2998f3e6286b"},o("div",{key:"c9d366802753488c53dd09842d8dcddd60db0ce7",class:"body"},this.icon&&o("mds-icon",{key:"fa64abd8f8f50eacdf180d838ef8aa5ab66b59b8",class:"icon",name:this.icon}),o("div",{key:"ff353e60e446b9ab5b4e47b511cf67976b2ba378",class:"content"},this.headline&&o("mds-text",{key:"eb1bef3788d686f15dbfd02c34ed9a2649416878",class:"headline",typography:"h6"},this.headline),o("div",{key:"a2f9638a750d8131f2b59cfc93318a4b0ec4200d",class:"text"},o("slot",{key:"ccc083ac0321feaca0fa962c7382bf1c1a3ab7ea"}))),this.deletable&&o("mds-button",{key:"13ea4543e6e85db011b2d06b4ad063d0829ace53",class:"close-button",icon:t,onClick:this.closeBanner,title:this.t.get("cancel")})),this.actions&&o("div",{key:"138473148350f3b3be8bb8a20219e881c0ceedc8",class:"actions"},o("slot",{key:"4c36f948eeffb9554bfcdfa309045006ae7c6577",name:"actions"})))};Object.defineProperty(n.prototype,"host",{get:function(){return s(this)},enumerable:false,configurable:true});return n}());v.style=m}}}));

package/dist/magma-components/p-7d19a7c6.entry.js

@@ -1 +0,0 @@
-import{r as n,c as t,h as o,H as e,g as i}from"./p-b6defcb6.js";import{K as a}from"./p-4cd1cddc.js";const r=class{constructor(o){n(this,o),this.selectedEvent=t(this,"mdsFilterItemSelect",7),this.km=new a,this.toggle=()=>{this.selected=!this.selected,this.selectedEvent.emit({id:this.element.id,selected:this.selected})},this.disconnectedCallback=()=>{this.km.detachClickBehavior()},this.selected=void 0,this.label=void 0,this.icon=void 0,this.value=void 0}componentDidLoad(){this.km.addElement(this.element),this.km.attachClickBehavior()}render(){var n;return o(e,{key:"d0e961fc8d9d43f2cdb815b5a86c7ce90c467727",tabindex:"0",role:"button","aria-label":null!==(n=this.label)&&void 0!==n?n:this.icon,onClick:this.toggle},this.icon&&o("mds-icon",{key:"36d226a87a366b3bd0ffc6153f131bdddf0befa7","aria-hidden":"true",name:this.icon}),this.label&&o("mds-text",{key:"b72ef63fa7cece74b3efdac212108714f786d519","aria-hidden":"true",variant:"info",typography:"caption"},this.label))}get element(){return i(this)}};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 @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n/* x */\n\n:host {\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n  }\n\n:host:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n:host {\n  gap: 0.25rem;\n  border-radius: 9999px;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.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  -ms-flex-align: center;\n\n  align-items: center;\n  color: rgb(var(--tone-neutral-03));\n  cursor: pointer;\n  display: -ms-flexbox;\n  display: flex;\n  fill: rgb(var(--tone-neutral-03));\n  -ms-flex-pack: center;\n  justify-content: center;\n  -webkit-transition-property: background-color, color, outline, outline-offset, -webkit-box-shadow;\n  transition-property: background-color, color, outline, outline-offset, -webkit-box-shadow;\n  transition-property: background-color, box-shadow, color, outline, outline-offset;\n  transition-property: background-color, box-shadow, color, outline, outline-offset, -webkit-box-shadow;\n  white-space: nowrap;\n}\n\n:host(:focus-visible) {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n:host( [icon]:not([label]) ) {\n  height: 2.25rem;\n  width: 2.25rem;\n  padding: 0rem;\n}\n\n:host( [selected]:not([selected="false"]) ),\n:host( :hover ) {\n  background-color: rgb(var(--tone-neutral));\n}\n\n:host( [selected]:not([selected="false"]) ) {\n  color: rgb(var(--tone-neutral-01));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    background-color: rgb(var(--tone-neutral-10));\n  }\n\n  :host( [selected]:not([selected="false"]) ) {\n    background-color: rgb(var(--tone-neutral-08));\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  :host( :hover ) {\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      background-color: rgb(var(--tone-neutral-10));\n    }\n\n    :host( [selected]:not([selected="false"]) ) {\n      background-color: rgb(var(--tone-neutral-08));\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    :host( :hover ) {\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( [selected]:not([selected="false"]) ),\n  :host( :hover ) {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host( [selected]:not([selected="false"]) ),\n    :host( :hover ) {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n    }\n  }\n}\n\n\n';export{r as mds_filter_item}

package/dist/magma-components/p-7d45974f.entry.js

@@ -1 +0,0 @@
-import{r as n,c as r,h as t,H as o,g as i}from"./p-b6defcb6.js";import{c as e}from"./p-8a1a6e56.js";import{m as s}from"./p-39f06295.js";const a=class{constructor(t){n(this,t),this.changeEvent=r(this,"mdsInputSelectChange",7),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals),this.onInput=n=>{const r=n.target;r&&(this.value=r.value)},this.onBlur=()=>{this.hasFocus=!1},this.onFocus=()=>{this.hasFocus=!0},this.emptyOptions=()=>{var n;const r=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelector("select"),t=null==r?void 0:r.querySelectorAll("option");t&&t.forEach(((n,r)=>{this.placeholder||n.remove(),this.placeholder&&r>0&&n.remove()}))},this.onSlotChangeHandler=()=>{var n,r,t;const o=null===(r=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelectorAll("slot")[0])||void 0===r?void 0:r.assignedNodes(),i=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("select"),e=null==i?void 0:i.querySelectorAll("option");e&&(!this.placeholder&&e.length>0&&this.emptyOptions(),this.placeholder&&e.length>1&&this.emptyOptions(),null==o||o.forEach((n=>{null==i||i.appendChild(n.cloneNode(!0))})),this.value?null==i||i.querySelectorAll("option").forEach((n=>{n.selected=n.value===this.value})):this.placeholder||(this.value=null==i?void 0:i.querySelectorAll("option")[0].value))},this.selected=void 0,this.hasFocus=!1,this.autocomplete=void 0,this.autoFocus=void 0,this.placeholder=void 0,this.name=void 0,this.disabled=!1,this.required=!1,this.multiple=!1,this.size=0,this.value="",this.variant=void 0}valueChanged(){var n;this.selected=""!==this.value,this.changeEvent.emit({value:this.value}),this.internals.setFormValue(null!==(n=this.value)&&void 0!==n?n:null)}componentDidLoad(){this.value&&(this.selected=!0,this.internals.setFormValue(this.value))}render(){return t(o,{key:"6de32fabaad2ade098b2eb2b518c7679c4cdf986"},t("select",{key:"5b024f08aaa0a61afd088e6d33144d05aa920ed4",class:e("input",this.selected&&"input--selected"),onInput:this.onInput.bind(this),onBlur:this.onBlur,onFocus:this.onFocus,name:this.name,required:this.required,disabled:this.disabled,multiple:this.multiple,size:this.size,part:"select"},this.placeholder&&t("option",{key:"0dbfee31bcd9e66faeb1ac6f6060df5aa6534319",value:"",disabled:!0,selected:!0},this.placeholder)),t("div",{key:"31a79728c16dab94dd0f500f311dd29849b0ba84",class:"icon-container"},t("i",{key:"40c4e77003c6df880931decad9fcfc77c943b119",class:"icon",innerHTML:s})),t("div",{key:"6937fa4072834a9a52f4023ec3dd17ad3f4b473f",class:"option-container"},t("slot",{key:"22b1c2ce6ebbc05c124b9d47fac5f5ba8fcb9e6e",onSlotchange:this.onSlotChangeHandler})),t("mds-input-tip",{key:"469bc58f25c21b93179c4787e98041c973ae4ffe",position:"top",active:this.hasFocus},this.disabled&&t("mds-input-tip-item",{key:"73fdfa42bf8abff88df3ab5f91066df58d663ebe",expanded:!0,variant:"disabled"}),this.required&&t("mds-input-tip-item",{key:"c99eb7bdf0efb27f938bb03fb0633c0da67223ca",expanded:this.hasFocus,variant:""===this.value?"required":"required-success"})))}static get formAssociated(){return!0}get host(){return i(this)}static get watchers(){return{value:["valueChanged"]}}};a.style='@tailwind components;\n@tailwind utilities;\n\n\n:host{\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  --mds-input-select-variant-color: var(--tone-neutral-01);\n  --mds-input-select-ring: 0 0 0 1px rgb(var(--mds-input-select-variant-color) / 0.1);\n  --mds-input-select-shadow: 0 1px 3px 0 rgb(var(--mds-input-select-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-select-variant-color) / 0.06);\n  --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-blur-background-color);\n  --mds-input-select-arrow-icon-blur-background-color: transparent;\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color) / 0.5);\n  --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-blur-color);\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--mds-input-select-variant-color) / 0.5);\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--mds-input-select-variant-color));\n\n  color: rgb(var(--tone-neutral-02));\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n}\n\n:host([required]:not([required="false"]):focus-within) .icon {\n  -webkit-transform: translate(0.375rem, 0.375rem);\n  transform: translate(0.375rem, 0.375rem);\n}\n\n:host(:hover),\n:host(:focus-within) {\n\n  --mds-input-select-variant-color: var(--brand-maggioli-03);\n  --mds-input-select-ring: 0 0 0 3px rgb(var(--mds-input-select-variant-color) / 1);\n  --mds-input-select-shadow: 0 4px 6px -1px rgb(var(--mds-input-select-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-select-variant-color) / 0.06);\n  --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-hover-background-color);\n  --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-hover-color);\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  min-height: 3rem;\n\n  width: 100%;\n\n  border-radius: 0.5rem;\n\n  padding-top: 0.75rem;\n\n  padding-bottom: 0.75rem;\n\n  padding-left: 1rem;\n\n  padding-right: 3rem;\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  -webkit-appearance: none;\n\n     -moz-appearance: none;\n\n          appearance: none;\n  background-color: rgb(var(--tone-neutral));\n  border: 0;\n  -webkit-box-shadow: var(--mds-input-select-ring), var(--mds-input-select-shadow);\n  box-shadow: var(--mds-input-select-ring), var(--mds-input-select-shadow);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  color: rgb(var(--tone-neutral-05));\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-transition-property: background-color, border-color, color, fill, -webkit-box-shadow;\n  transition-property: background-color, border-color, color, fill, -webkit-box-shadow;\n  transition-property: background-color, border-color, box-shadow, color, fill;\n  transition-property: background-color, border-color, box-shadow, color, fill, -webkit-box-shadow;\n}\n\n.input:hover,\n.input:focus{\n\n  outline: 2px solid transparent;\n\n  outline-offset: 2px;\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  color: rgb(var(--tone-neutral-03));\n}\n\n:host([value]:not([value=""])) .input {\n  color: rgb(var(--tone-neutral-03));\n}\n\n.input--mds-input-select-selected {\n  color: rgb(var(--tone-neutral-02));\n}\n\n.input:disabled {\n  background-color: rgb(var(--tone-neutral-09));\n  opacity: 1;\n}\n\n:host([disabled]:not([disabled="false"])) {\n  pointer-events: none;\n}\n\n:host([disabled]:not([disabled="false"])) .input {\n  pointer-events: none;\n}\n\n:host([disabled]:not([disabled="false"])) .icon {\n  fill: rgb(var(--tone-neutral-06));\n  -webkit-transform: translate(0.625rem, 0.5rem);\n  transform: translate(0.625rem, 0.5rem);\n}\n\n.icon-container{\n\n  right: 1rem;\n\n  height: 3rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  color: inherit;\n  display: -ms-flexbox;\n  display: flex;\n  pointer-events: none;\n  position: absolute;\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  border-radius: 9999px;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  background-color: var(--mds-input-select-arrow-icon-background-color, rgb(var(--brand-maggioli-09)));\n  fill: var(--mds-input-select-arrow-icon-color, rgb(var(--brand-maggioli-04)));\n  -webkit-transition-property: background-color, fill;\n  transition-property: background-color, fill;\n}\n\n.option-container {\n  display: none;\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-select-background: rgb(var(--brand-maggioli-07));\n  }\n}\n\n@tailwind utilities;\n\n:host {\n\n  --mds-input-select-icon-color: var(--brand-maggioli-03);\n  --mds-input-select-variant-color: 0 0 0;\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--brand-maggioli-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--brand-maggioli-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--brand-maggioli-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--brand-maggioli-04));\n}\n\n:host( :hover ),\n:host( :focus-within ) {\n\n  --mds-input-select-variant-color: var(--brand-maggioli-04);\n}\n\n:host( [variant="info"] ) {\n\n  --mds-input-select-icon-color: var(--status-info-05);\n  --mds-input-select-tip-background: var(--status-info-05);\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-info-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-info-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--status-info-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--status-info-04));\n  --mds-input-select-variant-color: 0 0 0;\n}\n\n:host( [variant="info"]:hover ),\n:host( [variant="info"]:focus-within ) {\n\n  --mds-input-select-icon-color: var(--status-info-04);\n  --mds-input-select-variant-color: var(--status-info-05);\n}\n\n:host( [variant="success"] ) {\n\n  --mds-input-select-icon-color: var(--status-success-05);\n  --mds-input-select-tip-background: var(--status-success-05);\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-success-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-success-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--status-success-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--status-success-04));\n  --mds-input-select-variant-color: 0 0 0;\n}\n\n:host( [variant="success"]:hover ),\n:host( [variant="success"]:focus-within ) {\n\n  --mds-input-select-icon-color: var(--status-success-04);\n  --mds-input-select-variant-color: var(--status-success-05);\n}\n\n:host( [variant="warning"] ) {\n\n  --mds-input-select-icon-color: var(--status-warning-05);\n  --mds-input-select-tip-background: var(--status-warning-05);\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-warning-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-warning-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--status-warning-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--status-warning-04));\n  --mds-input-select-variant-color: 0 0 0;\n}\n\n:host( [variant="warning"]:hover ),\n:host( [variant="warning"]:focus-within ) {\n\n  --mds-input-select-icon-color: var(--status-warning-04);\n  --mds-input-select-variant-color: var(--status-warning-05);\n}\n\n:host( [variant="error"] ) {\n\n  --mds-input-select-icon-color: var(--status-error-05);\n  --mds-input-select-tip-background: var(--status-error-05);\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-error-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-error-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--status-error-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--status-error-04));\n  --mds-input-select-variant-color: 0 0 0;\n}\n\n:host( [variant="error"]:hover ),\n:host( [variant="error"]:focus-within ) {\n\n  --mds-input-select-icon-color: var(--status-error-04);\n  --mds-input-select-variant-color: var(--status-error-05);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .input,\n  .input:hover,\n  .input:focus,\n  .icon {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .input,\n    .input:hover,\n    .input:focus,\n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-blur-background-color);\n    --mds-input-select-arrow-icon-blur-background-color: rgb(var(--brand-maggioli-05));\n    --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color));\n    --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-blur-color);\n    --mds-input-select-arrow-icon-hover-background-color: rgb(var(--mds-input-select-variant-color));\n    --mds-input-select-arrow-icon-hover-color: rgb(var(--tone-neutral-10));\n  }\n\n  .input {\n    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-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n      --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-blur-background-color);\n      --mds-input-select-arrow-icon-blur-background-color: rgb(var(--brand-maggioli-05));\n      --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color));\n      --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-blur-color);\n      --mds-input-select-arrow-icon-hover-background-color: rgb(var(--mds-input-select-variant-color));\n      --mds-input-select-arrow-icon-hover-color: rgb(var(--tone-neutral-10));\n    }\n\n    .input {\n      color: rgb(var(--tone-neutral-03));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n  }\n\n  .input {\n    color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n    }\n\n    .input {\n      color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n\n';export{a as mds_input_select}

package/dist/magma-components/p-7ff9abda.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-369fc037.system.js","./p-d68089ba.system.js","./p-b26ef48a.system.js","./p-d1f52b0b.system.js"],(function(n){"use strict";var e,t,i,a,o,r,s,d;return{setters:[function(n){e=n.r;t=n.c;i=n.h;a=n.H;o=n.g},function(n){r=n.c},function(n){s=n.m},function(n){d=n.K}],execute:function(){var c="@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-details-icon-color: Sets the icon color the component\n * @prop --mds-details-helper-icon-color: Sets icon color of the helper icon of the component\n */\n\n:host {\n\n  --mds-details-duration: 300ms;\n  --mds-details-icon-color: rgb(var(--brand-maggioli-04));\n  --mds-details-helper-icon-color: rgb(var(--tone-neutral-03));\n  gap: 0.5rem;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.content {\n  display: grid;\n}\n\n.details {\n  gap: 1rem;\n  padding-top: 0rem;\n  opacity: 0;\n\n  display: grid;\n  grid-template-rows: 0fr;\n  overflow: hidden;\n  pointer-events: none;\n  -webkit-transition-duration: var(--mds-details-duration);\n  transition-duration: var(--mds-details-duration);\n  -webkit-transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding, -ms-grid-rows opacity padding;\n}\n\n.content-expander {\n  gap: 1rem;\n\n  display: grid;\n  min-height: 0;\n}\n\n.details.opened {\n  padding-top: 1rem;\n\n  grid-template-rows: 1fr;\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.header {\n  gap: 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.icon {\n  cursor: pointer;\n  fill: var(--mds-details-icon-color);\n}\n\n.title {\n  cursor: pointer;\n}\n\n.helper-icon {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.helper-icon svg {\n  aspect-ratio: 1/1;\n  height: 100%;\n  width: 100%;\n}\n\n.helper-icon {\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  cursor: pointer;\n  fill: var(--mds-details-helper-icon-color);\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  rotate: 0deg;\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n}\n\n.helper-icon.opened {\n  rotate: 180deg;\n}\n\n.actions {\n  gap: 1rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-details-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-details-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-details-icon-color: rgb(var(--brand-maggioli-03));\n    --mds-details-helper-icon-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-details-icon-color: rgb(var(--brand-maggioli-03));\n      --mds-details-helper-icon-color: rgb(var(--tone-neutral-02));\n    }\n  }\n}\n\n\n";var l=c;var f=n("mds_details",function(){function n(n){var i=this;e(this,n);this.changedEvent=t(this,"mdsDetailsChange",7);this.km=new d;this.toggle=function(){i.isOpened=!i.isOpened;i.changedEvent.emit(i.isOpened)};this.isOpened=undefined;this.opened=false}n.prototype.validateOpened=function(n){this.isOpened=n};n.prototype.componentWillLoad=function(){this.isOpened=this.opened};n.prototype.componentDidLoad=function(){var n;var e=(n=this.host.shadowRoot)===null||n===void 0?void 0:n.querySelector(".header");this.km.addElement(e);this.km.attachClickBehavior()};n.prototype.disconnectedCallback=function(){this.km.detachClickBehavior()};n.prototype.render=function(){return i(a,{key:"c8f6750b33c5d786b77e1d9bcce705257baf2791"},i("div",{key:"38b924ac2e866d9df4a63014fb0f55a475cf1ed9",class:"icon",onClick:this.toggle},i("slot",{key:"9fa95af9334e045d4eab9d76bbc897e3bc8e07f1",name:"icon"})),i("div",{key:"35d16f3dc812bdfe00e93b245ecc93ffcb7658b0",class:"content"},i("div",{key:"e6ec5d27945659db44fb94aba666081dd4347c67"},i("header",{key:"d926117aa4d02c7687905c5f1e6a2e0f4b54ae16",class:"header focus-bounce",tabindex:"0",onClick:this.toggle},i("div",{key:"b024a33ebaf85795fb0a17c63b331ff1261af16e",class:"title"},i("slot",{key:"f1098063d1755758584cd70ab8630cb04d4a4a8a",name:"title"})),i("i",{key:"6a67c8e51b9e93fcf085e5c4194d329a416d926d",class:r("helper-icon",this.isOpened&&"opened"),innerHTML:s}))),i("div",{key:"e0cc43de0d0a9928135b51a3d8f6658060a83c73",class:r("details",this.isOpened&&"opened")},i("div",{key:"a46acca93147806affe56226ba09f2b6edca73a9",class:"content-expander",part:"content"},i("slot",{key:"c4b9d83df0da5f34afd261339a016b10927b2196"}),i("div",{key:"7f4ea3f5b91faa7d29b0317032e3ea9ee39f26f6",class:"actions"},i("slot",{key:"e8437e8ff7bddacf3f3d17cedf77101cdb17da44",name:"action"}))))))};Object.defineProperty(n.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{opened:["validateOpened"]}},enumerable:false,configurable:true});return n}());f.style=l}}}));

package/dist/magma-components/p-82c83671.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-369fc037.system.js","./p-06bbdfbc.system.js"],(function(t){"use strict";var i,e,s,d;return{setters:[function(t){i=t.r;e=t.h;s=t.H},function(t){d=t.h}],execute:function(){var l='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5c0-2.21-1.79-4-4-4z"/></svg>';var o="@tailwind components; @tailwind utilities; mds-help{--mds-help-tooltip-width:fit-content;--mds-help-tooltip-max-width:280px;--mds-help-tooltip-delay:0.25s;margin-left:0.25rem;cursor:help;display:-ms-inline-flexbox;display:inline-flex;fill:currentcolor;-ms-flex-pack:start;justify-content:flex-start;overflow:visible;position:relative}i{display:-ms-flexbox;display:flex}i svg{aspect-ratio:1/1;height:100%;width:100%}mds-help mds-tooltip{--mds-tooltip-delay:var(--mds-help-tooltip-delay);max-width:var(--mds-help-tooltip-max-width);min-width:var(--mds-help-tooltip-width)}mds-help mds-tooltip::part(text){max-width:var(--mds-help-tooltip-max-width);min-width:var(--mds-help-tooltip-width);width:var(--mds-help-tooltip-width)}:host mds-tooltip::part(text){max-width:var(--mds-help-tooltip-max-width);min-width:var(--mds-help-tooltip-width);width:var(--mds-help-tooltip-width)}mds-icon,i{height:1rem;width:1rem;fill:inherit}";var h=o;var a=t("mds_help",function(){function t(t){i(this,t);this.icon=undefined;this.autoPlacement=true;this.placement="top"}t.prototype.componentWillLoad=function(){this.id=d("mds-help")};t.prototype.render=function(){var t;return e(s,{key:"0b88f9a190b8890be7988542e53c0d5d09291874"},e("mds-icon",{key:"423942cd443976464d8af6522ddc65d4771a5e0d",id:this.id,name:(t=this.icon)!==null&&t!==void 0?t:l}),e("mds-tooltip",{key:"270033eacb7e7274fa12c57993c81e493ec0d5e6",placement:this.placement,autoPlacement:this.autoPlacement,strategy:"fixed",target:"#"+this.id},e("slot",{key:"19e960a42a0960dbb49d024e7febf755f03cab89"})))};return t}());a.style=h}}}));

package/dist/magma-components/p-846bafa4.system.js

@@ -1 +0,0 @@
-System.register(["./p-66056cdc.system.js","./p-eff30062.system.js"],(function(v){"use strict";var t,a;return{setters:[function(v){t=v.f},function(v){a=v.m}],execute:function(){var i='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-2 6h-2v2h2v2h-2v2h-2v-2h2v-2h-2v-2h2v-2h-2V8h2v2h2v2z"/></svg>';var h='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5a2.5 2.5 0 0 1 5 0v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5a2.5 2.5 0 0 0 5 0V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z"/></svg>';var r='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 3v9.28a4.39 4.39 0 0 0-1.5-.28C8.01 12 6 14.01 6 16.5S8.01 21 10.5 21c2.31 0 4.2-1.75 4.45-4H15V6h4V3h-7z"/></svg>';var n='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16c1.1 0 2-.9 2-2V6a2 2 0 0 0-2-2zm0 14H4V8h16v10zm-2-1h-6v-2h6v2zM7.5 17l-1.41-1.41L8.67 13l-2.59-2.59L7.5 9l4 4l-4 4z"/></svg>';var e='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"/></svg>';var w='<svg xmlns="http://www.w3.org/2000/svg" id="mdi-harddisk" viewBox="0 0 24 24"><path d="M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M12,4A6,6 0 0,0 6,10C6,13.31 8.69,16 12.1,16L11.22,13.77C10.95,13.29 11.11,12.68 11.59,12.4L12.45,11.9C12.93,11.63 13.54,11.79 13.82,12.27L15.74,14.69C17.12,13.59 18,11.9 18,10A6,6 0 0,0 12,4M12,9A1,1 0 0,1 13,10A1,1 0 0,1 12,11A1,1 0 0,1 11,10A1,1 0 0,1 12,9M7,18A1,1 0 0,0 6,19A1,1 0 0,0 7,20A1,1 0 0,0 8,19A1,1 0 0,0 7,18M12.09,13.27L14.58,19.58L17.17,18.08L12.95,12.77L12.09,13.27Z" /></svg>';var o='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5l-8-5V6l8 5l8-5v2z"/></svg>';var s='<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 2h14c1.1 0 2-.9 2-2V5a2 2 0 0 0-2-2zm0 16H5V7h14v12zm-2-7H7v-2h10v2zm-4 4H7v-2h6v2z"/></svg>';var c='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-5 14H4v-4h11v4zm0-5H4V9h11v4zm5 5h-4V9h4v9z"/></svg>';var g='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.1-.9-2-2-2zm0 14H3V5h18v12z"/></svg>';var d='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 3v18h18V3H3zm8 16H5v-6h6v6zm0-8H5V5h6v6zm8 8h-6v-6h6v6zm0-8h-6V5h6v6z"/></svg>';var l='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/></svg>';var m='<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-curve" viewBox="0 0 24 24"><path d="M18.5,2A1.5,1.5 0 0,1 20,3.5A1.5,1.5 0 0,1 18.5,5C18.27,5 18.05,4.95 17.85,4.85L14.16,8.55L14.5,9C16.69,7.74 19.26,7 22,7L23,7.03V9.04L22,9C19.42,9 17,9.75 15,11.04A3.96,3.96 0 0,1 11.04,15C9.75,17 9,19.42 9,22L9.04,23H7.03L7,22C7,19.26 7.74,16.69 9,14.5L8.55,14.16L4.85,17.85C4.95,18.05 5,18.27 5,18.5A1.5,1.5 0 0,1 3.5,20A1.5,1.5 0 0,1 2,18.5A1.5,1.5 0 0,1 3.5,17C3.73,17 3.95,17.05 4.15,17.15L7.84,13.45C7.31,12.78 7,11.92 7,11A4,4 0 0,1 11,7C11.92,7 12.78,7.31 13.45,7.84L17.15,4.15C17.05,3.95 17,3.73 17,3.5A1.5,1.5 0 0,1 18.5,2M11,9A2,2 0 0,0 9,11A2,2 0 0,0 11,13A2,2 0 0,0 13,11A2,2 0 0,0 11,9Z" /></svg>';var u='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"/></svg>';var p={archive:{icon:i,variant:"amaranth"},attachment:{icon:h,variant:"dark"},audio:{icon:r,variant:"violet"},code:{icon:n,variant:"yellow"},data:{icon:w,variant:"yellow"},document:{icon:e,variant:"orange"},email:{icon:o,variant:"blue"},executable:{icon:s,variant:"amaranth"},image:{icon:a,variant:"green"},imageRaster:{icon:a,variant:"green"},markup:{icon:c,variant:"yellow"},slide:{icon:g,variant:"orchid"},spreadsheet:{icon:d,variant:"lime"},text:{icon:l,variant:"blue"},vectorImage:{icon:m,variant:"aqua"},vector:{icon:m,variant:"aqua"},video:{icon:u,variant:"violet"}};var z=function(v,t){if(t===void 0){t='Attribute "filename" is undefined.'}var a;if(v===undefined){throw console.error(t)}if(v.includes("/")){return(a=v.split("/").pop())!==null&&a!==void 0?a:""}return v};var x=function(v){var t;var a=z(v);if(a.includes(".")){return(t=a.split(".").pop())!==null&&t!==void 0?t:""}return a};var H=v("b",(function(v){var t;var a=z(v);if(a.includes(".")){return(t=a.split(".")[0])!==null&&t!==void 0?t:""}return a}));var V=v("a",(function(v,t){var a=x(v);var i=z(v);if(t!==null&&t!==undefined){return t.toLowerCase()}if(a!==i){return a}return"default"}));var A=v("g",(function(v,a){var i;var h=V(v,a).toLocaleLowerCase();return(i=t[h])!==null&&i!==void 0?i:t.default}));var L=v("c",(function(v,t){return p[A(v,t).format]}))}}}));

package/dist/magma-components/p-85efbd11.entry.js

@@ -1 +0,0 @@
-import{r as n,c as t,h as e,H as o,g as i}from"./p-b6defcb6.js";import{m as r}from"./p-4252d906.js";import{s as a}from"./p-b975c42a.js";import{K as s}from"./p-4cd1cddc.js";const c=class{constructor(e){n(this,e),this.clickLabelEvent=t(this,"mdsChipClickLabel",7),this.deleteEvent=t(this,"mdsChipDelete",7),this.km=new s,this.handleClickableKeyboard=()=>{var n;if(this.clickable){const t=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelector(".label");return this.km.addElement(t,"label"),void this.km.attachClickBehavior("label")}this.km.detachClickBehavior("label")},this.handleDeletableKeyboard=()=>{var n;if(this.deletable){const t=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelector(".button-delete");return this.km.addElement(t,"delete"),void this.km.attachClickBehavior("delete")}this.km.detachClickBehavior("delete")},this.handleClickableElement=()=>{var n;const t=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelector(".label");if(t){if(this.clickable)return a(t,"role","button"),void t.addEventListener("click",this.onClickLabelHandler.bind(this));t.removeAttribute("role"),t.removeEventListener("click",this.onClickLabelHandler.bind(this))}},this.handleDeletableElement=()=>{var n;const t=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelector(".button-delete");if(t){if(this.deletable)return a(t,"aria-hidden","true"),void t.addEventListener("click",this.onDeleteHandler.bind(this));t.removeAttribute("aria-hidden"),t.removeEventListener("click",this.onDeleteHandler.bind(this))}},this.clickable=void 0,this.deletable=void 0,this.deleteLabel="Rimuovi",this.disabled=!1,this.icon=void 0,this.label=void 0,this.selected=!1}onClickLabelHandler(n){this.clickLabelEvent.emit({event:n,element:this.host})}onDeleteHandler(n){this.deleteEvent.emit({event:n,element:this.host})}componentDidLoad(){this.handleClickableElement(),this.handleClickableKeyboard(),this.handleDeletableElement(),this.handleDeletableKeyboard()}componentDidUpdate(){this.handleClickableElement(),this.handleClickableKeyboard(),this.handleDeletableElement(),this.handleDeletableKeyboard()}disconnectedCallback(){this.km.detachClickBehavior("label"),this.km.detachClickBehavior("delete")}render(){return e(o,{key:"22f2fbd25b4d673e396568e4edb3e1449e8fcc43","aria-disabled":this.disabled?"true":"false"},this.icon&&e("div",{key:"283e098da89df91f6d1296cc2f90b2a5861de6f4","aria-hidden":"true",class:"icon-area"},e("mds-icon",{key:"4bb9e7e7abe4d14d1c897d5b27e5114a912388d9",class:"icon",name:this.icon})),e("mds-text",this.clickable?{class:"label focus-bounce",tabindex:"0",typography:"caption",truncate:"word"}:{class:"label",typography:"caption",truncate:"word"},this.label),this.deletable&&e("mds-button",{key:"9e56e6e92ef10da0eb5d777ec7031a47bb4888af",class:"button-delete",icon:r,onClick:this.onDeleteHandler.bind(this),title:`${this.deleteLabel} ${this.label}`,variant:"dark",tone:"quiet",size:"sm"}))}get host(){return i(this)}};c.style='@tailwind utilities;\n\n/**\n * @prop --mds-chip-background: Sets the `background-color` of the component\n * @prop --mds-chip-color: Sets the `color` of the component\n * @prop --mds-chip-icon-background: Sets the `background-color` of the icon\n * @prop --mds-chip-icon-background-selected: Sets the `background-color` color of the icon when the component is selected\n * @prop --mds-chip-icon-color: Sets the `fill` color of the icon of the component\n * @prop --mds-chip-opacity-disabled: Sets the `opacity` of the component when it\'s disabled\n * @prop --mds-chip-backgroud-selected: Sets the `background-color` of the component when it\'s selected\n * @prop --mds-chip-color-selected: Sets the `color` of the component when it\'s selected\n * @prop --mds-chip-icon-color-selected: Sets the `fill` color of the icon of the component when it\'s selected\n */\n\n:host {\n\n  --mds-chip-background: rgb(var(--tone-neutral-09));\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--brand-maggioli-06));\n  --mds-chip-icon-background-selected: rgb(var(--brand-maggioli-04));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-opacity-disabled: var(--opacity-disabled, 0.5);\n  --mds-chip-backgroud-selected: rgb(var(--tone-neutral-08));\n  --mds-chip-color-selected: rgb(var(--tone-neutral-01));\n  --mds-chip-icon-color-selected: rgb(var(--tone-neutral));\n  height: 2.25rem;\n  gap: 0.375rem;\n  border-radius: 9999px;\n  padding: 0.375rem;\n  -webkit-transition-duration: 150ms;\n  transition-duration: 150ms;\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  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-chip-background);\n  color: var(--mds-chip-color);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -webkit-transition-property: background-color, border-color, color, opacity, -webkit-box-shadow;\n  transition-property: background-color, border-color, color, opacity, -webkit-box-shadow;\n  transition-property: background-color, border-color, box-shadow, color, opacity;\n  transition-property: background-color, border-color, box-shadow, color, opacity, -webkit-box-shadow;\n}\n\n\n:host( [disabled]:not([disabled="false"]) ) {\n  opacity: var(--mds-chip-opacity-disabled);\n  pointer-events: none;\n}\n\n:host( [selected]:not([selected="false"]) ) {\n\n  --mds-chip-color: var(--mds-chip-color-selected);\n  --mds-chip-background: var(--mds-chip-backgroud-selected);\n  --mds-chip-icon-color: var(--mds-chip-icon-color-selected);\n  --mds-chip-icon-background: var(--mds-chip-icon-background-selected);\n}\n\n.label{\n\n  border-radius: 9999px;\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  -ms-flex-positive: 1;\n\n  flex-grow: 1;\n  -webkit-text-decoration-color: transparent;\n  text-decoration-color: transparent;\n  -webkit-transition-property: color, outline, outline-offset, -webkit-text-decoration-color;\n  transition-property: color, outline, outline-offset, -webkit-text-decoration-color;\n  transition-property: color, text-decoration-color, outline, outline-offset;\n  transition-property: color, text-decoration-color, outline, outline-offset, -webkit-text-decoration-color;\n}\n\n:host( [clickable]:not([clickable="false"]) ) .label {\n  cursor: pointer;\n  text-decoration: underline;\n}\n\n:host( [clickable]:not([clickable="false"]) ) .label:hover {\n  -webkit-text-decoration-color: unset;\n  text-decoration-color: unset;\n}\n\n.label:first-child{\n\n  padding-left: 0.5rem;\n}\n\n.label:last-child{\n\n  padding-right: 0.5rem;\n}\n\n.icon-area{\n\n  height: 1.5rem;\n\n  width: 1.5rem;\n\n  -ms-flex-pack: center;\n\n  justify-content: center;\n\n  border-radius: 9999px;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-chip-icon-background);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  -webkit-transition-duration: inherit;\n  transition-duration: inherit;\n  -webkit-transition-timing-function: inherit;\n  transition-timing-function: inherit;\n}\n\n.icon{\n\n  height: 1rem;\n\n  width: 1rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  fill: var(--mds-chip-icon-color);\n  -webkit-transition: fill;\n  transition: fill;\n}\n\n.button-delete {\n  border-radius: 100px;\n  height: auto;\n  padding: 0;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .label,\n  .icon {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .label,\n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    -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-chip-background: rgb(var(--tone-neutral));\n    --mds-chip-color: rgb(var(--tone-neutral-02));\n    --mds-chip-icon-background-selected: rgb(var(--brand-maggioli-03));\n    --mds-chip-icon-color: rgb(var(--tone-neutral));\n    --mds-chip-opacity-disabled: var(--opacity-disabled, 0.6);\n    --mds-chip-backgroud-selected: rgb(var(--tone-neutral-09));\n    --mds-chip-color-selected: rgb(var(--tone-neutral-01));\n    --mds-chip-icon-color-selected: rgb(var(--tone-neutral));\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-chip-background: rgb(var(--tone-neutral));\n      --mds-chip-color: rgb(var(--tone-neutral-02));\n      --mds-chip-icon-background-selected: rgb(var(--brand-maggioli-03));\n      --mds-chip-icon-color: rgb(var(--tone-neutral));\n      --mds-chip-opacity-disabled: var(--opacity-disabled, 0.6);\n      --mds-chip-backgroud-selected: rgb(var(--tone-neutral-09));\n      --mds-chip-color-selected: rgb(var(--tone-neutral-01));\n      --mds-chip-icon-color-selected: rgb(var(--tone-neutral));\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';export{c as mds_chip}