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

package/dist/magma-components/{p-20143ec9.entry.js → p-892e949c.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as e}from"./p-b6defcb6.js";const a=class{constructor(i){t(this,i),this.separator={apa:"&",mla:"e",turabian:"&"},this.monthName=t=>["Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre"][t],this.getDate=t=>new Date(isNaN(Number(t))?t:parseInt(t)),this.dateFormatAPA=t=>{const i=this.getDate(t);return"Invalid Date"===i.toString()?"":`${i.getFullYear()}, ${this.monthName(i.getMonth())} ${i.getDate()}`},this.dateFormatMLA=t=>{const i=this.getDate(t);return"Invalid Date"===i.toString()?"":`${i.getDate()} ${this.monthName(i.getMonth())} ${i.getFullYear()}`},this.fullNameAPA=(t,i)=>{var e;let a="";if(t.includes(" ")){const i=new RegExp(/(\w+)/,"g");null===(e=t.match(i))||void 0===e||e.forEach((t=>{a=`${a} ${t.substring(0,1)}.`}))}else a=` ${t.substring(0,1)}.`;return`${i}${i?",":""}${a}`},this.fullNameMLA=(t,i)=>{var e;let a="";if(t.includes(" ")){const i=new RegExp(/(\w+)/,"g");null===(e=t.match(i))||void 0===e||e.forEach(((t,i)=>{a=0===i?t:`${a} ${t.substring(0,1)}.`}))}else a=t;return`${i}${i?",":""} ${a}`},this.formatAuthors=t=>{var i;const e=t.replace(/"/g,"'"),a=new RegExp(/([A-Za-z ]{2,})/g),s=null!==(i=e.match(a))&&void 0!==i?i:e;if(s.length>1){const t=s[0].trim(),i=s[1]?s[1].trim():"";return{apa:this.fullNameAPA(t,i),firstName:t,lastName:i,mla:this.fullNameMLA(t,i),turabian:this.fullNameMLA(t,i)}}const o=s[0].split(" ")[0].trim(),r=s[0].split(" ")[1]?s[0].split(" ")[1].trim():"";return{apa:this.fullNameAPA(o,r),firstName:o,lastName:r,mla:this.fullNameMLA(o,r),turabian:this.fullNameMLA(o,r)}},this.normalizeAuthors=t=>{const i=[];return t.includes(",")?(t.split(",").forEach((t=>{i.push(this.formatAuthors(t))})),i):(i.push(this.formatAuthors(t)),i)},this.showAuthors=t=>{let i="";return t.forEach(((t,e)=>{i=0===e?t[this.format]:`${i}, ${this.separator[this.format]} ${t[this.format]}`})),i},this.format="apa",this.author=void 0,this.name=void 0,this.publisher=void 0,this.date=void 0,this.location=void 0,this.rel="external",this.typography="detail",this.variant=void 0,this.url=void 0}render(){return i(e,{key:"e148e1620c1d6f23dc13f2986ca1ba7fc9e07c88"},i("mds-text",{key:"0ea24df93331269a53527fd7b2d43c49d664ca6f",typography:this.typography,variant:this.variant},this.author&&i("span",{key:"d3e09766bc61d5e16436a94bbf337e9d1c16472b"},this.showAuthors(this.normalizeAuthors(this.author))),"mla"===this.format&&i("span",{key:"ca26eebbc1fa6f714c6c49c2afc36291c8d0047a"},this.name&&" ",this.name&&null!==this.url?i("a",{class:"link focus-bounce",href:this.url,target:"_blank",rel:this.rel},i("b",null,i("i",null,this.name,"."))):i("b",null,i("i",null,this.name,".")),this.location&&i("span",{key:"f1585c0adb61b4268abebf2a036262a3d9ebaa2a"}," ",this.location,void 0!==this.publisher?":":"."),this.publisher&&i("span",{key:"91943d9eb7e3ff845eb9f4a10aba171599ea8e7d"}," ",this.publisher,void 0!==this.date?",":"."),this.date&&i("time",{key:"07e837b1a3fce3543dff7427316323b0a92d656d",dateTime:this.date}," ",this.dateFormatMLA(this.date),".")),"apa"===this.format&&i("span",{key:"b568cd9a28b8fc26ec62fd9c003273ef12438fa3"},this.date&&i("time",{key:"906c83e48b8e6804c66108fdfb0baa3e1ab116dc",dateTime:this.date}," (",this.dateFormatAPA(this.date),")."),this.name&&" ",this.name&&null!==this.url?i("a",{class:"link focus-bounce",href:this.url,target:"_blank",rel:this.rel},i("b",null,i("i",null," ",this.name,"."))):i("b",null,i("i",null," ",this.name,".")),this.location&&i("span",{key:"5bb9116f5c661ad0cb6afb54368da591cbea72b9"}," ",this.location,void 0!==this.publisher?":":"."),this.publisher&&i("span",{key:"77c8d31f723a4bde4e5e11fb9f815d2d189a978a"}," ",this.publisher,".")),"turabian"===this.format&&i("span",{key:"db345ac68439c989b1f28908fbc69ea504fd2a8b"},this.name&&" ",this.name&&null!==this.url?i("a",{class:"link focus-bounce",href:this.url,target:"_blank",rel:this.rel},i("b",null,i("i",null," ",this.name,"."))):i("b",null,i("i",null," ",this.name,".")),this.location&&i("span",{key:"416d100e29a5689ef251afabac6f917363d67525"}," ",this.location,void 0!==this.publisher?":":","),this.publisher&&i("span",{key:"05d25e85012ba187d53b816f6310ba2422f7914d"}," ",this.publisher,void 0!==this.date?",":"."),this.date&&i("time",{key:"a9fa7e48d72291c38184eb8a5df5fd75b311601c",dateTime:this.date}," ",this.dateFormatMLA(this.date),"."))))}};a.style="@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; @tailwind utilities; :host{--mds-bibliography-color:inherit;--mds-bibliography-text-decoration-hover:inherit;--mds-bibliography-text-decoration:rgb(var(--tone-neutral-06));display:inline}.link{border-radius:0.25rem;-webkit-transition-duration:200ms;transition-duration:200ms;color:var(--mds-bibliography-color);-webkit-text-decoration-color:var(--mds-bibliography-text-decoration);text-decoration-color:var(--mds-bibliography-text-decoration);transition-property:color, outline, outline-offset, -webkit-text-decoration;-webkit-transition-property:color, outline, outline-offset, -webkit-text-decoration;transition-property:text-decoration, color, outline, outline-offset;transition-property:text-decoration, color, outline, outline-offset, -webkit-text-decoration}.link:hover{-webkit-text-decoration-color:var(--mds-bibliography-text-decoration-hover);text-decoration-color:var(--mds-bibliography-text-decoration-hover)}";export{a as mds_bibliography}
+import{r as t,h as i,H as e}from"./p-eab621a7.js";const a=class{constructor(i){t(this,i),this.separator={apa:"&",mla:"e",turabian:"&"},this.monthName=t=>["Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre"][t],this.getDate=t=>new Date(isNaN(Number(t))?t:parseInt(t)),this.dateFormatAPA=t=>{const i=this.getDate(t);return"Invalid Date"===i.toString()?"":`${i.getFullYear()}, ${this.monthName(i.getMonth())} ${i.getDate()}`},this.dateFormatMLA=t=>{const i=this.getDate(t);return"Invalid Date"===i.toString()?"":`${i.getDate()} ${this.monthName(i.getMonth())} ${i.getFullYear()}`},this.fullNameAPA=(t,i)=>{var e;let a="";if(t.includes(" ")){const i=new RegExp(/(\w+)/,"g");null===(e=t.match(i))||void 0===e||e.forEach((t=>{a=`${a} ${t.substring(0,1)}.`}))}else a=` ${t.substring(0,1)}.`;return`${i}${i?",":""}${a}`},this.fullNameMLA=(t,i)=>{var e;let a="";if(t.includes(" ")){const i=new RegExp(/(\w+)/,"g");null===(e=t.match(i))||void 0===e||e.forEach(((t,i)=>{a=0===i?t:`${a} ${t.substring(0,1)}.`}))}else a=t;return`${i}${i?",":""} ${a}`},this.formatAuthors=t=>{var i;const e=t.replace(/"/g,"'"),a=new RegExp(/([A-Za-z ]{2,})/g),s=null!==(i=e.match(a))&&void 0!==i?i:e;if(s.length>1){const t=s[0].trim(),i=s[1]?s[1].trim():"";return{apa:this.fullNameAPA(t,i),firstName:t,lastName:i,mla:this.fullNameMLA(t,i),turabian:this.fullNameMLA(t,i)}}const o=s[0].split(" ")[0].trim(),r=s[0].split(" ")[1]?s[0].split(" ")[1].trim():"";return{apa:this.fullNameAPA(o,r),firstName:o,lastName:r,mla:this.fullNameMLA(o,r),turabian:this.fullNameMLA(o,r)}},this.normalizeAuthors=t=>{const i=[];return t.includes(",")?(t.split(",").forEach((t=>{i.push(this.formatAuthors(t))})),i):(i.push(this.formatAuthors(t)),i)},this.showAuthors=t=>{let i="";return t.forEach(((t,e)=>{i=0===e?t[this.format]:`${i}, ${this.separator[this.format]} ${t[this.format]}`})),i},this.format="apa",this.author=void 0,this.name=void 0,this.publisher=void 0,this.date=void 0,this.location=void 0,this.rel="external",this.typography="detail",this.variant=void 0,this.url=void 0}render(){return i(e,{key:"e148e1620c1d6f23dc13f2986ca1ba7fc9e07c88"},i("mds-text",{key:"0ea24df93331269a53527fd7b2d43c49d664ca6f",typography:this.typography,variant:this.variant},this.author&&i("span",{key:"d3e09766bc61d5e16436a94bbf337e9d1c16472b"},this.showAuthors(this.normalizeAuthors(this.author))),"mla"===this.format&&i("span",{key:"ca26eebbc1fa6f714c6c49c2afc36291c8d0047a"},this.name&&" ",this.name&&null!==this.url?i("a",{class:"link focus-bounce",href:this.url,target:"_blank",rel:this.rel},i("b",null,i("i",null,this.name,"."))):i("b",null,i("i",null,this.name,".")),this.location&&i("span",{key:"f1585c0adb61b4268abebf2a036262a3d9ebaa2a"}," ",this.location,void 0!==this.publisher?":":"."),this.publisher&&i("span",{key:"91943d9eb7e3ff845eb9f4a10aba171599ea8e7d"}," ",this.publisher,void 0!==this.date?",":"."),this.date&&i("time",{key:"07e837b1a3fce3543dff7427316323b0a92d656d",dateTime:this.date}," ",this.dateFormatMLA(this.date),".")),"apa"===this.format&&i("span",{key:"b568cd9a28b8fc26ec62fd9c003273ef12438fa3"},this.date&&i("time",{key:"906c83e48b8e6804c66108fdfb0baa3e1ab116dc",dateTime:this.date}," (",this.dateFormatAPA(this.date),")."),this.name&&" ",this.name&&null!==this.url?i("a",{class:"link focus-bounce",href:this.url,target:"_blank",rel:this.rel},i("b",null,i("i",null," ",this.name,"."))):i("b",null,i("i",null," ",this.name,".")),this.location&&i("span",{key:"5bb9116f5c661ad0cb6afb54368da591cbea72b9"}," ",this.location,void 0!==this.publisher?":":"."),this.publisher&&i("span",{key:"77c8d31f723a4bde4e5e11fb9f815d2d189a978a"}," ",this.publisher,".")),"turabian"===this.format&&i("span",{key:"db345ac68439c989b1f28908fbc69ea504fd2a8b"},this.name&&" ",this.name&&null!==this.url?i("a",{class:"link focus-bounce",href:this.url,target:"_blank",rel:this.rel},i("b",null,i("i",null," ",this.name,"."))):i("b",null,i("i",null," ",this.name,".")),this.location&&i("span",{key:"416d100e29a5689ef251afabac6f917363d67525"}," ",this.location,void 0!==this.publisher?":":","),this.publisher&&i("span",{key:"05d25e85012ba187d53b816f6310ba2422f7914d"}," ",this.publisher,void 0!==this.date?",":"."),this.date&&i("time",{key:"a9fa7e48d72291c38184eb8a5df5fd75b311601c",dateTime:this.date}," ",this.dateFormatMLA(this.date),"."))))}};a.style="@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; @tailwind utilities; :host{--mds-bibliography-color:inherit;--mds-bibliography-text-decoration-hover:inherit;--mds-bibliography-text-decoration:rgb(var(--tone-neutral-06));display:inline}.link{border-radius:0.25rem;-webkit-transition-duration:200ms;transition-duration:200ms;color:var(--mds-bibliography-color);-webkit-text-decoration-color:var(--mds-bibliography-text-decoration);text-decoration-color:var(--mds-bibliography-text-decoration);transition-property:color, outline, outline-offset, -webkit-text-decoration;-webkit-transition-property:color, outline, outline-offset, -webkit-text-decoration;transition-property:text-decoration, color, outline, outline-offset;transition-property:text-decoration, color, outline, outline-offset, -webkit-text-decoration}.link:hover{-webkit-text-decoration-color:var(--mds-bibliography-text-decoration-hover);text-decoration-color:var(--mds-bibliography-text-decoration-hover)}";export{a as mds_bibliography}

package/dist/magma-components/p-893a87dc.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-c94628eb.system.js"],(function(n){"use strict";var r,e,t;return{setters:[function(n){r=n.r;e=n.h;t=n.H}],execute:function(){var a="@tailwind utilities;\n\n:host {\n\n  --mds-separator-background: rgb(var(--tone-neutral-08));\n\n  height: 1px;\n\n  border-radius: 9999px;\n\n  background-color: var(--mds-separator-background);\n  display: -ms-flexbox;\n  display: flex;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-separator-background: rgb(var(--tone-neutral-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-separator-background: rgb(var(--tone-neutral-07));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-separator-background: rgb(var(--tone-neutral-06));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-separator-background: rgb(var(--tone-neutral-06));\n    }\n  }\n}\n\n";var s=a;var o=n("mds_separator",function(){function n(n){r(this,n)}n.prototype.render=function(){return e(t,{key:"0d8d9d093ec4349f07659bb12a5408934d3f8fa7"})};return n}());o.style=s}}}));

package/dist/magma-components/p-89f9e0d2.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,h as n,H as i,g as s}from"./p-eab621a7.js";import{m as a}from"./p-82c30db1.js";import{m}from"./p-99335ff4.js";import{L as o}from"./p-c310b41f.js";import"./p-85aa8e05.js";const r={animationDisabled:"Απενεργοποιημένο",animationEnabled:"Ενεργοποιημένο",label:"Κινηματογραφήσεις",systemSettings:"Ρυθμίσεις συστήματος"},l={animationDisabled:"Disabled",animationEnabled:"Enabled",label:"Animations",systemSettings:"System settings"},c={animationDisabled:"Deshabilitadas",animationEnabled:"Habilitadas",label:"Animaciones",systemSettings:"Sistema operativo"},d={animationDisabled:"Disabilitate",animationEnabled:"Abilitate",label:"Animazioni",systemSettings:"Sistema operativo"},b=class{constructor(n){e(this,n),this.prefChangeEvent=t(this,"mdsPrefChange",7),this.localStorageAlias="mdsPrefAnimation",this.customPropertyAlias="--magma-pref-animation",this.defaultMode="system",this.t=new o({el:r,en:l,es:c,it:d}),this.animation={reduce:{selector:"pref-animation-reduce",label:"animationDisabled"},system:{selector:"pref-animation-system",label:"systemSettings"},"no-preference":{selector:"pref-animation-no-preference",label:"animationEnabled"}},this.setAnimation=e=>{if(this.prefChangeEvent.emit({preference:"animation"}),this.mode=e,localStorage.setItem(this.localStorageAlias,this.mode),document){const e=document.querySelector("html");for(const t in this.animation)({}).hasOwnProperty.call(this.animation,t)&&(null==e||e.classList.remove(this.animation[t].selector));null==e||e.classList.add(this.animation[this.mode].selector),null==e||e.style.setProperty(this.customPropertyAlias,this.mode)}},this.language=void 0,this.mode=void 0}async updateLang(){this.language=this.t.lang(this.element)}componentWillRender(){var e,t;this.t.lang(this.element),this.setAnimation(null!==(t=null!==(e=this.mode)&&void 0!==e?e:localStorage.getItem(this.localStorageAlias))&&void 0!==t?t:this.defaultMode)}modeChanged(e){this.setAnimation(e)}render(){var e;return n(i,{key:"a51aee1481fe52a192a76dc1940732566a0ccb71"},n("mds-text",{key:"0ce8e1d74e412d437aefb923bcfa49229e68289e",class:"info",typography:"caption"},n("b",{key:"1fb6e300398aade36b2e3b0fb69fa7e3002a827e"},this.t.get("label"))," ",this.t.get(this.animation[null!==(e=this.mode)&&void 0!==e?e:this.defaultMode].label)),n("mds-tab",{key:"39531570c525ea29f5e524e3c980350461c0e002"},n("mds-tab-item",{key:"e741e1b7e30b59366a747b6c1b8e2939d22a9d84",selected:"reduce"===this.mode,onClick:()=>{this.setAnimation("reduce")},class:"item item--reduce",icon:a}),n("mds-tab-item",{key:"27b8c88f59f649a09d4bf10625db794e224801c2",selected:"system"===this.mode,onClick:()=>{this.setAnimation("system")},class:"item item--system",icon:m}),n("mds-tab-item",{key:"f43c7a20d4fe443a460c99415130230409091976",selected:"no-preference"===this.mode,onClick:()=>{this.setAnimation("no-preference")},class:"item item--no-preference",icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 2c-2.71 0-5.05 1.54-6.22 3.78a7.062 7.062 0 0 0-3 3A7.014 7.014 0 0 0 2 15c0 3.87 3.13 7 7 7c2.71 0 5.05-1.54 6.22-3.78a7.062 7.062 0 0 0 3-3A7.014 7.014 0 0 0 22 9c0-3.87-3.13-7-7-7zM9 20a5.002 5.002 0 0 1-4-8c0 3.87 3.13 7 7 7c-.84.63-1.88 1-3 1zm3-3a5.002 5.002 0 0 1-4-8c0 3.86 3.13 6.99 7 7c-.84.63-1.88 1-3 1zm4.7-3.3c-.53.19-1.1.3-1.7.3c-2.76 0-5-2.24-5-5c0-.6.11-1.17.3-1.7c.53-.19 1.1-.3 1.7-.3c2.76 0 5 2.24 5 5c0 .6-.11 1.17-.3 1.7zM19 12c0-3.86-3.13-6.99-7-7a5.002 5.002 0 0 1 7 7z"/></svg>'})))}get element(){return s(this)}static get watchers(){return{mode:["modeChanged"]}}};b.style="@tailwind utilities;\n\n:host{\n\n  gap: 0.25rem;\n\n  display: grid;\n}\n\n.item {\n\n  --mds-tab-item-color: rgb(var(--tone-neutral-05));\n\n  -ms-flex-preferred-size: 0;\n\n  flex-basis: 0;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n}\n\n.item--system {\n\n  --mds-tab-item-color-selected: rgb(var(--tone-neutral-03));\n}\n\n.item--enabled {\n\n  --mds-tab-item-color-selected: rgb(var(--tone-neutral-03));\n}\n\n.item--disabled {\n\n  --mds-tab-item-color-selected: rgb(var(--tone-neutral-03));\n}\n\n@container style(--magma-pref-contrast: more) {\n  .item {\n\n    --mds-tab-item-color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    .item {\n\n      --mds-tab-item-color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n";export{b as mds_pref_animation}

package/dist/magma-components/{p-0349e303.system.entry.js → p-8fe9a0a2.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js","./p-3a1212f7.system.js"],(function(n){"use strict";var t,i,o,e,a,r,s,c;return{setters:[function(n){t=n.r;i=n.h;o=n.H;e=n.g},function(n){a=n.o;r=n.s;s=n.c;c=n.a}],execute:function(){var d='@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';var f=d;var l=n("mds_notification",function(){function n(n){var i=this;t(this,n);this.placement="right-start";this.updatePosition=function(){var n=new Array;var t=i.strategy==="disabled"?"absolute":"fixed";n.push(a(0));n.push(r({padding:0}));s(i.caller,i.host,{middleware:n,placement:i.placement,strategy:t}).then((function(n){var t=n.x,o=n.y;Object.assign(i.host.style,{left:"".concat(t,"px"),top:"".concat(o,"px")})}))};this.clean=function(n){if(i.max){if(n>i.max){return"+".concat(Number(i.max).toLocaleString())}}return Number(n).toLocaleString()};this.target=undefined;this.value=0;this.visible=true;this.strategy="fixed";this.max=undefined}n.prototype.componentDidRender=function(){if(!this.target){this.strategy="disabled";return}var n=document.querySelector(this.target);if(!n)throw new Error("No valid target found");this.caller=n};n.prototype.componentDidLoad=function(){var n=this;if(this.strategy==="disabled"){return}if(this.target&&!this.cleanupAutoUpdate){setTimeout((function(){n.cleanupAutoUpdate=c(n.caller,n.host,n.updatePosition)}),100)}};n.prototype.disconnectedCallback=function(){this.cleanupAutoUpdate=function(){}};n.prototype.strategyHandler=function(n){if(n==="disabled"){this.cleanupAutoUpdate=function(){}}};n.prototype.render=function(){return i(o,{key:"c42ba41c2d9c58bbbbbbfd92957fd8c1a7798a41"},i("mds-text",{key:"a3d539060f7d7e5594c13dcaf1c0bbe6e0d56a30",typography:"caption",class:"dot"},this.value?this.clean(this.value):""))};Object.defineProperty(n.prototype,"host",{get:function(){return e(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{strategy:["strategyHandler"]}},enumerable:false,configurable:true});return n}());l.style=f}}}));
+System.register(["./p-c94628eb.system.js","./p-94db8071.system.js"],(function(n){"use strict";var t,i,o,e,a,r,s,c;return{setters:[function(n){t=n.r;i=n.h;o=n.H;e=n.g},function(n){a=n.o;r=n.s;s=n.c;c=n.a}],execute:function(){var d='@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';var f=d;var l=n("mds_notification",function(){function n(n){var i=this;t(this,n);this.placement="right-start";this.updatePosition=function(){var n=new Array;var t=i.strategy==="disabled"?"absolute":"fixed";n.push(a(0));n.push(r({padding:0}));s(i.caller,i.host,{middleware:n,placement:i.placement,strategy:t}).then((function(n){var t=n.x,o=n.y;Object.assign(i.host.style,{left:"".concat(t,"px"),top:"".concat(o,"px")})}))};this.clean=function(n){if(i.max){if(n>i.max){return"+".concat(Number(i.max).toLocaleString())}}return Number(n).toLocaleString()};this.target=undefined;this.value=0;this.visible=true;this.strategy="fixed";this.max=undefined}n.prototype.componentDidRender=function(){if(!this.target){this.strategy="disabled";return}var n=document.querySelector(this.target);if(!n)throw new Error("No valid target found");this.caller=n};n.prototype.componentDidLoad=function(){var n=this;if(this.strategy==="disabled"){return}if(this.target&&!this.cleanupAutoUpdate){setTimeout((function(){n.cleanupAutoUpdate=c(n.caller,n.host,n.updatePosition)}),100)}};n.prototype.disconnectedCallback=function(){this.cleanupAutoUpdate=function(){}};n.prototype.strategyHandler=function(n){if(n==="disabled"){this.cleanupAutoUpdate=function(){}}};n.prototype.render=function(){var n;return i(o,{key:"4ac9b53e962be966d5c287047a6c60ff4ceb0aec","aria-labelledby":this.target,"aria-label":(n=this.value)!==null&&n!==void 0?n:"0"},i("mds-text",{key:"0cce8fe4e389cf21846eb61bc926b304f9c1b0be",typography:"caption",class:"dot","aria-hidden":"true"},this.value?this.clean(this.value):""))};Object.defineProperty(n.prototype,"host",{get:function(){return e(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{strategy:["strategyHandler"]}},enumerable:false,configurable:true});return n}());l.style=f}}}));

package/dist/magma-components/p-917ba0e2.entry.js

@@ -0,0 +1 @@
+import{r as n,c as e,h as t,H as i}from"./p-eab621a7.js";import{m as r}from"./p-39f06295.js";const o=class{constructor(t){n(this,t),this.clickSelectEvent=e(this,"mdsAccordionTimerItemClickSelect",7),this.selectEvent=e(this,"mdsAccordionTimerItemSelect",7),this.selectedMouseEnterEvent=e(this,"mdsAccordionTimerItemMouseEnterSelect",7),this.selectedMouseLeaveEvent=e(this,"mdsAccordionTimerItemMouseLeaveSelect",7),this.toggle=()=>{this.selected=!this.selected,this.progress=0,this.selected&&this.clickSelectEvent.emit({selected:this.selected,uuid:this.uuid})},this.mouseEnter=()=>{this.selected&&this.selectedMouseEnterEvent.emit({selected:this.selected,uuid:this.uuid})},this.mouseLeave=()=>{this.selected&&this.selectedMouseLeaveEvent.emit({selected:this.selected,uuid:this.uuid})},this.typography="h5",this.selected=!1,this.description=void 0,this.duration=void 0,this.progress=0,this.uuid=0}handleSelected(n){this.progress=0,n&&this.selectEvent.emit({selected:this.selected,uuid:this.uuid})}render(){var n;return t(i,{key:"a08b9836fa7ed8bb23a55de9d86e0509b4d8c286",onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},t("div",{key:"0c63a8ef6f5b1dd5aa9aead6b620f028b3fbcd3f",class:"row"},t("mds-progress",{key:"4d0c6768ef8c213d67b6c2b111656bb3af675e89","aria-hidden":"true",class:"progress-bar",progress:Number(null===(n=this.progress)||void 0===n?void 0:n.toFixed(2)),direction:"vertical",part:"progress"}),t("div",{key:"6be76be96d8bc16370db9595755a769c5adf1eb9",class:"accordion"},t("button",{key:"15111c2e74a6cef49758c078178170392a1847d8","aria-controls":"content","aria-expanded":this.selected?"true":"false",class:"action focus-bounce",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},t("mds-text",{key:"fa1fc2cdeeeca237c08970624c16308f3da3686c",typography:this.typography,part:"label"},this.description),t("mds-text",{key:"eb48246238b4d9fd3ee359b6a4dc289bd2d8fc57","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},t("i",{key:"baca64b53048ae957ae86d7a7d690b43849fea59",class:"icon",innerHTML:r}))),t("div",{key:"a05a7e78e8ad9d18a4d77d44e09ed33cab8e4778",class:"content",id:"content"},t("div",{key:"35c15506ceebf2f2edfb0f8997d595ec78779e7b","aria-label":this.description,class:"content-expander",part:"content",role:"region"},t("slot",{key:"0c0b10efb72eb9a32c5e263426069166e66008c9"}))))))}static get watchers(){return{selected:["handleSelected"]}}};o.style='@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-accordion-timer-item-progress-bar-color: Sets the color of the progress bar when the item is selected\n * @prop --mds-accordion-timer-item-progress-bar-background: Sets the background-color of the progress bar when the item is selected\n * @prop --mds-accordion-timer-item-color: Sets the text color of the component\n * @prop --mds-accordion-timer-item-progress-bar-thickness: Sets thickness of the progress bar\n * @prop --mds-accordion-timer-item-duration: Sets the transition duration of open/close animation\n */\n\n:host {\n\n  --mds-accordion-timer-item-progress-bar-color: var(--mds-accordion-timer-progress-bar-color, rgb(var(--tone-neutral-03)));\n  --mds-accordion-timer-item-progress-bar-background: var(--mds-accordion-timer-progress-bar-background, rgb(var(--tone-neutral-08)));\n  --mds-accordion-timer-item-progress-bar-thickness: var(--mds-accordion-timer-progress-bar-thickness, 0.25rem);\n  --mds-accordion-timer-item-duration: var(--mds-accordion-timer-duration, 500ms);\n  padding-top: 1rem;\n  padding-bottom: 1rem;\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  color: var(--mds-accordion-timer-item-color, rgb(var(--tone-neutral-02)));\n  display: grid;\n  position: relative;\n  -webkit-transition-duration: var(--mds-accordion-timer-item-duration);\n  transition-duration: var(--mds-accordion-timer-item-duration);\n  -webkit-transition-property: color;\n  transition-property: color;\n}\n\n.row {\n  gap: 1rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n.accordion {\n  display: grid;\n}\n\n.progress-bar {\n\n  --mds-progress-color: var(--mds-accordion-timer-item-progress-bar-color);\n  --mds-progress-background: var(--mds-accordion-timer-item-progress-bar-background);\n  --mds-progress-thickness: var(--mds-accordion-timer-item-progress-bar-thickness);\n\n  -ms-flex-negative: 0;\n\n  flex-shrink: 0;\n}\n\n.action {\n  gap: 1rem;\n  border-radius: 0.75rem;\n\n  background-color: transparent;\n  border: 0;\n  color: inherit;\n  cursor: pointer;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  padding: 0;\n  text-align: left;\n}\n\n.content {\n  gap: 1rem;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  display: grid;\n  grid-template-rows: 0fr;\n  min-height: 0;\n  opacity: 0;\n  overflow: hidden;\n  padding-top: 0;\n  -webkit-transition-duration: var(--mds-accordion-timer-item-duration);\n  transition-duration: var(--mds-accordion-timer-item-duration);\n  -webkit-transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding, -ms-grid-rows opacity padding;\n}\n\n.content-expander {\n  min-height: 0;\n}\n\n.icon {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.icon svg {\n  aspect-ratio: 1/1;\n  height: 100%;\n  width: 100%;\n}\n\n.icon {\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  fill: currentcolor;\n  -webkit-transform: rotate(180deg);\n  transform: rotate(180deg);\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n}\n\n:host( [selected]:not([selected="false"]) ) .action {\n  cursor: auto;\n}\n\n:host( [selected]:not([selected="false"]) ) .icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n:host( [selected]:not([selected="false"]) ) .content {\n  padding-top: 1rem;\n  opacity: 1;\n\n  grid-template-rows: 1fr;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-timer-item-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-accordion-timer-item-duration: 0s;\n    }\n  }\n}\n';export{o as mds_accordion_timer_item}

package/dist/magma-components/p-94db8071.system.js

@@ -0,0 +1 @@
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(r){for(var t,n=1,e=arguments.length;n<e;n++){t=arguments[n];for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))r[i]=t[i]}return r};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(r,t,n,e){function i(r){return r instanceof n?r:new n((function(t){t(r)}))}return new(n||(n=Promise))((function(n,a){function u(r){try{f(e.next(r))}catch(r){a(r)}}function o(r){try{f(e["throw"](r))}catch(r){a(r)}}function f(r){r.done?n(r.value):i(r.value).then(u,o)}f((e=e.apply(r,t||[])).next())}))};var __generator=this&&this.__generator||function(r,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,i,a,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(r){return function(t){return f([r,t])}}function f(o){if(e)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(n=0)),n)try{if(e=1,i&&(a=o[0]&2?i["return"]:o[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,o[1])).done)return a;if(i=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;i=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){n.label=o[1];break}if(o[0]===6&&n.label<a[1]){n.label=a[1];a=o;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(o);break}if(a[2])n.ops.pop();n.trys.pop();continue}o=t.call(r,n)}catch(r){o=[6,r];i=0}finally{e=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __rest=this&&this.__rest||function(r,t){var n={};for(var e in r)if(Object.prototype.hasOwnProperty.call(r,e)&&t.indexOf(e)<0)n[e]=r[e];if(r!=null&&typeof Object.getOwnPropertySymbols==="function")for(var i=0,e=Object.getOwnPropertySymbols(r);i<e.length;i++){if(t.indexOf(e[i])<0&&Object.prototype.propertyIsEnumerable.call(r,e[i]))n[e[i]]=r[e[i]]}return n};var __spreadArray=this&&this.__spreadArray||function(r,t,n){if(n||arguments.length===2)for(var e=0,i=t.length,a;e<i;e++){if(a||!(e in t)){if(!a)a=Array.prototype.slice.call(t,0,e);a[e]=t[e]}}return r.concat(a||Array.prototype.slice.call(t))};System.register([],(function(r){"use strict";return{execute:function(){var t=this;r("a",Nr);var n=["top","right","bottom","left"];var e=["start","end"];var i=n.reduce((function(r,t){return r.concat(t,t+"-"+e[0],t+"-"+e[1])}),[]);var a=Math.min;var u=Math.max;var o=Math.round;var f=Math.floor;var s=function(r){return{x:r,y:r}};var c={left:"right",right:"left",bottom:"top",top:"bottom"};var v={start:"end",end:"start"};function l(r,t,n){return u(r,a(t,n))}function d(r,t){return typeof r==="function"?r(t):r}function h(r){return r.split("-")[0]}function _(r){return r.split("-")[1]}function g(r){return r==="x"?"y":"x"}function p(r){return r==="y"?"height":"width"}function y(r){return["top","bottom"].includes(h(r))?"y":"x"}function m(r){return g(y(r))}function w(r,t,n){if(n===void 0){n=false}var e=_(r);var i=m(r);var a=p(i);var u=i==="x"?e===(n?"end":"start")?"right":"left":e==="start"?"bottom":"top";if(t.reference[a]>t.floating[a]){u=O(u)}return[u,O(u)]}function b(r){var t=O(r);return[x(r),t,x(t)]}function x(r){return r.replace(/start|end/g,(function(r){return v[r]}))}function A(r,t,n){var e=["left","right"];var i=["right","left"];var a=["top","bottom"];var u=["bottom","top"];switch(r){case"top":case"bottom":if(n)return t?i:e;return t?e:i;case"left":case"right":return t?a:u;default:return[]}}function k(r,t,n,e){var i=_(r);var a=A(h(r),n==="start",e);if(i){a=a.map((function(r){return r+"-"+i}));if(t){a=a.concat(a.map(x))}}return a}function O(r){return r.replace(/left|right|bottom|top/g,(function(r){return c[r]}))}function S(r){return __assign({top:0,right:0,bottom:0,left:0},r)}function R(r){return typeof r!=="number"?S(r):{top:r,right:r,bottom:r,left:r}}function F(r){var t=r.x,n=r.y,e=r.width,i=r.height;return{width:e,height:i,top:n,left:t,right:t+e,bottom:n+i,x:t,y:n}}function T(r,t,n){var e=r.reference,i=r.floating;var a=y(t);var u=m(t);var o=p(u);var f=h(t);var s=a==="y";var c=e.x+e.width/2-i.width/2;var v=e.y+e.height/2-i.height/2;var l=e[o]/2-i[o]/2;var d;switch(f){case"top":d={x:c,y:e.y-i.height};break;case"bottom":d={x:c,y:e.y+e.height};break;case"right":d={x:e.x+e.width,y:v};break;case"left":d={x:e.x-i.width,y:v};break;default:d={x:e.x,y:e.y}}switch(_(t)){case"start":d[u]-=l*(n&&s?-1:1);break;case"end":d[u]+=l*(n&&s?-1:1);break}return d}var P=function(r,n,e){return __awaiter(t,void 0,void 0,(function(){var t,i,a,u,o,f,s,c,v,l,d,h,_,g,p,y,m,w,b,x,A,k,O,S,R,F;var P,j;return __generator(this,(function(C){switch(C.label){case 0:t=e.placement,i=t===void 0?"bottom":t,a=e.strategy,u=a===void 0?"absolute":a,o=e.middleware,f=o===void 0?[]:o,s=e.platform;c=f.filter(Boolean);return[4,s.isRTL==null?void 0:s.isRTL(n)];case 1:v=C.sent();return[4,s.getElementRects({reference:r,floating:n,strategy:u})];case 2:l=C.sent();d=T(l,i,v),h=d.x,_=d.y;g=i;p={};y=0;m=0;C.label=3;case 3:if(!(m<c.length))return[3,11];w=c[m],b=w.name,x=w.fn;return[4,x({x:h,y:_,initialPlacement:i,placement:g,strategy:u,middlewareData:p,rects:l,platform:s,elements:{reference:r,floating:n}})];case 4:A=C.sent(),k=A.x,O=A.y,S=A.data,R=A.reset;h=k!=null?k:h;_=O!=null?O:_;p=__assign(__assign({},p),(P={},P[b]=__assign(__assign({},p[b]),S),P));if(!(R&&y<=50))return[3,10];y++;if(!(typeof R==="object"))return[3,9];if(R.placement){g=R.placement}if(!R.rects)return[3,8];if(!(R.rects===true))return[3,6];return[4,s.getElementRects({reference:r,floating:n,strategy:u})];case 5:F=C.sent();return[3,7];case 6:F=R.rects;C.label=7;case 7:l=F;C.label=8;case 8:j=T(l,g,v),h=j.x,_=j.y;C.label=9;case 9:m=-1;C.label=10;case 10:m++;return[3,3];case 11:return[2,{x:h,y:_,placement:g,strategy:u,middlewareData:p}]}}))}))};function j(r,t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,a,u,o,f,s,c,v,l,h,_,g,p,y,m,w,b,x,A,k,O,S,T,P,j,C,H,M,E,L,z,D;var B;return __generator(this,(function(I){switch(I.label){case 0:if(t===void 0){t={}}e=r.x,i=r.y,a=r.platform,u=r.rects,o=r.elements,f=r.strategy;s=d(t,r),c=s.boundary,v=c===void 0?"clippingAncestors":c,l=s.rootBoundary,h=l===void 0?"viewport":l,_=s.elementContext,g=_===void 0?"floating":_,p=s.altBoundary,y=p===void 0?false:p,m=s.padding,w=m===void 0?0:m;b=R(w);x=g==="floating"?"reference":"floating";A=o[y?x:g];O=F;T=(S=a).getClippingRect;B={};return[4,a.isElement==null?void 0:a.isElement(A)];case 1:if(!((n=I.sent())!=null?n:true))return[3,2];P=A;return[3,5];case 2:j=A.contextElement;if(j)return[3,4];return[4,a.getDocumentElement==null?void 0:a.getDocumentElement(o.floating)];case 3:j=I.sent();I.label=4;case 4:P=j;I.label=5;case 5:return[4,T.apply(S,[(B.element=P,B.boundary=v,B.rootBoundary=h,B.strategy=f,B)])];case 6:k=O.apply(void 0,[I.sent()]);C=g==="floating"?{x:e,y:i,width:u.floating.width,height:u.floating.height}:u.reference;return[4,a.getOffsetParent==null?void 0:a.getOffsetParent(o.floating)];case 7:H=I.sent();return[4,a.isElement==null?void 0:a.isElement(H)];case 8:if(!I.sent())return[3,10];return[4,a.getScale==null?void 0:a.getScale(H)];case 9:E=I.sent()||{x:1,y:1};return[3,11];case 10:E={x:1,y:1};I.label=11;case 11:M=E;z=F;if(!a.convertOffsetParentRelativeRectToViewportRelativeRect)return[3,13];return[4,a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:o,rect:C,offsetParent:H,strategy:f})];case 12:D=I.sent();return[3,14];case 13:D=C;I.label=14;case 14:L=z.apply(void 0,[D]);return[2,{top:(k.top-L.top+b.top)/M.y,bottom:(L.bottom-k.bottom+b.bottom)/M.y,left:(k.left-L.left+b.left)/M.x,right:(L.right-k.right+b.right)/M.x}]}}))}))}var C=function(r){return{name:"arrow",options:r,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,u,o,f,s,c,v,h,g,y,w,b,x,A,k,O,S,F,T,P,j,C,H,M,E,L,z,D,B,I,N,q,W;var G,V;return __generator(this,(function($){switch($.label){case 0:n=t.x,e=t.y,i=t.placement,u=t.rects,o=t.platform,f=t.elements,s=t.middlewareData;c=d(r,t)||{},v=c.element,h=c.padding,g=h===void 0?0:h;if(v==null){return[2,{}]}y=R(g);w={x:n,y:e};b=m(i);x=p(b);return[4,o.getDimensions(v)];case 1:A=$.sent();k=b==="y";O=k?"top":"left";S=k?"bottom":"right";F=k?"clientHeight":"clientWidth";T=u.reference[x]+u.reference[b]-w[b]-u.floating[x];P=w[b]-u.reference[b];return[4,o.getOffsetParent==null?void 0:o.getOffsetParent(v)];case 2:j=$.sent();C=j?j[F]:0;H=!C;if(H)return[3,4];return[4,o.isElement==null?void 0:o.isElement(j)];case 3:H=!$.sent();$.label=4;case 4:if(H){C=f.floating[F]||u.floating[x]}M=T/2-P/2;E=C/2-A[x]/2-1;L=a(y[O],E);z=a(y[S],E);D=L;B=C-A[x]-z;I=C/2-A[x]/2+M;N=l(D,I,B);q=!s.arrow&&_(i)!=null&&I!==N&&u.reference[x]/2-(I<D?L:z)-A[x]/2<0;W=q?I<D?I-D:I-B:0;return[2,(G={},G[b]=w[b]+W,G.data=__assign((V={},V[b]=N,V.centerOffset=I-N-W,V),q&&{alignmentOffset:W}),G.reset=q,G)]}}))}))}}};function H(r,t,n){var e=r?__spreadArray(__spreadArray([],n.filter((function(t){return _(t)===r})),true),n.filter((function(t){return _(t)!==r})),true):n.filter((function(r){return h(r)===r}));return e.filter((function(n){if(r){return _(n)===r||(t?x(n)!==n:false)}return true}))}var M=function(r){if(r===void 0){r={}}return{name:"autoPlacement",options:r,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,e,a,u,o,f,s,c,v,l,g,p,y,m,b,x,A,k,O,S,R,F,T,P,C,M,E,L,z,D;return __generator(this,(function(B){switch(B.label){case 0:u=t.rects,o=t.middlewareData,f=t.placement,s=t.platform,c=t.elements;v=d(r,t),l=v.crossAxis,g=l===void 0?false:l,p=v.alignment,y=v.allowedPlacements,m=y===void 0?i:y,b=v.autoAlignment,x=b===void 0?true:b,A=__rest(v,["crossAxis","alignment","allowedPlacements","autoAlignment"]);k=p!==undefined||m===i?H(p||null,x,m):m;return[4,j(t,A)];case 1:O=B.sent();S=((n=o.autoPlacement)==null?void 0:n.index)||0;R=k[S];if(R==null){return[2,{}]}T=w;P=[R,u];return[4,s.isRTL==null?void 0:s.isRTL(c.floating)];case 2:F=T.apply(void 0,P.concat([B.sent()]));if(f!==R){return[2,{reset:{placement:k[0]}}]}C=[O[h(R)],O[F[0]],O[F[1]]];M=__spreadArray(__spreadArray([],((e=o.autoPlacement)==null?void 0:e.overflows)||[],true),[{placement:R,overflows:C}],false);E=k[S+1];if(E){return[2,{data:{index:S+1,overflows:M},reset:{placement:E}}]}L=M.map((function(r){var t=_(r.placement);return[r.placement,t&&g?r.overflows.slice(0,2).reduce((function(r,t){return r+t}),0):r.overflows[0],r.overflows]})).sort((function(r,t){return r[1]-t[1]}));z=L.filter((function(r){return r[2].slice(0,_(r[0])?2:3).every((function(r){return r<=0}))}));D=((a=z[0])==null?void 0:a[0])||L[0][0];if(D!==f){return[2,{data:{index:S+1,overflows:M},reset:{placement:D}}]}return[2,{}]}}))}))}}};var E=function(r){if(r===void 0){r={}}return{name:"flip",options:r,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,a,u,o,f,s,c,v,l,_,g,p,m,x,A,S,R,F,T,P,C,H,M,E,L,z,D,B,I,N,q,W,G,V,$,J,K;return __generator(this,(function(Q){switch(Q.label){case 0:i=t.placement,a=t.middlewareData,u=t.rects,o=t.initialPlacement,f=t.platform,s=t.elements;c=d(r,t),v=c.mainAxis,l=v===void 0?true:v,_=c.crossAxis,g=_===void 0?true:_,p=c.fallbackPlacements,m=c.fallbackStrategy,x=m===void 0?"bestFit":m,A=c.fallbackAxisSideDirection,S=A===void 0?"none":A,R=c.flipAlignment,F=R===void 0?true:R,T=__rest(c,["mainAxis","crossAxis","fallbackPlacements","fallbackStrategy","fallbackAxisSideDirection","flipAlignment"]);if((n=a.arrow)!=null&&n.alignmentOffset){return[2,{}]}P=h(i);C=y(o);H=h(o)===o;return[4,f.isRTL==null?void 0:f.isRTL(s.floating)];case 1:M=Q.sent();E=p||(H||!F?[O(o)]:b(o));L=S!=="none";if(!p&&L){E.push.apply(E,k(o,F,S,M))}z=__spreadArray([o],E,true);return[4,j(t,T)];case 2:D=Q.sent();B=[];I=((e=a.flip)==null?void 0:e.overflows)||[];if(l){B.push(D[P])}if(g){N=w(i,u,M);B.push(D[N[0]],D[N[1]])}I=__spreadArray(__spreadArray([],I,true),[{placement:i,overflows:B}],false);if(!B.every((function(r){return r<=0}))){G=(((q=a.flip)==null?void 0:q.index)||0)+1;V=z[G];if(V){return[2,{data:{index:G,overflows:I},reset:{placement:V}}]}$=(W=I.filter((function(r){return r.overflows[0]<=0})).sort((function(r,t){return r.overflows[1]-t.overflows[1]}))[0])==null?void 0:W.placement;if(!$){switch(x){case"bestFit":{K=(J=I.filter((function(r){if(L){var t=y(r.placement);return t===C||t==="y"}return true})).map((function(r){return[r.placement,r.overflows.filter((function(r){return r>0})).reduce((function(r,t){return r+t}),0)]})).sort((function(r,t){return r[1]-t[1]}))[0])==null?void 0:J[0];if(K){$=K}break}case"initialPlacement":$=o;break}}if(i!==$){return[2,{reset:{placement:$}}]}}return[2,{}]}}))}))}}};function L(r,t){return{top:r.top-t.height,right:r.right-t.width,bottom:r.bottom-t.height,left:r.left-t.width}}function z(r){return n.some((function(t){return r[t]>=0}))}var D=function(r){if(r===void 0){r={}}return{name:"hide",options:r,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,a,u,o,f,s,f,s;return __generator(this,(function(c){switch(c.label){case 0:n=t.rects;e=d(r,t),i=e.strategy,a=i===void 0?"referenceHidden":i,u=__rest(e,["strategy"]);o=a;switch(o){case"referenceHidden":return[3,1];case"escaped":return[3,3]}return[3,5];case 1:return[4,j(t,__assign(__assign({},u),{elementContext:"reference"}))];case 2:f=c.sent();s=L(f,n.reference);return[2,{data:{referenceHiddenOffsets:s,referenceHidden:z(s)}}];case 3:return[4,j(t,__assign(__assign({},u),{altBoundary:true}))];case 4:f=c.sent();s=L(f,n.floating);return[2,{data:{escapedOffsets:s,escaped:z(s)}}];case 5:{return[2,{}]}c.label=6;case 6:return[2]}}))}))}}};function B(r){var t=a.apply(void 0,r.map((function(r){return r.left})));var n=a.apply(void 0,r.map((function(r){return r.top})));var e=u.apply(void 0,r.map((function(r){return r.right})));var i=u.apply(void 0,r.map((function(r){return r.bottom})));return{x:t,y:n,width:e-t,height:i-n}}function I(r){var t=r.slice().sort((function(r,t){return r.y-t.y}));var n=[];var e=null;for(var i=0;i<t.length;i++){var a=t[i];if(!e||a.y-e.y>e.height/2){n.push([a])}else{n[n.length-1].push(a)}e=a}return n.map((function(r){return F(B(r))}))}var N=function(r){if(r===void 0){r={}}return{name:"inline",options:r,fn:function(t){return __awaiter(this,void 0,void 0,(function(){function n(){if(b.length===2&&b[0].left>b[1].right&&_!=null&&g!=null){return b.find((function(r){return _>r.left-A.left&&_<r.right+A.right&&g>r.top-A.top&&g<r.bottom+A.bottom}))||x}if(b.length>=2){if(y(e)==="y"){var r=b[0];var t=b[b.length-1];var n=h(e)==="top";var i=r.top;var o=t.bottom;var f=n?r.left:t.left;var s=n?r.right:t.right;var c=s-f;var v=o-i;return{top:i,bottom:o,left:f,right:s,width:c,height:v,x:f,y:i}}var l=h(e)==="left";var d=u.apply(void 0,b.map((function(r){return r.right})));var p=a.apply(void 0,b.map((function(r){return r.left})));var m=b.filter((function(r){return l?r.left===p:r.right===d}));var w=m[0].top;var k=m[m.length-1].bottom;var O=p;var S=d;var R=S-O;var F=k-w;return{top:w,bottom:k,left:O,right:S,width:R,height:F,x:O,y:w}}return x}var e,i,o,f,s,c,v,l,_,g,p,m,w,b,x,A,k;return __generator(this,(function(a){switch(a.label){case 0:e=t.placement,i=t.elements,o=t.rects,f=t.platform,s=t.strategy;c=d(r,t),v=c.padding,l=v===void 0?2:v,_=c.x,g=c.y;w=(m=Array).from;return[4,f.getClientRects==null?void 0:f.getClientRects(i.reference)];case 1:p=w.apply(m,[a.sent()||[]]);b=I(p);x=F(B(p));A=R(l);return[4,f.getElementRects({reference:{getBoundingClientRect:n},floating:i.floating,strategy:s})];case 2:k=a.sent();if(o.reference.x!==k.reference.x||o.reference.y!==k.reference.y||o.reference.width!==k.reference.width||o.reference.height!==k.reference.height){return[2,{reset:{rects:k}}]}return[2,{}]}}))}))}}};function q(r,t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,a,u,o,f,s,c,v,l,g,p,m;return __generator(this,(function(w){switch(w.label){case 0:n=r.placement,e=r.platform,i=r.elements;return[4,e.isRTL==null?void 0:e.isRTL(i.floating)];case 1:a=w.sent();u=h(n);o=_(n);f=y(n)==="y";s=["left","top"].includes(u)?-1:1;c=a&&f?-1:1;v=d(t,r);l=typeof v==="number"?{mainAxis:v,crossAxis:0,alignmentAxis:null}:{mainAxis:v.mainAxis||0,crossAxis:v.crossAxis||0,alignmentAxis:v.alignmentAxis},g=l.mainAxis,p=l.crossAxis,m=l.alignmentAxis;if(o&&typeof m==="number"){p=o==="end"?m*-1:m}return[2,f?{x:p*c,y:g*s}:{x:g*s,y:p*c}]}}))}))}var W=function(r){if(r===void 0){r=0}return{name:"offset",options:r,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,a,u,o,f;return __generator(this,(function(s){switch(s.label){case 0:i=t.x,a=t.y,u=t.placement,o=t.middlewareData;return[4,q(t,r)];case 1:f=s.sent();if(u===((n=o.offset)==null?void 0:n.placement)&&(e=o.arrow)!=null&&e.alignmentOffset){return[2,{}]}return[2,{x:i+f.x,y:a+f.y,data:__assign(__assign({},f),{placement:u})}]}}))}))}}};var G=function(r){if(r===void 0){r={}}return{name:"shift",options:r,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,a,u,o,f,s,c,v,_,p,m,w,b,x,A,k,O,S,R,k,O,F,T,P;var C,H;return __generator(this,(function(M){switch(M.label){case 0:n=t.x,e=t.y,i=t.placement;a=d(r,t),u=a.mainAxis,o=u===void 0?true:u,f=a.crossAxis,s=f===void 0?false:f,c=a.limiter,v=c===void 0?{fn:function(r){var t=r.x,n=r.y;return{x:t,y:n}}}:c,_=__rest(a,["mainAxis","crossAxis","limiter"]);p={x:n,y:e};return[4,j(t,_)];case 1:m=M.sent();w=y(h(i));b=g(w);x=p[b];A=p[w];if(o){k=b==="y"?"top":"left";O=b==="y"?"bottom":"right";S=x+m[k];R=x-m[O];x=l(S,x,R)}if(s){k=w==="y"?"top":"left";O=w==="y"?"bottom":"right";F=A+m[k];T=A-m[O];A=l(F,A,T)}P=v.fn(__assign(__assign({},t),(C={},C[b]=x,C[w]=A,C)));return[2,__assign(__assign({},P),{data:{x:P.x-n,y:P.y-e,enabled:(H={},H[b]=o,H[w]=s,H)}})]}}))}))}}};var V=function(r){if(r===void 0){r={}}return{options:r,fn:function(t){var n;var e=t.x,i=t.y,a=t.placement,u=t.rects,o=t.middlewareData;var f=d(r,t),s=f.offset,c=s===void 0?0:s,v=f.mainAxis,l=v===void 0?true:v,_=f.crossAxis,p=_===void 0?true:_;var m={x:e,y:i};var w=y(a);var b=g(w);var x=m[b];var A=m[w];var k=d(c,t);var O=typeof k==="number"?{mainAxis:k,crossAxis:0}:__assign({mainAxis:0,crossAxis:0},k);if(l){var S=b==="y"?"height":"width";var R=u.reference[b]-u.floating[S]+O.mainAxis;var F=u.reference[b]+u.reference[S]-O.mainAxis;if(x<R){x=R}else if(x>F){x=F}}if(p){var T,P;var S=b==="y"?"width":"height";var j=["top","left"].includes(h(a));var R=u.reference[w]-u.floating[S]+(j?((T=o.offset)==null?void 0:T[w])||0:0)+(j?0:O.crossAxis);var F=u.reference[w]+u.reference[S]+(j?0:((P=o.offset)==null?void 0:P[w])||0)-(j?O.crossAxis:0);if(A<R){A=R}else if(A>F){A=F}}return n={},n[b]=x,n[w]=A,n}}};var $=function(r){if(r===void 0){r={}}return{name:"size",options:r,fn:function(t){return __awaiter(this,void 0,void 0,(function(){var n,e,i,o,f,s,c,v,l,g,p,m,w,b,x,A,k,O,S,R,F,T,P,C,H,M,E,L,z,D,B,I;return __generator(this,(function(N){switch(N.label){case 0:i=t.placement,o=t.rects,f=t.platform,s=t.elements;c=d(r,t),v=c.apply,l=v===void 0?function(){}:v,g=__rest(c,["apply"]);return[4,j(t,g)];case 1:p=N.sent();m=h(i);w=_(i);b=y(i)==="y";x=o.floating,A=x.width,k=x.height;if(!(m==="top"||m==="bottom"))return[3,3];O=m;R=w;return[4,f.isRTL==null?void 0:f.isRTL(s.floating)];case 2:S=R===(N.sent()?"start":"end")?"left":"right";return[3,4];case 3:S=m;O=w==="end"?"top":"bottom";N.label=4;case 4:F=k-p.top-p.bottom;T=A-p.left-p.right;P=a(k-p[O],F);C=a(A-p[S],T);H=!t.middlewareData.shift;M=P;E=C;if((n=t.middlewareData.shift)!=null&&n.enabled.x){E=T}if((e=t.middlewareData.shift)!=null&&e.enabled.y){M=F}if(H&&!w){L=u(p.left,0);z=u(p.right,0);D=u(p.top,0);B=u(p.bottom,0);if(b){E=A-2*(L!==0||z!==0?L+z:u(p.left,p.right))}else{M=k-2*(D!==0||B!==0?D+B:u(p.top,p.bottom))}}return[4,l(__assign(__assign({},t),{availableWidth:E,availableHeight:M}))];case 5:N.sent();return[4,f.getDimensions(s.floating)];case 6:I=N.sent();if(A!==I.width||k!==I.height){return[2,{reset:{rects:true}}]}return[2,{}]}}))}))}}};function J(){return typeof window!=="undefined"}function K(r){if(X(r)){return(r.nodeName||"").toLowerCase()}return"#document"}function Q(r){var t;return(r==null||(t=r.ownerDocument)==null?void 0:t.defaultView)||window}function U(r){var t;return(t=(X(r)?r.ownerDocument:r.document)||window.document)==null?void 0:t.documentElement}function X(r){if(!J()){return false}return r instanceof Node||r instanceof Q(r).Node}function Y(r){if(!J()){return false}return r instanceof Element||r instanceof Q(r).Element}function Z(r){if(!J()){return false}return r instanceof HTMLElement||r instanceof Q(r).HTMLElement}function rr(r){if(!J()||typeof ShadowRoot==="undefined"){return false}return r instanceof ShadowRoot||r instanceof Q(r).ShadowRoot}function tr(r){var t=fr(r),n=t.overflow,e=t.overflowX,i=t.overflowY,a=t.display;return/auto|scroll|overlay|hidden|clip/.test(n+i+e)&&!["inline","contents"].includes(a)}function nr(r){return["table","td","th"].includes(K(r))}function er(r){return[":popover-open",":modal"].some((function(t){try{return r.matches(t)}catch(r){return false}}))}function ir(r){var t=ur();var n=Y(r)?fr(r):r;return n.transform!=="none"||n.perspective!=="none"||(n.containerType?n.containerType!=="normal":false)||!t&&(n.backdropFilter?n.backdropFilter!=="none":false)||!t&&(n.filter?n.filter!=="none":false)||["transform","perspective","filter"].some((function(r){return(n.willChange||"").includes(r)}))||["paint","layout","strict","content"].some((function(r){return(n.contain||"").includes(r)}))}function ar(r){var t=cr(r);while(Z(t)&&!or(t)){if(ir(t)){return t}else if(er(t)){return null}t=cr(t)}return null}function ur(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}function or(r){return["html","body","#document"].includes(K(r))}function fr(r){return Q(r).getComputedStyle(r)}function sr(r){if(Y(r)){return{scrollLeft:r.scrollLeft,scrollTop:r.scrollTop}}return{scrollLeft:r.scrollX,scrollTop:r.scrollY}}function cr(r){if(K(r)==="html"){return r}var t=r.assignedSlot||r.parentNode||rr(r)&&r.host||U(r);return rr(t)?t.host:t}function vr(r){var t=cr(r);if(or(t)){return r.ownerDocument?r.ownerDocument.body:r.body}if(Z(t)&&tr(t)){return t}return vr(t)}function lr(r,t,n){var e;if(t===void 0){t=[]}if(n===void 0){n=true}var i=vr(r);var a=i===((e=r.ownerDocument)==null?void 0:e.body);var u=Q(i);if(a){var o=dr(u);return t.concat(u,u.visualViewport||[],tr(i)?i:[],o&&n?lr(o):[])}return t.concat(i,lr(i,[],n))}function dr(r){return r.parent&&Object.getPrototypeOf(r.parent)?r.frameElement:null}function hr(r){var t=fr(r);var n=parseFloat(t.width)||0;var e=parseFloat(t.height)||0;var i=Z(r);var a=i?r.offsetWidth:n;var u=i?r.offsetHeight:e;var f=o(n)!==a||o(e)!==u;if(f){n=a;e=u}return{width:n,height:e,$:f}}function _r(r){return!Y(r)?r.contextElement:r}function gr(r){var t=_r(r);if(!Z(t)){return s(1)}var n=t.getBoundingClientRect();var e=hr(t),i=e.width,a=e.height,u=e.$;var f=(u?o(n.width):n.width)/i;var c=(u?o(n.height):n.height)/a;if(!f||!Number.isFinite(f)){f=1}if(!c||!Number.isFinite(c)){c=1}return{x:f,y:c}}var pr=s(0);function yr(r){var t=Q(r);if(!ur()||!t.visualViewport){return pr}return{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function mr(r,t,n){if(t===void 0){t=false}if(!n||t&&n!==Q(r)){return false}return t}function wr(r,t,n,e){if(t===void 0){t=false}if(n===void 0){n=false}var i=r.getBoundingClientRect();var a=_r(r);var u=s(1);if(t){if(e){if(Y(e)){u=gr(e)}}else{u=gr(r)}}var o=mr(a,n,e)?yr(a):s(0);var f=(i.left+o.x)/u.x;var c=(i.top+o.y)/u.y;var v=i.width/u.x;var l=i.height/u.y;if(a){var d=Q(a);var h=e&&Y(e)?Q(e):e;var _=d;var g=dr(_);while(g&&e&&h!==_){var p=gr(g);var y=g.getBoundingClientRect();var m=fr(g);var w=y.left+(g.clientLeft+parseFloat(m.paddingLeft))*p.x;var b=y.top+(g.clientTop+parseFloat(m.paddingTop))*p.y;f*=p.x;c*=p.y;v*=p.x;l*=p.y;f+=w;c+=b;_=Q(g);g=dr(_)}}return F({width:v,height:l,x:f,y:c})}function br(r,t){var n=sr(r).scrollLeft;if(!t){return wr(U(r)).left+n}return t.left+n}function xr(r,t,n){if(n===void 0){n=false}var e=r.getBoundingClientRect();var i=e.left+t.scrollLeft-(n?0:br(r,e));var a=e.top+t.scrollTop;return{x:i,y:a}}function Ar(r){var t=r.elements,n=r.rect,e=r.offsetParent,i=r.strategy;var a=i==="fixed";var u=U(e);var o=t?er(t.floating):false;if(e===u||o&&a){return n}var f={scrollLeft:0,scrollTop:0};var c=s(1);var v=s(0);var l=Z(e);if(l||!l&&!a){if(K(e)!=="body"||tr(u)){f=sr(e)}if(Z(e)){var d=wr(e);c=gr(e);v.x=d.x+e.clientLeft;v.y=d.y+e.clientTop}}var h=u&&!l&&!a?xr(u,f,true):s(0);return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-f.scrollLeft*c.x+v.x+h.x,y:n.y*c.y-f.scrollTop*c.y+v.y+h.y}}function kr(r){return Array.from(r.getClientRects())}function Or(r){var t=U(r);var n=sr(r);var e=r.ownerDocument.body;var i=u(t.scrollWidth,t.clientWidth,e.scrollWidth,e.clientWidth);var a=u(t.scrollHeight,t.clientHeight,e.scrollHeight,e.clientHeight);var o=-n.scrollLeft+br(r);var f=-n.scrollTop;if(fr(e).direction==="rtl"){o+=u(t.clientWidth,e.clientWidth)-i}return{width:i,height:a,x:o,y:f}}function Sr(r,t){var n=Q(r);var e=U(r);var i=n.visualViewport;var a=e.clientWidth;var u=e.clientHeight;var o=0;var f=0;if(i){a=i.width;u=i.height;var s=ur();if(!s||s&&t==="fixed"){o=i.offsetLeft;f=i.offsetTop}}return{width:a,height:u,x:o,y:f}}function Rr(r,t){var n=wr(r,true,t==="fixed");var e=n.top+r.clientTop;var i=n.left+r.clientLeft;var a=Z(r)?gr(r):s(1);var u=r.clientWidth*a.x;var o=r.clientHeight*a.y;var f=i*a.x;var c=e*a.y;return{width:u,height:o,x:f,y:c}}function Fr(r,t,n){var e;if(t==="viewport"){e=Sr(r,n)}else if(t==="document"){e=Or(U(r))}else if(Y(t)){e=Rr(t,n)}else{var i=yr(r);e={x:t.x-i.x,y:t.y-i.y,width:t.width,height:t.height}}return F(e)}function Tr(r,t){var n=cr(r);if(n===t||!Y(n)||or(n)){return false}return fr(n).position==="fixed"||Tr(n,t)}function Pr(r,t){var n=t.get(r);if(n){return n}var e=lr(r,[],false).filter((function(r){return Y(r)&&K(r)!=="body"}));var i=null;var a=fr(r).position==="fixed";var u=a?cr(r):r;while(Y(u)&&!or(u)){var o=fr(u);var f=ir(u);if(!f&&o.position==="fixed"){i=null}var s=a?!f&&!i:!f&&o.position==="static"&&!!i&&["absolute","fixed"].includes(i.position)||tr(u)&&!f&&Tr(r,u);if(s){e=e.filter((function(r){return r!==u}))}else{i=o}u=cr(u)}t.set(r,e);return e}function jr(r){var t=r.element,n=r.boundary,e=r.rootBoundary,i=r.strategy;var o=n==="clippingAncestors"?er(t)?[]:Pr(t,this._c):[].concat(n);var f=__spreadArray(__spreadArray([],o,true),[e],false);var s=f[0];var c=f.reduce((function(r,n){var e=Fr(t,n,i);r.top=u(e.top,r.top);r.right=a(e.right,r.right);r.bottom=a(e.bottom,r.bottom);r.left=u(e.left,r.left);return r}),Fr(t,s,i));return{width:c.right-c.left,height:c.bottom-c.top,x:c.left,y:c.top}}function Cr(r){var t=hr(r),n=t.width,e=t.height;return{width:n,height:e}}function Hr(r,t,n){var e=Z(t);var i=U(t);var a=n==="fixed";var u=wr(r,true,a,t);var o={scrollLeft:0,scrollTop:0};var f=s(0);if(e||!e&&!a){if(K(t)!=="body"||tr(i)){o=sr(t)}if(e){var c=wr(t,true,a,t);f.x=c.x+t.clientLeft;f.y=c.y+t.clientTop}else if(i){f.x=br(i)}}var v=i&&!e&&!a?xr(i,o):s(0);var l=u.left+o.scrollLeft-f.x-v.x;var d=u.top+o.scrollTop-f.y-v.y;return{x:l,y:d,width:u.width,height:u.height}}function Mr(r){return fr(r).position==="static"}function Er(r,t){if(!Z(r)||fr(r).position==="fixed"){return null}if(t){return t(r)}var n=r.offsetParent;if(U(r)===n){n=n.ownerDocument.body}return n}function Lr(r,t){var n=Q(r);if(er(r)){return n}if(!Z(r)){var e=cr(r);while(e&&!or(e)){if(Y(e)&&!Mr(e)){return e}e=cr(e)}return n}var i=Er(r,t);while(i&&nr(i)&&Mr(i)){i=Er(i,t)}if(i&&or(i)&&Mr(i)&&!ir(i)){return n}return i||ar(r)||n}var zr=function(r){return __awaiter(this,void 0,void 0,(function(){var t,n,e,i,a;var u;return __generator(this,(function(o){switch(o.label){case 0:t=this.getOffsetParent||Lr;n=this.getDimensions;return[4,n(r.floating)];case 1:e=o.sent();u={};i=Hr;a=[r.reference];return[4,t(r.floating)];case 2:return[2,(u.reference=i.apply(void 0,a.concat([o.sent(),r.strategy])),u.floating={x:0,y:0,width:e.width,height:e.height},u)]}}))}))};function Dr(r){return fr(r).direction==="rtl"}var Br={convertOffsetParentRelativeRectToViewportRelativeRect:Ar,getDocumentElement:U,getClippingRect:jr,getOffsetParent:Lr,getElementRects:zr,getClientRects:kr,getDimensions:Cr,getScale:gr,isElement:Y,isRTL:Dr};function Ir(r,t){var n=null;var e;var i=U(r);function o(){var r;clearTimeout(e);(r=n)==null||r.disconnect();n=null}function s(c,v){if(c===void 0){c=false}if(v===void 0){v=1}o();var l=r.getBoundingClientRect(),d=l.left,h=l.top,_=l.width,g=l.height;if(!c){t()}if(!_||!g){return}var p=f(h);var y=f(i.clientWidth-(d+_));var m=f(i.clientHeight-(h+g));var w=f(d);var b=-p+"px "+-y+"px "+-m+"px "+-w+"px";var x={rootMargin:b,threshold:u(0,a(1,v))||1};var A=true;function k(r){var t=r[0].intersectionRatio;if(t!==v){if(!A){return s()}if(!t){e=setTimeout((function(){s(false,1e-7)}),1e3)}else{s(false,t)}}A=false}try{n=new IntersectionObserver(k,__assign(__assign({},x),{root:i.ownerDocument}))}catch(r){n=new IntersectionObserver(k,x)}n.observe(r)}s(true);return o}function Nr(r,t,n,e){if(e===void 0){e={}}var i=e.ancestorScroll,a=i===void 0?true:i,u=e.ancestorResize,o=u===void 0?true:u,f=e.elementResize,s=f===void 0?typeof ResizeObserver==="function":f,c=e.layoutShift,v=c===void 0?typeof IntersectionObserver==="function":c,l=e.animationFrame,d=l===void 0?false:l;var h=_r(r);var _=a||o?__spreadArray(__spreadArray([],h?lr(h):[],true),lr(t),true):[];_.forEach((function(r){a&&r.addEventListener("scroll",n,{passive:true});o&&r.addEventListener("resize",n)}));var g=h&&v?Ir(h,n):null;var p=-1;var y=null;if(s){y=new ResizeObserver((function(r){var e=r[0];if(e&&e.target===h&&y){y.unobserve(t);cancelAnimationFrame(p);p=requestAnimationFrame((function(){var r;(r=y)==null||r.observe(t)}))}n()}));if(h&&!d){y.observe(h)}y.observe(t)}var m;var w=d?wr(r):null;if(d){b()}function b(){var t=wr(r);if(w&&(t.x!==w.x||t.y!==w.y||t.width!==w.width||t.height!==w.height)){n()}w=t;m=requestAnimationFrame(b)}n();return function(){var r;_.forEach((function(r){a&&r.removeEventListener("scroll",n);o&&r.removeEventListener("resize",n)}));g==null||g();(r=y)==null||r.disconnect();y=null;if(d){cancelAnimationFrame(m)}}}var qr=r("o",W);var Wr=r("b",M);var Gr=r("s",G);var Vr=r("f",E);$;D;var $r=r("d",C);N;V;var Jr=r("c",(function(r,t,n){var e=new Map;var i=__assign({platform:Br},n);var a=__assign(__assign({},i.platform),{_c:e});return P(r,t,__assign(__assign({},i),{platform:a}))}))}}}));

package/dist/magma-components/p-96afff9f.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(n,r,a,e){function o(n){return n instanceof a?n:new a((function(r){r(n)}))}return new(a||(a=Promise))((function(a,t){function s(n){try{b(e.next(n))}catch(n){t(n)}}function i(n){try{b(e["throw"](n))}catch(n){t(n)}}function b(n){n.done?a(n.value):o(n.value).then(s,i)}b((e=e.apply(n,r||[])).next())}))};var __generator=this&&this.__generator||function(n,r){var a={label:0,sent:function(){if(t[0]&1)throw t[1];return t[1]},trys:[],ops:[]},e,o,t,s;return s={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(n){return function(r){return b([n,r])}}function b(i){if(e)throw new TypeError("Generator is already executing.");while(s&&(s=0,i[0]&&(a=0)),a)try{if(e=1,o&&(t=i[0]&2?o["return"]:i[0]?o["throw"]||((t=o["return"])&&t.call(o),0):o.next)&&!(t=t.call(o,i[1])).done)return t;if(o=0,t)i=[i[0]&2,t.value];switch(i[0]){case 0:case 1:t=i;break;case 4:a.label++;return{value:i[1],done:false};case 5:a.label++;o=i[1];i=[0];continue;case 7:i=a.ops.pop();a.trys.pop();continue;default:if(!(t=a.trys,t=t.length>0&&t[t.length-1])&&(i[0]===6||i[0]===2)){a=0;continue}if(i[0]===3&&(!t||i[1]>t[0]&&i[1]<t[3])){a.label=i[1];break}if(i[0]===6&&a.label<t[1]){a.label=t[1];t=i;break}if(t&&a.label<t[2]){a.label=t[2];a.ops.push(i);break}if(t[2])a.ops.pop();a.trys.pop();continue}i=r.call(n,a)}catch(n){i=[6,n];o=0}finally{e=t=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-c94628eb.system.js","./p-7c67f4d2.system.js","./p-6803cf8d.system.js","./p-3759b1b2.system.js","./p-21b1acec.system.js"],(function(n){"use strict";var r,a,e,o,t,s,i,b;return{setters:[function(n){r=n.r;a=n.c;e=n.h;o=n.H;t=n.g},function(n){s=n.m},function(n){i=n.K},function(n){b=n.L},function(){}],execute:function(){var c="Ακύρωση";var d={cancel:c};var u="Cancel";var l={cancel:u};var g="Cancelar";var m={cancel:g};var v="Annulla";var h={cancel:v};var p='@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(--variant-primary-09));\n  --mds-banner-color: rgb(var(--tone-neutral-02));\n  --mds-banner-icon-color: rgb(var(--variant-primary-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(--variant-primary-10));\n  --mds-banner-color: rgb(var(--tone-neutral-02));\n  --mds-banner-icon-color: rgb(var(--variant-primary-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(--variant-primary-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 f=p;var x=n("mds_banner",function(){function n(n){var e=this;r(this,n);this.closeEvent=a(this,"mdsBannerClose",7);this.km=new i;this.t=new b({el:d,en:l,es:m,it:h});this.deletableHandler=function(){var n;if(e.deletable){var r=(n=e.host.shadowRoot)===null||n===void 0?void 0:n.querySelector(".close-button");e.km.addElement(r);e.km.attachClickBehavior();return}e.km.detachClickBehavior()};this.closeBanner=function(){e.closeEvent.emit()};this.language=undefined;this.variant="light";this.tone="weak";this.deletable=undefined;this.headline=undefined;this.icon=undefined}n.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.language=this.t.lang(this.host);return[2]}))}))};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 e(o,{key:"ec500b178f8fb536d7ff78c4aa0e2d5cde1416a6","aria-label":this.headline},e("div",{key:"77b8ab327d05ab7f7c8b87733e5c7a2784efd384",class:"body"},this.icon&&e("mds-icon",{key:"b6457845c78edd94a4764481aea866d830f80c33","aria-hidden":"true",class:"icon",name:this.icon}),e("div",{key:"4f78e43b827317ef72ce0b8a249af973264c0dc9",class:"content"},this.headline&&e("mds-text",{key:"17f91409b58a52e38bca1cfd873f16eca0e2db5d","aria-hidden":"true",class:"headline",typography:"h6"},this.headline),e("div",{key:"517e0d0e1f12a20ca241dc1aa847d1d984032ba3",class:"text"},e("slot",{key:"29275ee77a4c61aea7a7ca73dcee461090e02289"}))),this.deletable&&e("mds-button",{key:"adfef7961d882e69b62bb244413cc8429ee42d35",class:"close-button",icon:s,onClick:this.closeBanner,title:this.t.get("cancel")})),this.actions&&e("div",{key:"70adbb0543a97dc3d0e090602fb6755f2d91cb1b",class:"actions"},e("slot",{key:"56d13bc8b79b4a11e595526c3fdf75b13d9bbf37",name:"actions"})))};Object.defineProperty(n.prototype,"host",{get:function(){return t(this)},enumerable:false,configurable:true});return n}());x.style=f}}}));

package/dist/magma-components/p-96d07c9f.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-c94628eb.system.js","./p-d68089ba.system.js"],(function(n){"use strict";var e,i,o,t,a;return{setters:[function(n){e=n.r;i=n.h;o=n.H;t=n.g},function(n){a=n.c}],execute:function(){var A="@tailwind utilities;\n\n/**\n * @prop --mds-video-wall-noise-background-color: Sets the background-color of the noise when active\n * @prop --mds-video-wall-noise-background-size: Sets the background-color of the noise when active\n * @prop --mds-video-wall-video-fit: Sets the object-fit of the video stream\n */\n\n:host {\n\n  --mds-video-wall-noise-background-color: rgb(var(--variant-primary-03) / 0.8);\n  --mds-video-wall-noise-background-size: auto;\n  --mds-video-wall-video-fit: cover;\n\n  aspect-ratio: 16/9;\n  background-color: rgb(var(--tone-neutral-02));\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n}\n\n.content {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  height: 100%;\n  -ms-flex-pack: center;\n  justify-content: center;\n  position: relative;\n  width: 100%;\n  z-index: 3;\n}\n\nvideo,\n.noise{\n\n  height: 100%;\n\n  width: 100%;\n\n  inset: 0;\n  position: absolute;\n}\n\nvideo {\n  -o-object-fit: var(--mds-video-wall-video-fit);\n     object-fit: var(--mds-video-wall-video-fit);\n  z-index: 1;\n}\n\n.noise {\n  background-color: var(--mds-video-wall-noise-background-color);\n  background-size: var(--mds-video-wall-noise-background-size);\n  z-index: 2;\n}\n\n.noise--classic {\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAALElEQVQYV2NkwAEYoeIzGRgYtjAwMGxmYGAAs2ESvlBBkDowGyaBYSDpRgEAkLwKoa+v7O8AAAAASUVORK5CYII=');\n}\n\n.noise--sharp {\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAOklEQVQoU2NkYGAwZoCAs2hssCAjNkFkMZACGMBqEswErMaDTEJWgNUkmBU4HYpNAYpJyI4ESWCYBAAe2A7Vb66lfAAAAABJRU5ErkJggg==');\n}\n\n.noise--soft {\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAOElEQVQYV2NkYGAwZoCA51BaEpnPiKTgLFQCpgHMR1aA0wQpbEYzMDCArQKZAAMoRsOsBinAawIAOXkJ1Ff0CjwAAAAASUVORK5CYII=');\n}\n\n.noise--tv {\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAMElEQVQYV2NkYGDwZcABGP8zKBuD5Bj/P4coEf0Kod8wSjH+Z5CVgki+RZc0HghJADPEICMR8Ep/AAAAAElFTkSuQmCC');\n}\n\n@container style(--magma-pref-animation: reduce) {\n  video {\n    display: none;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    video {\n      display: none;\n    }\n  }\n}\n\n";var s=A;var d=n("mds_video_wall",function(){function n(n){e(this,n);this.autoplay=true;this.loop=true;this.muted=true;this.noise="none";this.poster=undefined;this.preload="auto";this.src=undefined}n.prototype.componentWillLoad=function(){this.hasContent=this.hostElement.querySelector('[slot="content"]')!==null};n.prototype.render=function(){return i(o,{key:"b02dbaf8ed4d658d11b926ced5bb69904f86382d"},this.noise!=="none"&&i("div",{key:"db11caf9e04511d4963bd871901445077395f90f","aria-hidden":"true",class:a("noise","noise--".concat(this.noise))}),i("video",{key:"9525d923e158c433dde100f48e2445e159223f24","aria-hidden":"true",autoplay:this.autoplay,loop:this.loop,muted:this.muted,poster:this.poster,preload:this.preload,src:this.src},i("slot",{key:"d59a946ffa84571940e5091c958957ad2a79917e"})),this.hasContent&&i("div",{key:"bde9d0476687145459926c42f2496e8489d61b00",class:"content"},i("slot",{key:"87b6450fd36e658a4034a400624d49cdeaa946b0",name:"content"})))};Object.defineProperty(n.prototype,"hostElement",{get:function(){return t(this)},enumerable:false,configurable:true});return n}());d.style=s}}}));

package/dist/magma-components/p-96e60eca.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-c94628eb.system.js"],(function(e){"use strict";var n,t,a;return{setters:[function(e){n=e.r;t=e.h;a=e.H}],execute:function(){var c="@tailwind utilities;\n\n:host {\n  display: -ms-inline-flexbox;\n  display: inline-flex\n}\n\n.open-quote {\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n}\n\n.quote{\n  gap: 1rem;\n\n  display: grid;\n  -webkit-user-select: all;\n     -moz-user-select: all;\n          user-select: all\n}\n\nspan {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n      color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n";var s=c;var r=e("mds_quote",function(){function e(e){n(this,e);this.typography="h3";this.tag="h3"}e.prototype.render=function(){return t(a,{key:"0c7690c8a35c1cdeaf32476a37acffec7b8f323d"},t("mds-text",{key:"b3e21e3678fe93551b87f642f78fdda8a9525d60",class:"open-quote",tag:"div",typography:this.typography},t("span",{key:"695196efbc951ec814efb9cb7421c21493ee60ab"},t("i",{key:"8453cac06ebaf5e23127c5ecb4c8124e7916ce81"},"❝ "))),t("div",{key:"0092ce2020ee2ccdc930fede05559c13a54f7134",class:"quote"},t("mds-text",{key:"a25408cfbee178885d94b7d9a6a6c135798a866f",tag:this.tag,typography:this.typography},t("i",{key:"f710bf1614b4532447fcec84e8209059b192bec9"},t("slot",{key:"88c75e40ac0a6edbbc5ef0385b41059737522e9c"}),t("span",{key:"612a391d4da1efb238cc6da17a87bdf5146a6c85"}," ❞"))),t("slot",{key:"8ee3f36a5fa48c2ef77813c00c91f94316805240",name:"author"})))};return e}());r.style=s}}}));

package/dist/magma-components/{p-c4b093c4.entry.js → p-9bd6657b.entry.js}

@@ -1 +1 @@
-import{r as n,c as t,h as e,H as a,g as i}from"./p-b6defcb6.js";import{m as r}from"./p-adc5a87e.js";import{m as s}from"./p-24ec3f86.js";const o=class{constructor(e){n(this,e),this.pageChangedEvent=t(this,"mdsPaginatorChange",7),this.scrollPage=n=>{var t;const e=n,a=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".pages"),i=null==a?void 0:a.querySelectorAll("mds-paginator-item");if(!a||!i)return;if(e<0)return void(a.scrollLeft=0);if(e>i.length-1)return void(a.scrollLeft=i[i.length-1].offsetLeft-a.offsetLeft);const r=i[e];a.scrollLeft=r.offsetLeft-a.offsetLeft-a.offsetWidth/2+r.offsetWidth/2},this.focus=n=>{var t;const e=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".pages"),a=null==e?void 0:e.querySelectorAll("mds-paginator-item");if(a&&n.target){const t=Array.from(a).indexOf(n.target);this.scrollPage(t)}},this.goToPage=(n,t)=>{n<1||n>this.pages||(this.currentPage=n,this.pages>2&&this.scrollPage(this.currentPage-2),this.pageChangedEvent.emit({page:this.currentPage,caller:t}))},this.pages=0,this.currentPage=1}componentDidLoad(){setTimeout((()=>{this.goToPage(this.currentPage)}),10)}render(){return e(a,{key:"e293d1a9534a70b3026b9ed75af6ae954e359b7e"},e("mds-paginator-item",{key:"9df1ca9d1552b81a45b57dd0a960b37351e78af8",class:"item-icon",icon:r,disabled:1===this.currentPage,onClick:n=>this.goToPage(this.currentPage-1,n.target)}),this.pages>0&&e("mds-paginator-item",{key:"ad0e1205bbdc54758d030f0262a1937b350656f8",class:"item-first",selected:1===this.currentPage,onClick:n=>this.goToPage(1,n.target)},"1"),this.pages>2&&e("div",{key:"dfc301098cb5bfb9982076d621a0912c32c273fe",class:"pages"},Array.from(Array(this.pages-2).keys()).map((n=>e("mds-paginator-item",{key:n,class:"item",selected:this.currentPage===n+2,onClick:t=>this.goToPage(n+2,t.target),onFocus:this.focus},n+2)))),this.pages>1&&e("mds-paginator-item",{key:"7711e38886eba63e9266e4414318d74e6c29e43b",class:"item-last",selected:this.currentPage===this.pages,onClick:n=>this.goToPage(this.pages,n.target)},this.pages),e("mds-paginator-item",{key:"15147fca53d73364ebac1b99ce90d7fcb4f86f8f",class:"item-icon",icon:s,disabled:this.currentPage===this.pages,onClick:n=>this.goToPage(this.currentPage+1,n.target)}))}get element(){return i(this)}};o.style="@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-paginator-background: Sets the background-color of the pages area and the item\n */\n\n:host {\n\n  --mds-paginator-background: rgb(var(--tone-neutral-09));\n\n  gap: 0.25rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.pages {\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n    margin-left: 0.5rem;\n    margin-right: 0.5rem;\n    border-radius: 9999px;\n    padding: 0.5rem;\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: center;\n\n  align-items: center;\n  background-color: var(--mds-paginator-background);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-negative: 1;\n  flex-shrink: 1;\n  gap: 2px;\n  overflow: auto;\n  scroll-behavior: smooth;\n  -webkit-transition-property: background-color, -webkit-box-shadow;\n  transition-property: background-color, -webkit-box-shadow;\n  transition-property: background-color, box-shadow;\n  transition-property: background-color, box-shadow, -webkit-box-shadow;\n  }\n\n.pages::-webkit-scrollbar {\n  display: none;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .pages {\n    scroll-behavior: unset;\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    .pages {\n      scroll-behavior: unset;\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-paginator-background: rgb(var(--tone-neutral-09));\n\n  }\n  \n  .pages {\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\n      --mds-paginator-background: rgb(var(--tone-neutral-09));\n    }\n\n    .pages {\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  .pages {\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  .item {\n\n    --mds-paginator-item-background-hover: rgb(var(--tone-neutral));\n    --mds-paginator-item-shadow-hover: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    --mds-paginator-item-shadow: none;\n  }\n\n  .item-first,\n  .item-last,\n  .item-icon {\n\n    --mds-paginator-item-shadow-disabled: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    --mds-paginator-item-shadow-hover: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    --mds-paginator-item-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    .pages {\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    .item {\n\n      --mds-paginator-item-background-hover: rgb(var(--tone-neutral));\n      --mds-paginator-item-shadow-hover: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n      --mds-paginator-item-shadow: none;\n    }\n\n    .item-first,\n    .item-last,\n    .item-icon {\n\n      --mds-paginator-item-shadow-disabled: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n      --mds-paginator-item-shadow-hover: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n      --mds-paginator-item-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    }\n  }\n}\n\n";export{o as mds_paginator}
+import{r as n,c as t,h as e,H as a,g as i}from"./p-eab621a7.js";import{m as r}from"./p-adc5a87e.js";import{m as s}from"./p-24ec3f86.js";const o=class{constructor(e){n(this,e),this.pageChangedEvent=t(this,"mdsPaginatorChange",7),this.scrollPage=n=>{var t;const e=n,a=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".pages"),i=null==a?void 0:a.querySelectorAll("mds-paginator-item");if(!a||!i)return;if(e<0)return void(a.scrollLeft=0);if(e>i.length-1)return void(a.scrollLeft=i[i.length-1].offsetLeft-a.offsetLeft);const r=i[e];a.scrollLeft=r.offsetLeft-a.offsetLeft-a.offsetWidth/2+r.offsetWidth/2},this.focus=n=>{var t;const e=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".pages"),a=null==e?void 0:e.querySelectorAll("mds-paginator-item");if(a&&n.target){const t=Array.from(a).indexOf(n.target);this.scrollPage(t)}},this.goToPage=(n,t)=>{n<1||n>this.pages||(this.currentPage=n,this.pages>2&&this.scrollPage(this.currentPage-2),this.pageChangedEvent.emit({page:this.currentPage,caller:t}))},this.pages=0,this.currentPage=1}componentDidLoad(){setTimeout((()=>{this.goToPage(this.currentPage)}),10)}render(){return e(a,{key:"d953ca7204857c62d0240dcae6e06195a44bddda"},e("mds-paginator-item",{key:"2a60bf16b677dc5e43215b38bf912aea9a87456e",class:"item-icon",icon:r,disabled:1===this.currentPage,onClick:n=>this.goToPage(this.currentPage-1,n.target)}),this.pages>0&&e("mds-paginator-item",{key:"546989f1d6df76d9cdc57ac1e6ec9f8f838cb5fb",class:"item-first",selected:1===this.currentPage,onClick:n=>this.goToPage(1,n.target)},"1"),this.pages>2&&e("div",{key:"3f099d2c8373b0f225a746549e40ebb44fc83d38",class:"pages"},Array.from(Array(this.pages-2).keys()).map((n=>e("mds-paginator-item",{key:n,class:"item",selected:this.currentPage===n+2,onClick:t=>this.goToPage(n+2,t.target),onFocus:this.focus},n+2)))),this.pages>1&&e("mds-paginator-item",{key:"7dea80b2f11556b8a6da6f0a8cbbcc6806251e63",class:"item-last",selected:this.currentPage===this.pages,onClick:n=>this.goToPage(this.pages,n.target)},this.pages),e("mds-paginator-item",{key:"4998205aced65057e50b94325666e8e96c78ce44",class:"item-icon",icon:s,disabled:this.currentPage===this.pages,onClick:n=>this.goToPage(this.currentPage+1,n.target)}))}get element(){return i(this)}};o.style="@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-paginator-background: Sets the background-color of the pages area and the item\n */\n\n:host {\n\n  --mds-paginator-background: rgb(var(--tone-neutral-09));\n\n  gap: 0.25rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.pages {\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n    margin-left: 0.5rem;\n    margin-right: 0.5rem;\n    border-radius: 9999px;\n    padding: 0.5rem;\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: center;\n\n  align-items: center;\n  background-color: var(--mds-paginator-background);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-negative: 1;\n  flex-shrink: 1;\n  gap: 2px;\n  overflow: auto;\n  scroll-behavior: smooth;\n  -webkit-transition-property: background-color, -webkit-box-shadow;\n  transition-property: background-color, -webkit-box-shadow;\n  transition-property: background-color, box-shadow;\n  transition-property: background-color, box-shadow, -webkit-box-shadow;\n  }\n\n.pages::-webkit-scrollbar {\n  display: none;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .pages {\n    scroll-behavior: unset;\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    .pages {\n      scroll-behavior: unset;\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-paginator-background: rgb(var(--tone-neutral-09));\n\n  }\n  \n  .pages {\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\n      --mds-paginator-background: rgb(var(--tone-neutral-09));\n    }\n\n    .pages {\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  .pages {\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  .item {\n\n    --mds-paginator-item-background-hover: rgb(var(--tone-neutral));\n    --mds-paginator-item-shadow-hover: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    --mds-paginator-item-shadow: none;\n  }\n\n  .item-first,\n  .item-last,\n  .item-icon {\n\n    --mds-paginator-item-shadow-disabled: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    --mds-paginator-item-shadow-hover: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    --mds-paginator-item-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    .pages {\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    .item {\n\n      --mds-paginator-item-background-hover: rgb(var(--tone-neutral));\n      --mds-paginator-item-shadow-hover: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n      --mds-paginator-item-shadow: none;\n    }\n\n    .item-first,\n    .item-last,\n    .item-icon {\n\n      --mds-paginator-item-shadow-disabled: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n      --mds-paginator-item-shadow-hover: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n      --mds-paginator-item-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    }\n  }\n}\n\n";export{o as mds_paginator}

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

@@ -0,0 +1 @@
+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-c94628eb.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(--variant-primary-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 c=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("div",{key:"a95536046218a876f6b58972111e3579f7db0b5b",class:"header",tabindex:"0"},t("mds-icon",{key:"572bfcd53c28c751ec923c19a83ad2da516a087d",class:"icon",name:o(this.isDone&&!this.isCurrent?this.iconChecked:this.icon)}),t("mds-progress",{key:"7afca827a100f9676cc61c700754105a946ad988","aria-hidden":"true",class:"progress",progress:this.isDone?1:0})),t("div",{key:"a0b34eaba6a2b818c63e9a21de8c5bb160b6ccc2",class:"infos"},this.step&&t("mds-text",{key:"2ae5ce5ab77172373301b8c36e16c1131fa0c046",class:"step",typography:"option"},"step ",this.index+1),this.label&&t("mds-text",{key:"63b5bf25b4ae174725af0340701577699e333951",class:"text",typography:this.typography},this.label),this.badge&&t("div",{key:"569ed53badb0ee775fdfb487680378090f782b15"},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}());c.style=p}}}));

package/dist/magma-components/p-9c7039f0.entry.js

@@ -0,0 +1 @@
+import{r as a,c as e,h as i,H as s,g as o}from"./p-eab621a7.js";import{L as n}from"./p-c310b41f.js";import{m as t}from"./p-39f06295.js";import{m as l}from"./p-a5de65c5.js";import"./p-85aa8e05.js";const r={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:"Ζουλού",defaultLanguage:"Εάν η μετάφραση δεν είναι διαθέσιμη, θα χρησιμοποιηθούν τα Αγγλικά"},h={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",defaultLanguage:"If the translation is not available, English will be used"},u={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ú",defaultLanguage:"Si la traducción no está disponible, se utilizará el inglés"},d={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",defaultLanguage:"Se la traduzione non è disponibile, verrà utilizzato l'Inglese"},g=class{constructor(i){a(this,i),this.languageChangeEvent=e(this,"mdsPrefLanguageChange",7),this.prefChangeEvent=e(this,"mdsPrefChange",7),this.localStorageAlias="mdsPrefLanguage",this.defaultLanguage="en",this.t=new n({el:r,en:h,es:u,it:d}),this.toggleDropdown=()=>{this.showDropdown=!this.showDropdown},this.hideLanguageSelectDropdown=()=>{this.showDropdown=!1},this.changeLanguageSelectItem=()=>{this.elPreferLanguageItems.forEach((a=>{a.selected=!1}))},this.checkLanguageSelect=()=>{this.elPreferLanguageItems=this.element.querySelectorAll("mds-pref-language-item"),this.elPreferLanguageItems.forEach((a=>{a.addEventListener("mdsPrefLanguageItemSelect",(a=>{this.changeLanguageSelectItem(),this.currentSelectedItem=a.currentTarget,this.currentSelectedItem.selected=!0,this.languageChangeEvent.emit({language:this.currentSelectedItem.code}),this.showDropdown=!1,this.setLanguage(a.detail.language),this.t.update(document)}))})),this.elPreferLanguageItems.forEach((a=>{a.selected=a.code===this.set}))},this.sanitizeLanguage=a=>a.includes("-")?a.split("-")[0].toLowerCase():a,this.setLanguage=a=>{var e,i;if(!/(auto)|^[a-z]{2}(-[A-Z]{2})?$/gm.exec(a))throw Error(`Language code setted not reconized: ${a}`);if(this.set="auto"===a?null!==(i=null!==(e=this.userLanguage)&&void 0!==e?e:this.pageLanguage)&&void 0!==i?i:this.systemLanguage:this.sanitizeLanguage(a),this.prefChangeEvent.emit({preference:"language"}),localStorage.setItem(this.localStorageAlias,this.set),document){const a=document.querySelector("html");null==a||a.setAttribute("lang",this.set)}},this.showDropdown=!1,this.language=void 0,this.set="auto"}async updateLang(){this.language=this.t.lang(this.element)}componentDidLoad(){this.checkLanguageSelect()}componentWillRender(){var a,e;this.systemLanguage=this.sanitizeLanguage(navigator.language),this.userLanguage=localStorage.getItem(this.localStorageAlias),this.pageLanguage=null!==(e=null===(a=document.querySelector("html"))||void 0===a?void 0:a.getAttribute("lang"))&&void 0!==e?e:null,this.setLanguage(this.set),this.t.lang(this.element)}render(){var a;return i(s,{key:"004e6c321027b3d41aeef337a9006ec1133fe046"},i("div",{key:"b5f15701517827f06f623ef796d852038ed40c90",class:"menu"},i("mds-text",{key:"575d52cb2e7263a163353a074785094e7f5dffb0",class:"info",typography:"caption"},i("b",{key:"688d99f90e35c7a77ded0049f4866f6a64daf45f"},this.t.get("label"))),i("mds-tab",{key:"98fcc66f3838b976593deda6d14aa72ec2c3177f"},i("mds-tab-item",{key:"8396c3afda71454ea0ea4478d9077a9b2ff506f3",selected:!0,onClick:this.toggleDropdown,id:"mds-pref-language-nav",class:"item item--custom-language","icon-position":"right",icon:this.showDropdown?l:t},this.t.get(null!==(a=this.set)&&void 0!==a?a:"auto")))),i("mds-dropdown",{key:"d5cb5237e922d67b1afbe50b7478895ab80f2402",class:"mds-pref-language-dropdown",target:"#mds-pref-language-nav",interaction:"none",visible:this.showDropdown,onMdsDropdownHide:this.hideLanguageSelectDropdown,autoPlacement:!0},i("slot",{key:"dd72a6011f36cc10b6f87110665b7f1db7058e13"})),this.set!==this.defaultLanguage&&i("mds-text",{key:"96eb6bfa741a3164dd05862c6c180f6a8af3c232",typography:"caption"},this.t.get("defaultLanguage")))}get element(){return o(this)}};g.style="mds-pref-language{gap:1rem;display:grid}.mds-pref-language-dropdown{gap:0.25rem;padding:1rem}.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{g as mds_pref_language}

package/dist/magma-components/p-9d991391.entry.js

@@ -0,0 +1 @@
+import{r as n,h as a,H as r}from"./p-eab621a7.js";const e=class{constructor(a){n(this,a),this.variant="green",this.tone="weak",this.typography="option",this.typographyVariant=void 0}render(){return a(r,{key:"31d5bdfea45fb67eb24c3670ceca838b4f52d565"},a("mds-text",{key:"ff4f9977cb503df37ce99f19fa0177ab868e8e46",tag:"span",typography:this.typography,variant:this.typographyVariant},a("slot",{key:"15bb8f4e695626dfe96a4708e81118d214b1efeb"})))}};e.style='@tailwind utilities;\n\n/**\n * @prop --mds-badge-background: Sets the background-color of the component\n * @prop --mds-badge-radius: Sets the border-radius of the component\n * @prop --mds-badge-color: Sets the text color of the component\n */\n\n:host {\n\n  --mds-badge-background: rgb(var(--label-sky-09));\n  --mds-badge-border-color: rgb(var(--label-sky-06));;\n  --mds-badge-border-width: 1px;\n  --mds-badge-color: rgb(var(--label-sky-03));\n  --mds-badge-radius: 0.25rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-badge-background);\n  border-radius: var(--mds-badge-radius);\n  color: var(--mds-badge-color);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  min-width: -moz-min-content;\n  min-width: -webkit-min-content;\n  min-width: min-content;\n  -webkit-transition-property: background-color, border-color, border-width, color;\n  transition-property: background-color, border-color, border-width, color;\n}\n\n:host([tone="ghost"]) {\n  border-color: var(--mds-badge-border-color);\n  border-style: solid;\n  border-width: var(--mds-badge-border-width);\n}\n\n:host([tone="quiet"]) {\n\n  --mds-badge-background: rgb(var(--tone-neutral));\n}\n\n@tailwind utilities;\n\n:host([variant="amaranth"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="amaranth"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-amaranth-04));\n}\n\n:host([variant="amaranth"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-amaranth-09));\n  --mds-badge-color: rgb(var(--label-amaranth-02));\n}\n\n:host([variant="amaranth"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-amaranth-04));\n}\n\n:host([variant="amaranth"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-amaranth-06));\n  --mds-badge-color: rgb(var(--label-amaranth-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="amaranth"]),\n  :host([variant="amaranth"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-amaranth-03));\n  }\n\n  :host([variant="amaranth"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-amaranth-01));\n  }\n\n  :host([variant="amaranth"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-amaranth-02));\n  }\n\n  :host([variant="amaranth"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-amaranth-03));\n    --mds-badge-border-color: rgb(var(--label-amaranth-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="amaranth"]),\n    :host([variant="amaranth"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-amaranth-04));\n    }\n\n    :host([variant="amaranth"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-amaranth-01));\n    }\n\n    :host([variant="amaranth"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-amaranth-02));\n    }\n\n    :host([variant="amaranth"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-amaranth-03));\n      --mds-badge-border-color: rgb(var(--label-amaranth-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="aqua"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="aqua"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-aqua-04));\n}\n\n:host([variant="aqua"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-aqua-09));\n  --mds-badge-color: rgb(var(--label-aqua-02));\n}\n\n:host([variant="aqua"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-aqua-04));\n}\n\n:host([variant="aqua"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-aqua-06));\n  --mds-badge-color: rgb(var(--label-aqua-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="aqua"]),\n  :host([variant="aqua"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-aqua-04));\n  }\n\n  :host([variant="aqua"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-aqua-01));\n  }\n\n  :host([variant="aqua"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-aqua-02));\n  }\n\n  :host([variant="aqua"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-aqua-03));\n    --mds-badge-border-color: rgb(var(--label-aqua-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="aqua"]),\n    :host([variant="aqua"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-aqua-03));\n    }\n\n    :host([variant="aqua"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-aqua-01));\n    }\n\n    :host([variant="aqua"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-aqua-02));\n    }\n\n    :host([variant="aqua"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-aqua-03));\n      --mds-badge-border-color: rgb(var(--label-aqua-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="blue"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="blue"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-blue-04));\n}\n\n:host([variant="blue"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-blue-09));\n  --mds-badge-color: rgb(var(--label-blue-02));\n}\n\n:host([variant="blue"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-blue-04));\n}\n\n:host([variant="blue"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-blue-06));\n  --mds-badge-color: rgb(var(--label-blue-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="blue"]),\n  :host([variant="blue"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-blue-03));\n  }\n\n  :host([variant="blue"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-blue-01));\n  }\n\n  :host([variant="blue"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-blue-02));\n  }\n\n  :host([variant="blue"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-blue-03));\n    --mds-badge-border-color: rgb(var(--label-blue-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="blue"]),\n    :host([variant="blue"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-blue-04));\n    }\n\n    :host([variant="blue"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-blue-01));\n    }\n\n    :host([variant="blue"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-blue-02));\n    }\n\n    :host([variant="blue"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-blue-03));\n      --mds-badge-border-color: rgb(var(--label-blue-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host( [variant="dark"] ) {\n\n  --mds-badge-color: rgb(var(--tone-neutral-02));\n}\n\n:host( [variant="dark"][tone="strong"] ) {\n\n  --mds-badge-background: rgb(var(--tone-neutral-02));\n  --mds-badge-color: rgb(var(--tone-neutral-09));\n}\n\n:host( [variant="dark"][tone="weak"] ) {\n\n  --mds-badge-background: rgb(var(--tone-neutral-08));\n  --mds-badge-color: rgb(var(--tone-neutral-02));\n}\n\n:host( [variant="dark"][tone="ghost"] ) {\n\n  --mds-badge-background: rgb(var(--tone-neutral-09));\n  --mds-badge-color: rgb(var(--tone-neutral-03));\n  --mds-badge-border-color: rgb(var(--tone-neutral-03));\n}\n\n@tailwind utilities;\n\n:host([variant="error"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="error"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--status-error-04));\n}\n\n:host([variant="error"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--status-error-09));\n  --mds-badge-color: rgb(var(--status-error-02));\n}\n\n:host([variant="error"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--status-error-04));\n}\n\n:host([variant="error"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--status-error-06));\n  --mds-badge-color: rgb(var(--status-error-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="error"]),\n  :host([variant="error"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--status-error-03));\n  }\n\n  :host([variant="error"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--status-error-01));\n  }\n\n  :host([variant="error"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--status-error-02));\n  }\n\n  :host([variant="error"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--status-error-03));\n    --mds-badge-border-color: rgb(var(--status-error-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="error"]),\n    :host([variant="error"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--status-error-04));\n    }\n\n    :host([variant="error"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--status-error-01));\n    }\n\n    :host([variant="error"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--status-error-02));\n    }\n\n    :host([variant="error"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--status-error-03));\n      --mds-badge-border-color: rgb(var(--status-error-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="green"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="green"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-green-04));\n}\n\n:host([variant="green"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-green-09));\n  --mds-badge-color: rgb(var(--label-green-02));\n}\n\n:host([variant="green"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-green-04));\n}\n\n:host([variant="green"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-green-06));\n  --mds-badge-color: rgb(var(--label-green-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="green"]),\n  :host([variant="green"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-green-03));\n  }\n\n  :host([variant="green"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-green-01));\n  }\n\n  :host([variant="green"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-green-02));\n  }\n\n  :host([variant="green"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-green-03));\n    --mds-badge-border-color: rgb(var(--label-green-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="green"]),\n    :host([variant="green"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-green-04));\n    }\n\n    :host([variant="green"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-green-01));\n    }\n\n    :host([variant="green"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-green-02));\n    }\n\n    :host([variant="green"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-green-03));\n      --mds-badge-border-color: rgb(var(--label-green-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="info"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="info"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--status-info-04));\n}\n\n:host([variant="info"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--status-info-09));\n  --mds-badge-color: rgb(var(--status-info-02));\n}\n\n:host([variant="info"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--status-info-04));\n}\n\n:host([variant="info"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--status-info-06));\n  --mds-badge-color: rgb(var(--status-info-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="info"]),\n  :host([variant="info"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--status-info-03));\n  }\n\n  :host([variant="info"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--status-info-01));\n  }\n\n  :host([variant="info"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--status-info-02));\n  }\n\n  :host([variant="info"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--status-info-03));\n    --mds-badge-border-color: rgb(var(--status-info-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="info"]),\n    :host([variant="info"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--status-info-04));\n    }\n\n    :host([variant="info"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--status-info-01));\n    }\n\n    :host([variant="info"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--status-info-02));\n    }\n\n    :host([variant="info"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--status-info-03));\n      --mds-badge-border-color: rgb(var(--status-info-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host( [variant="light"] ) {\n\n  --mds-badge-color: rgb(var(--tone-neutral-03));\n}\n\n:host( [variant="light"][tone="strong"] ) {\n\n  --mds-badge-background: rgb(var(--tone-neutral-10));\n  --mds-badge-color: rgb(var(--tone-neutral-03));\n}\n\n:host( [variant="light"][tone="weak"] ) {\n\n  --mds-badge-background: rgb(var(--tone-neutral-10));\n  --mds-badge-color: rgb(var(--tone-neutral-03));\n}\n\n:host( [variant="light"][tone="ghost"] ) {\n\n  --mds-badge-color: rgb(var(--tone-neutral-02));\n  --mds-badge-border-color: rgb(var(--tone-neutral-09));\n}\n\n@tailwind utilities;\n\n:host([variant="lime"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="lime"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-lime-04));\n}\n\n:host([variant="lime"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-lime-09));\n  --mds-badge-color: rgb(var(--label-lime-02));\n}\n\n:host([variant="lime"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-lime-04));\n}\n\n:host([variant="lime"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-lime-06));\n  --mds-badge-color: rgb(var(--label-lime-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="lime"]),\n  :host([variant="lime"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-lime-03));\n  }\n\n  :host([variant="lime"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-lime-01));\n  }\n\n  :host([variant="lime"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-lime-02));\n  }\n\n  :host([variant="lime"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-lime-03));\n    --mds-badge-border-color: rgb(var(--label-lime-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="lime"]),\n    :host([variant="lime"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-lime-04));\n    }\n\n    :host([variant="lime"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-lime-01));\n    }\n\n    :host([variant="lime"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-lime-02));\n    }\n\n    :host([variant="lime"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-lime-03));\n      --mds-badge-border-color: rgb(var(--label-lime-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="orange"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="orange"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-orange-04));\n}\n\n:host([variant="orange"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-orange-09));\n  --mds-badge-color: rgb(var(--label-orange-02));\n}\n\n:host([variant="orange"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-orange-04));\n}\n\n:host([variant="orange"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-orange-06));\n  --mds-badge-color: rgb(var(--label-orange-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="orange"]),\n  :host([variant="orange"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-orange-03));\n  }\n\n  :host([variant="orange"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-orange-01));\n  }\n\n  :host([variant="orange"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-orange-02));\n  }\n\n  :host([variant="orange"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-orange-03));\n    --mds-badge-border-color: rgb(var(--label-orange-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="orange"]),\n    :host([variant="orange"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-orange-04));\n    }\n\n    :host([variant="orange"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-orange-01));\n    }\n\n    :host([variant="orange"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-orange-02));\n    }\n\n    :host([variant="orange"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-orange-03));\n      --mds-badge-border-color: rgb(var(--label-orange-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="orchid"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="orchid"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-orchid-04));\n}\n\n:host([variant="orchid"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-orchid-09));\n  --mds-badge-color: rgb(var(--label-orchid-02));\n}\n\n:host([variant="orchid"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-orchid-04));\n}\n\n:host([variant="orchid"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-orchid-06));\n  --mds-badge-color: rgb(var(--label-orchid-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="orchid"]),\n  :host([variant="orchid"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-orchid-03));\n  }\n\n  :host([variant="orchid"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-orchid-01));\n  }\n\n  :host([variant="orchid"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-orchid-02));\n  }\n\n  :host([variant="orchid"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-orchid-03));\n    --mds-badge-border-color: rgb(var(--label-orchid-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="orchid"]),\n    :host([variant="orchid"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-orchid-04));\n    }\n\n    :host([variant="orchid"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-orchid-01));\n    }\n\n    :host([variant="orchid"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-orchid-02));\n    }\n\n    :host([variant="orchid"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-orchid-03));\n      --mds-badge-border-color: rgb(var(--label-orchid-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="sky"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="sky"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-sky-04));\n}\n\n:host([variant="sky"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-sky-09));\n  --mds-badge-color: rgb(var(--label-sky-02));\n}\n\n:host([variant="sky"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-sky-04));\n}\n\n:host([variant="sky"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-sky-06));\n  --mds-badge-color: rgb(var(--label-sky-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="sky"]),\n  :host([variant="sky"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-sky-03));\n  }\n\n  :host([variant="sky"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-sky-01));\n  }\n\n  :host([variant="sky"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-sky-02));\n  }\n\n  :host([variant="sky"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-sky-03));\n    --mds-badge-border-color: rgb(var(--label-sky-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="sky"]),\n    :host([variant="sky"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-sky-04));\n    }\n\n    :host([variant="sky"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-sky-01));\n    }\n\n    :host([variant="sky"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-sky-02));\n    }\n\n    :host([variant="sky"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-sky-03));\n      --mds-badge-border-color: rgb(var(--label-sky-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="success"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="success"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--status-success-04));\n}\n\n:host([variant="success"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--status-success-09));\n  --mds-badge-color: rgb(var(--status-success-02));\n}\n\n:host([variant="success"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--status-success-04));\n}\n\n:host([variant="success"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--status-success-06));\n  --mds-badge-color: rgb(var(--status-success-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="success"]),\n  :host([variant="success"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--status-success-03));\n  }\n\n  :host([variant="success"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--status-success-01));\n  }\n\n  :host([variant="success"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--status-success-02));\n  }\n\n  :host([variant="success"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--status-success-03));\n    --mds-badge-border-color: rgb(var(--status-success-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="success"]),\n    :host([variant="success"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--status-success-04));\n    }\n\n    :host([variant="success"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--status-success-01));\n    }\n\n    :host([variant="success"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--status-success-02));\n    }\n\n    :host([variant="success"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--status-success-03));\n      --mds-badge-border-color: rgb(var(--status-success-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="violet"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="violet"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-violet-04));\n}\n\n:host([variant="violet"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-violet-09));\n  --mds-badge-color: rgb(var(--label-violet-02));\n}\n\n:host([variant="violet"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-violet-04));\n}\n\n:host([variant="violet"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-violet-06));\n  --mds-badge-color: rgb(var(--label-violet-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="violet"]),\n  :host([variant="violet"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-violet-03));\n  }\n\n  :host([variant="violet"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-violet-01));\n  }\n\n  :host([variant="violet"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-violet-02));\n  }\n\n  :host([variant="violet"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-violet-03));\n    --mds-badge-border-color: rgb(var(--label-violet-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="violet"]),\n    :host([variant="violet"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-violet-04));\n    }\n\n    :host([variant="violet"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-violet-01));\n    }\n\n    :host([variant="violet"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-violet-02));\n    }\n\n    :host([variant="violet"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-violet-03));\n      --mds-badge-border-color: rgb(var(--label-violet-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="warning"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="warning"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--status-warning-04));\n}\n\n:host([variant="warning"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--status-warning-09));\n  --mds-badge-color: rgb(var(--status-warning-02));\n}\n\n:host([variant="warning"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--status-warning-04));\n}\n\n:host([variant="warning"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--status-warning-06));\n  --mds-badge-color: rgb(var(--status-warning-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="warning"]),\n  :host([variant="warning"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--status-warning-03));\n  }\n\n  :host([variant="warning"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--status-warning-01));\n  }\n\n  :host([variant="warning"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--status-warning-02));\n  }\n\n  :host([variant="warning"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--status-warning-03));\n    --mds-badge-border-color: rgb(var(--status-warning-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="warning"]),\n    :host([variant="warning"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--status-warning-04));\n    }\n\n    :host([variant="warning"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--status-warning-01));\n    }\n\n    :host([variant="warning"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--status-warning-02));\n    }\n\n    :host([variant="warning"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--status-warning-03));\n      --mds-badge-border-color: rgb(var(--status-warning-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n:host([variant="yellow"]) {\n\n  --mds-badge-color: rgb(var(--tone-neutral));\n}\n\n:host([variant="yellow"][tone="strong"]) {\n\n  --mds-badge-background: rgb(var(--label-yellow-04));\n}\n\n:host([variant="yellow"][tone="weak"]) {\n\n  --mds-badge-background: rgb(var(--label-yellow-09));\n  --mds-badge-color: rgb(var(--label-yellow-02));\n}\n\n:host([variant="yellow"][tone="quiet"]) {\n\n  --mds-badge-color: rgb(var(--label-yellow-04));\n}\n\n:host([variant="yellow"][tone="ghost"]) {\n\n  --mds-badge-background: transparent;\n  --mds-badge-border-color: rgb(var(--label-yellow-06));\n  --mds-badge-color: rgb(var(--label-yellow-04));\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([variant="yellow"]),\n  :host([variant="yellow"][tone="strong"]) {\n\n    --mds-badge-background: rgb(var(--label-yellow-03));\n  }\n\n  :host([variant="yellow"][tone="weak"]) {\n\n    --mds-badge-color: rgb(var(--label-yellow-01));\n  }\n\n  :host([variant="yellow"][tone="quiet"]) {\n\n    --mds-badge-color: rgb(var(--label-yellow-02));\n  }\n\n  :host([variant="yellow"][tone="ghost"]) {\n\n    --mds-badge-background: transparent;\n    --mds-badge-color: rgb(var(--label-yellow-03));\n    --mds-badge-border-color: rgb(var(--label-yellow-03));\n  }\n\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([variant="yellow"]),\n    :host([variant="yellow"][tone="strong"]) {\n\n      --mds-badge-background: rgb(var(--label-yellow-04));\n    }\n\n    :host([variant="yellow"][tone="weak"]) {\n\n      --mds-badge-color: rgb(var(--label-yellow-01));\n    }\n\n    :host([variant="yellow"][tone="quiet"]) {\n\n      --mds-badge-color: rgb(var(--label-yellow-02));\n    }\n\n    :host([variant="yellow"][tone="ghost"]) {\n\n      --mds-badge-background: transparent;\n      --mds-badge-color: rgb(var(--label-yellow-03));\n      --mds-badge-border-color: rgb(var(--label-yellow-03));\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host([tone="strong"]),\n  :host([tone="weak"]) {\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host([tone="strong"]),\n    :host([tone="weak"]) {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host([tone="weak"]) {\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([tone="weak"]) {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) and style(--magma-pref-contrast: more) {\n  :host([tone="strong"]),\n  :host([tone="weak"]) {\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n  }\n}\n\n@container style(--magma-pref-theme: dark) and style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host([tone="strong"]),\n    :host([tone="weak"]) {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: system) and style(--magma-pref-contrast: system) {\n\n  @media (prefers-color-scheme: dark) and (prefers-contrast: more)  {\n    :host([tone="strong"]),\n    :host([tone="weak"]) {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: system) and style(--magma-pref-contrast: more) {\n\n  @media (prefers-color-scheme: dark) {\n    :host([tone="strong"]),\n    :host([tone="weak"]) {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.6) inset;\n    }\n  }\n}\n\n';export{e as mds_badge}

package/dist/magma-components/p-9df056cb.entry.js

@@ -0,0 +1 @@
+import{r as n,c as t,h as o,H as e,g as i}from"./p-eab621a7.js";import{c as s}from"./p-8a1a6e56.js";import{c as a}from"./p-a87d7192.js";const r=class{constructor(o){n(this,o),this.closeEvent=t(this,"mdsModalClose",7),this.hideEvent=t(this,"mdsModalHide",7),this.window=!1,this.top=!1,this.bottom=!1,this.updateCSSCustomProps=()=>{var n;if("undefined"==typeof window)return;const t=window.getComputedStyle(this.host);this.cssTransitionDuration=null!==(n=t.getPropertyValue("--mds-modal-transition-duration"))&&void 0!==n?n:"500"},this.stopIntroAnimationWindow=()=>{this.animating="none",this.host.setAttribute("animating","none"),clearTimeout(this.animationDelayTimeout)},this.stopOutroAnimationWindow=()=>{this.animating="none",this.host.setAttribute("animating","none"),this.hideEvent.emit(),clearTimeout(this.animationDelayTimeout)},this.animateOpenWindow=()=>{this.animating="intro",clearTimeout(this.animationDelayTimeout),this.animationDelayTimeout=setTimeout(this.stopIntroAnimationWindow.bind(this),a(this.cssTransitionDuration))},this.animateCloseWindow=()=>{this.animating="outro",clearTimeout(this.animationDelayTimeout),this.animationDelayTimeout=setTimeout(this.stopOutroAnimationWindow.bind(this),a(this.cssTransitionDuration))},this.closeModal=n=>{var t;"mds-modal"===(null===(t=n.target)||void 0===t?void 0:t.localName)&&(this.opened=n.target!==n.currentTarget,this.opened||this.closeEvent.emit())},this.opened=!1,this.position="center",this.animating="none"}componentWillLoad(){var n;this.bottom=null!==this.host.querySelector('[slot="bottom"]'),this.top=null!==this.host.querySelector('[slot="top"]'),this.window=null!==this.host.querySelector('[slot="window"]'),this.window&&(null===(n=this.host.querySelector('[slot="window"]'))||void 0===n||n.setAttribute("role","dialog"))}componentWillRender(){this.animating=this.opened?"intro":"outro"}componentDidLoad(){this.updateCSSCustomProps()}handleOpenProp(n){n?this.animateOpenWindow():this.animateCloseWindow()}onModalCloseListener(){this.opened=!1}onBannerCloseListener(){this.opened=!1}render(){return o(e,{key:"ba7ec18e9af6777448b0e24cc0a1297051e2d093","aria-modal":s(this.opened?"true":"false"),onClick:n=>{this.closeModal(n)}},this.window?o("slot",{name:"window"}):o("div",{class:s("window",(this.top||this.bottom)&&`window-${this.top?"-top":""}${this.bottom?"-bottom":""}`),role:"dialog",part:"window"},this.top&&o("slot",{name:"top"}),o("slot",null),this.bottom&&o("slot",{name:"bottom"})),!this.window&&o("mds-button",{key:"c355904cb21c36327fa02b9b15846e1ecb847fe1",class:"action-close",icon:"mi/baseline/close",variant:"light",tone:"quiet",size:"xl",onClick:n=>{this.closeModal(n)}}))}get host(){return i(this)}static get watchers(){return{opened:["handleOpenProp"]}}};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/**\n * @prop --mds-modal-close-icon-color: Set the color of the close icon button to the top left.\n * @prop --mds-modal-overlay-color: Set the overlay color of the background when the component is opened, this property can be inherited from `globals.css` in `styles^8.0.0`.\n * @prop --mds-modal-overlay-opacity: Set the overlay color opacity of the background when the component is opened, this property can be inherited from `globals.css` in `styles^8.0.0`.\n * @prop --mds-modal-window-background: Set the background color of the window\n * @prop --mds-modal-window-overflow: Set the overflow of the window\n * @prop --mds-modal-window-shadow: Set the box shadow of the window\n * @prop --mds-modal-z-index: Set the z-index of the window when the component is opened\n */\n\n:host {\n\n  --mds-modal-overlay-color: var(--magma-overlay-color, 0 0 0);\n  --mds-modal-overlay-opacity: var(--magma-overlay-opacity, 0.5);\n  --mds-modal-transition-duration: 500ms;\n  --mds-modal-transition-intro-ease: cubic-bezier(0.19, 1, 0.22, 1);\n  --mds-modal-transition-outro-ease: cubic-bezier(0.86, 0, 0.07, 1);\n  --mds-modal-window-background: rgb(var(--tone-neutral));\n  --mds-modal-window-overflow: auto;\n  --mds-modal-window-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  --mds-modal-z-index: var(--magma-modal-z-index);\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: rgba(var(--mds-modal-overlay-color) / 0);\n  display: -ms-flexbox;\n  display: flex;\n  fill: rgb(var(--tone-neutral));\n  inset: 0;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -webkit-perspective: 600px;\n  perspective: 600px;\n  pointer-events: none;\n  position: fixed;\n  -webkit-transition-duration: var(--mds-modal-transition-duration);\n  transition-duration: var(--mds-modal-transition-duration);\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  z-index: var(--mds-modal-z-index, 1000);\n}\n\n:host( [position="top"] ) {\n  -ms-flex-align: start;\n  align-items: flex-start;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n:host( [position="bottom"] ) {\n  -ms-flex-align: end;\n  align-items: flex-end;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n.action-close {\n  border-radius: 100px;\n  opacity: 0;\n  pointer-events: none;\n  position: absolute;\n  -webkit-transition-duration: var(--mds-modal-transition-duration);\n  transition-duration: var(--mds-modal-transition-duration);\n  -webkit-transition-property: bottom, opacity, top, -webkit-transform;\n  transition-property: bottom, opacity, top, -webkit-transform;\n  transition-property: bottom, opacity, top, transform;\n  transition-property: bottom, opacity, top, transform, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n}\n\n:host([opened]:not([opened="false"])) .action-close {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.action-close::part(icon) {\n  height: 2.25rem;\n  width: 2.25rem;\n}\n\n.window {\n  gap: 0rem;\n\n  background-color: var(--mds-modal-window-background);\n  -webkit-box-shadow: var(--mds-modal-window-shadow);\n  box-shadow: var(--mds-modal-window-shadow);\n  display: grid;\n  grid-template-rows: 1fr;\n  overflow: var(--mds-modal-window-overflow);\n}\n\n.window--top {\n  grid-template-rows: auto 1fr;\n}\n\n.window--bottom {\n  grid-template-rows: 1fr auto;\n}\n\n.window--top-bottom {\n  grid-template-rows: auto 1fr auto;\n}\n\n:host {\n  padding: 2rem;\n}\n\n@media (max-width: 767px) {\n  :host {\n    padding: 1rem;\n  }\n}\n\n:host .window {\n  margin: -2rem;\n}\n\n@media (max-width: 767px) {\n  :host .window {\n    margin: -1rem;\n  }\n}\n\n:host .window {\n\n  -webkit-transition-delay: 0s, calc(var(--mds-modal-transition-duration) / 2);\n\n  transition-delay: 0s, calc(var(--mds-modal-transition-duration) / 2);\n}\n\n\n:host([opened]:not([opened="false"]) ) {\n  background-color: rgba(var(--mds-modal-overlay-color) / var(--mds-modal-overlay-opacity));\n  pointer-events: auto;\n}\n\n:host .window,\n:host > ::slotted( [slot="window"] ) {\n  opacity: 0;\n  -webkit-transition-duration: var(--mds-modal-transition-duration);\n  transition-duration: var(--mds-modal-transition-duration);\n  -webkit-transition-property: opacity, -webkit-transform;\n  transition-property: opacity, -webkit-transform;\n  transition-property: transform, opacity;\n  transition-property: transform, opacity, -webkit-transform;\n  -webkit-transition-timing-function: var(--mds-modal-transition-outro-ease);\n  transition-timing-function: var(--mds-modal-transition-outro-ease);\n}\n\n:host([opened]:not([opened="false"]) ) .window,\n:host([opened]:not([opened="false"]) ) > ::slotted( [slot="window"] ) {\n  opacity: 1;\n  -webkit-transform: rotate(0) scale(1) translateY(0);\n  transform: rotate(0) scale(1) translateY(0);\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-timing-function: var(--mds-modal-transition-intro-ease);\n  transition-timing-function: var(--mds-modal-transition-intro-ease);\n}\n\n:host([position="bottom-left"]) {\n  -ms-flex-align: end;\n  align-items: flex-end;\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n}\n\n:host([position="bottom"]) .window {\n  height: auto;\n  width: 100vw;\n}\n\n:host([position="bottom-left"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="bottom-left"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(22deg) rotateY(22deg) scale(0.5) translate(-80%, 80%);\n  transform: rotateX(22deg) rotateY(22deg) scale(0.5) translate(-80%, 80%);\n}\n\n:host([position="bottom-left"][opened="false"]) .window,\n:host([position="bottom-left"]:not([opened])) .window {\n  -webkit-transform: translate(0, 100%);\n  transform: translate(0, 100%);\n}\n\n:host([position="bottom-right"]) {\n  -ms-flex-align: end;\n  align-items: flex-end;\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n}\n\n:host([position="bottom"]) .window {\n  height: auto;\n  width: 100vw;\n}\n\n:host([position="bottom-right"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="bottom-right"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(-22deg) rotateY(-22deg) scale(0.5) translate(80%, 80%);\n  transform: rotateX(-22deg) rotateY(-22deg) scale(0.5) translate(80%, 80%);\n}\n\n:host([position="bottom-right"][opened="false"]) .window,\n:host([position="bottom-right"]:not([opened])) .window {\n  -webkit-transform: translate(0, 100%);\n  transform: translate(0, 100%);\n}\n\n:host([position="bottom"]) {\n  -ms-flex-align: end;\n  align-items: flex-end;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n:host([position="bottom"]) .window {\n  height: auto;\n  width: 100vw;\n}\n\n:host([position="bottom"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="bottom"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(22deg) rotateY(0) scale(0.5) translate(0, 80%);\n  transform: rotateX(22deg) rotateY(0) scale(0.5) translate(0, 80%);\n}\n\n:host([position="bottom"][opened="false"]) .window,\n:host([position="bottom"]:not([opened])) .window {\n  -webkit-transform: translate(0, 100%);\n  transform: translate(0, 100%);\n}\n\n:host([position="center"]) {\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n:host([position="center"]) .window {\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n}\n\n:host([position="center"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="center"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(0) rotateY(22deg) scale(0.5) translate(0, 40%);\n  transform: rotateX(0) rotateY(22deg) scale(0.5) translate(0, 40%);\n}\n\n:host([position="center"][opened="false"]) .window,\n:host([position="center"]:not([opened])) .window {\n  -webkit-transform: rotateX(0) rotateY(0) scale(0.5) translate(0, 0);\n  transform: rotateX(0) rotateY(0) scale(0.5) translate(0, 0);\n}\n\n:host([position="left"]) {\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n}\n\n:host([position="left"]) .window {\n  height: 100dvh;\n  max-width: calc(100vw - 80px);\n}\n\n:host([position="left"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="left"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(0) rotateY(22deg) rotateZ(0) scale(0.5) translate(-100%, 0%);\n  transform: rotateX(0) rotateY(22deg) rotateZ(0) scale(0.5) translate(-100%, 0%);\n}\n\n:host([position="left"][opened="false"]) .window,\n:host([position="left"]:not([opened])) .window {\n  -webkit-transform: translate(-100%, 0%);\n  transform: translate(-100%, 0%);\n}\n\n:host([position="left"]) .action-close {\n  right: 0.75rem;\n  top: 0.75rem;\n  -webkit-transform: translateX(-120%) rotate(-45deg);\n  transform: translateX(-120%) rotate(-45deg);\n}\n\n:host([position="left"][opened]:not([opened="false"])) .action-close {\n  -webkit-transform: translateX(0);\n  transform: translateX(0);\n}\n\n:host([position="right"]) {\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n}\n\n:host([position="right"]) .window {\n  height: 100dvh;\n  max-width: calc(100vw - 80px);\n}\n\n:host([position="right"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="right"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(0) rotateY(-22deg) rotateZ(0) scale(0.5) translate(100%, 0%);\n  transform: rotateX(0) rotateY(-22deg) rotateZ(0) scale(0.5) translate(100%, 0%);\n}\n\n:host([position="right"][opened="false"]) .window,\n:host([position="right"]:not([opened])) .window {\n  -webkit-transform: translate(100%, 0%);\n  transform: translate(100%, 0%);\n}\n\n:host([position="right"]) .action-close {\n  left: 0.75rem;\n  top: 0.75rem;\n  -webkit-transform: translateX(120%) rotate(45deg);\n  transform: translateX(120%) rotate(45deg);\n}\n\n:host([position="right"][opened]:not([opened="false"])) .action-close {\n  -webkit-transform: translateX(0);\n  transform: translateX(0);\n}\n\n:host([position="top-left"]) {\n  -ms-flex-align: start;\n  align-items: flex-start;\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n}\n\n:host([position="bottom"]) .window {\n  height: auto;\n  width: 100vw;\n}\n\n:host([position="top-left"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="top-left"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(22deg) rotateY(22deg) scale(0.5) translate(-80%, 80%);\n  transform: rotateX(22deg) rotateY(22deg) scale(0.5) translate(-80%, 80%);\n}\n\n:host([position="top-left"][opened="false"]) .window,\n:host([position="top-left"]:not([opened])) .window {\n  -webkit-transform: translate(0, -100%);\n  transform: translate(0, -100%);\n}\n\n:host([position="top-right"]) {\n  -ms-flex-align: start;\n  align-items: flex-start;\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n}\n\n:host([position="bottom"]) .window {\n  height: auto;\n  width: 100vw;\n}\n\n:host([position="top-right"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="top-right"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(-22deg) rotateY(-22deg) scale(0.5) translate(80%, 80%);\n  transform: rotateX(-22deg) rotateY(-22deg) scale(0.5) translate(80%, 80%);\n}\n\n:host([position="top-right"][opened="false"]) .window,\n:host([position="top-right"]:not([opened])) .window {\n  -webkit-transform: translate(0, 100%);\n  transform: translate(0, 100%);\n}\n\n:host([position="top"]) {\n  -ms-flex-align: start;\n  align-items: flex-start;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n:host([position="bottom"]) .window {\n  height: auto;\n  width: 100vw;\n}\n\n:host([position="top"][opened="false"]) > ::slotted( [slot="window"] ),\n:host([position="top"]:not([opened])) > ::slotted( [slot="window"] ) {\n  -webkit-transform: rotateX(-22deg) rotateY(0) scale(0.5) translate(0, -80%);\n  transform: rotateX(-22deg) rotateY(0) scale(0.5) translate(0, -80%);\n}\n\n:host([position="top"][opened="false"]) .window,\n:host([position="top"]:not([opened])) .window {\n  -webkit-transform: translate(0, -100%);\n  transform: translate(0, -100%);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .action-close,\n  .window {\n    -webkit-transition-duration: 0s !important;\n    transition-duration: 0s !important;\n  }\n\n  :host {\n\n    --mds-modal-transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .action-close,\n    .window {\n      -webkit-transition-duration: 0s !important;\n      transition-duration: 0s !important;\n    }\n\n    :host {\n\n      --mds-modal-transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-modal-window-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-modal-window-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-modal-window-background: rgb(var(--tone-neutral-09));\n    --mds-modal-window-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-modal-window-background: rgb(var(--tone-neutral-09));\n      --mds-modal-window-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n    }\n  }\n}\n\n\n';export{r as mds_modal}

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

@@ -0,0 +1 @@
+import{r as n,c as r,h as a,H as o,g as e}from"./p-eab621a7.js";import{m as s}from"./p-19dab167.js";import{K as t}from"./p-0f3e17bc.js";import{L as b}from"./p-c310b41f.js";import"./p-85aa8e05.js";const i={cancel:"Ακύρωση"},d={cancel:"Cancel"},c={cancel:"Cancelar"},l={cancel:"Annulla"},g=class{constructor(a){n(this,a),this.closeEvent=r(this,"mdsBannerClose",7),this.km=new t,this.t=new b({el:i,en:d,es:c,it:l}),this.deletableHandler=()=>{var n;if(this.deletable){const r=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelector(".close-button");return this.km.addElement(r),void this.km.attachClickBehavior()}this.km.detachClickBehavior()},this.closeBanner=()=>{this.closeEvent.emit()},this.language=void 0,this.variant="light",this.tone="weak",this.deletable=void 0,this.headline=void 0,this.icon=void 0}async updateLang(){this.language=this.t.lang(this.host)}componentWillRender(){this.t.lang(this.host)}componentWillLoad(){this.actions=null!==this.host.querySelector('[slot="actions"]')}componentDidLoad(){this.deletableHandler()}componentDidUpdate(){this.deletableHandler()}disconnectedCallback(){this.km.detachClickBehavior()}render(){return a(o,{key:"ec500b178f8fb536d7ff78c4aa0e2d5cde1416a6","aria-label":this.headline},a("div",{key:"77b8ab327d05ab7f7c8b87733e5c7a2784efd384",class:"body"},this.icon&&a("mds-icon",{key:"b6457845c78edd94a4764481aea866d830f80c33","aria-hidden":"true",class:"icon",name:this.icon}),a("div",{key:"4f78e43b827317ef72ce0b8a249af973264c0dc9",class:"content"},this.headline&&a("mds-text",{key:"17f91409b58a52e38bca1cfd873f16eca0e2db5d","aria-hidden":"true",class:"headline",typography:"h6"},this.headline),a("div",{key:"517e0d0e1f12a20ca241dc1aa847d1d984032ba3",class:"text"},a("slot",{key:"29275ee77a4c61aea7a7ca73dcee461090e02289"}))),this.deletable&&a("mds-button",{key:"adfef7961d882e69b62bb244413cc8429ee42d35",class:"close-button",icon:s,onClick:this.closeBanner,title:this.t.get("cancel")})),this.actions&&a("div",{key:"70adbb0543a97dc3d0e090602fb6755f2d91cb1b",class:"actions"},a("slot",{key:"56d13bc8b79b4a11e595526c3fdf75b13d9bbf37",name:"actions"})))}get host(){return e(this)}};g.style='@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(--variant-primary-09));\n  --mds-banner-color: rgb(var(--tone-neutral-02));\n  --mds-banner-icon-color: rgb(var(--variant-primary-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(--variant-primary-10));\n  --mds-banner-color: rgb(var(--tone-neutral-02));\n  --mds-banner-icon-color: rgb(var(--variant-primary-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(--variant-primary-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';export{g as mds_banner}

package/dist/magma-components/{p-99678cdd.system.entry.js → p-a1f69741.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,i,n,e){function o(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n||(n=Promise))((function(n,s){function a(t){try{c(e.next(t))}catch(t){s(t)}}function r(t){try{c(e["throw"](t))}catch(t){s(t)}}function c(t){t.done?n(t.value):o(t.value).then(a,r)}c((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},e,o,s,a;return a={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function r(t){return function(i){return c([t,i])}}function c(r){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,r[0]&&(n=0)),n)try{if(e=1,o&&(s=r[0]&2?o["return"]:r[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,r[1])).done)return s;if(o=0,s)r=[r[0]&2,s.value];switch(r[0]){case 0:case 1:s=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;o=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!s||r[1]>s[0]&&r[1]<s[3])){n.label=r[1];break}if(r[0]===6&&n.label<s[1]){n.label=s[1];s=r;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(r);break}if(s[2])n.ops.pop();n.trys.pop();continue}r=i.call(t,n)}catch(t){r=[6,t];o=0}finally{e=s=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./p-369fc037.system.js","./p-ae45d2b7.system.js"],(function(t){"use strict";var i,n,e,o,s,a;return{setters:[function(t){i=t.r;n=t.h;e=t.H;o=t.g},function(t){s=t.a;a=t.c}],execute:function(){var r=':host{--mds-push-notifications-fadeout-delay:3s;--mds-push-notifications-gap:0.5rem;--mds-push-notifications-items-delay:400ms;--mds-push-notifications-items-duration:300ms;--mds-push-notifications-items-gap:var(--mds-push-notifications-gap);--mds-push-notifications-items-timing-function:cubic-bezier(0.86, 0, 0.07, 1);min-width:18rem;max-width:360px;gap:0.5rem;padding:1rem;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;pointer-events:none;position:fixed;right:0;top:0;-webkit-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-transition-delay:0;transition-delay:0;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;z-index:var(--magma-notification-z-index, 3000)}:host([visible]:not([visible="false"])){-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition-delay:var(--mds-push-notifications-fadeout-delay);transition-delay:var(--mds-push-notifications-fadeout-delay)}.notifications{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:var(--mds-push-notifications-items-gap)}.notifications ::slotted(mds-push-notification){--mds-push-notification-duration:var(--mds-push-notifications-items-duration);--mds-push-notification-timing-function:var(--mds-push-notifications-items-timing-function);position:absolute;-webkit-transform:translate(calc(100% + calc(var(--mds-push-notifications-gap) + var(--mds-push-notifications-gap))), 0);transform:translate(calc(100% + calc(var(--mds-push-notifications-gap) + var(--mds-push-notifications-gap))), 0);visibility:hidden}';var c=r;var u=t("mds_push_notifications",function(){function t(t){var n=this;i(this,t);this.totalItems=0;this.introItem=function(t){t.style.marginBottom="-".concat(t.offsetHeight+s(n.cssItemsGap),"px");return new Promise((function(i){setTimeout((function(){t.style.marginBottom="-".concat(t.offsetHeight+s(n.cssItemsGap),"px");setTimeout((function(){t.style.visibility="visible";t.style.position="relative";t.style.transform="translate(0, 0)";t.style.marginBottom="0px";i()}),a(n.cssItemsDuration))}),15)}))};this.checkNotificationsItems=function(){n.totalItems-=1;if(n.totalItems===0){n.visible=false}};this.outroItem=function(t){t.style.marginBottom="0px";n.checkNotificationsItems();return new Promise((function(i){setTimeout((function(){t.style.marginBottom="0px";setTimeout((function(){t.addEventListener("transitionend",(function(){t.remove()}));t.style.removeProperty("transform");t.style.marginBottom="-".concat(t.offsetHeight+s(n.cssItemsGap),"px");i()}),a(n.cssItemsDuration))}),15)}))};this.addNotificationBehavior=function(t){t.addEventListener("mdsPushNotificationClose",(function(){return n.outroItem(t)}))};this.handleSlotChange=function(){var t,i;n.updateCSSCustomProps();var e=(i=(t=n.host.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll("slot")[1])===null||i===void 0?void 0:i.assignedNodes();if(!e){console.info("No slotted elements found.");return}var o=[];var s;while(n.totalItems<e.length){s=e[n.totalItems];n.addNotificationBehavior(s);o.push(n.introItem(s));n.totalItems+=1}o.forEach((function(t){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:return[4,t];case 1:i.sent();return[2]}}))}))}))};this.updateCSSCustomProps=function(){var t,i;var e=window.getComputedStyle(n.host);n.cssItemsGap=(t=e.getPropertyValue("--mds-push-notifications-items-gap"))!==null&&t!==void 0?t:"0.5rem";n.cssItemsDuration=(i=e.getPropertyValue("--mds-push-notifications-items-duration"))!==null&&i!==void 0?i:"200ms"};this.visible=undefined;this.visiblity=undefined}t.prototype.componentDidLoad=function(){this.updateCSSCustomProps()};t.prototype.render=function(){return n(e,{key:"d7da4eb7407b4886b2e29ce2617c54086bd55a0c"},n("slot",{key:"aadeb2649b5eb2bcfbedc401e7ae98f88fc0545c",name:"top"}),n("div",{key:"90eaf13dcecaa032c633929bed4483a516d0caac",class:"notifications",part:"notifications"},n("slot",{key:"b488d366486583afdf499c3cd8636a9ce2f7be57",onSlotchange:this.handleSlotChange.bind(this)})),n("slot",{key:"5932e50f11832b2ccf9eae9118a01fc3d665dba1",name:"bottom"}))};Object.defineProperty(t.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());u.style=c}}}));
+var __awaiter=this&&this.__awaiter||function(t,i,n,e){function o(t){return t instanceof n?t:new n((function(i){i(t)}))}return new(n||(n=Promise))((function(n,s){function a(t){try{c(e.next(t))}catch(t){s(t)}}function r(t){try{c(e["throw"](t))}catch(t){s(t)}}function c(t){t.done?n(t.value):o(t.value).then(a,r)}c((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},e,o,s,a;return a={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function r(t){return function(i){return c([t,i])}}function c(r){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,r[0]&&(n=0)),n)try{if(e=1,o&&(s=r[0]&2?o["return"]:r[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,r[1])).done)return s;if(o=0,s)r=[r[0]&2,s.value];switch(r[0]){case 0:case 1:s=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;o=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!s||r[1]>s[0]&&r[1]<s[3])){n.label=r[1];break}if(r[0]===6&&n.label<s[1]){n.label=s[1];s=r;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(r);break}if(s[2])n.ops.pop();n.trys.pop();continue}r=i.call(t,n)}catch(t){r=[6,t];o=0}finally{e=s=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};System.register(["./p-c94628eb.system.js","./p-ae45d2b7.system.js"],(function(t){"use strict";var i,n,e,o,s,a;return{setters:[function(t){i=t.r;n=t.h;e=t.H;o=t.g},function(t){s=t.a;a=t.c}],execute:function(){var r=':host{--mds-push-notifications-fadeout-delay:3s;--mds-push-notifications-gap:0.5rem;--mds-push-notifications-items-delay:400ms;--mds-push-notifications-items-duration:300ms;--mds-push-notifications-items-gap:var(--mds-push-notifications-gap);--mds-push-notifications-items-timing-function:cubic-bezier(0.86, 0, 0.07, 1);min-width:18rem;max-width:360px;gap:0.5rem;padding:1rem;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto;pointer-events:none;position:fixed;right:0;top:0;-webkit-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-transition-delay:0;transition-delay:0;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;z-index:var(--magma-notification-z-index, 3000)}:host([visible]:not([visible="false"])){-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition-delay:var(--mds-push-notifications-fadeout-delay);transition-delay:var(--mds-push-notifications-fadeout-delay)}.notifications{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:var(--mds-push-notifications-items-gap)}.notifications ::slotted(mds-push-notification){--mds-push-notification-duration:var(--mds-push-notifications-items-duration);--mds-push-notification-timing-function:var(--mds-push-notifications-items-timing-function);position:absolute;-webkit-transform:translate(calc(100% + calc(var(--mds-push-notifications-gap) + var(--mds-push-notifications-gap))), 0);transform:translate(calc(100% + calc(var(--mds-push-notifications-gap) + var(--mds-push-notifications-gap))), 0);visibility:hidden}';var c=r;var u=t("mds_push_notifications",function(){function t(t){var n=this;i(this,t);this.totalItems=0;this.introItem=function(t){t.style.marginBottom="-".concat(t.offsetHeight+s(n.cssItemsGap),"px");return new Promise((function(i){setTimeout((function(){t.style.marginBottom="-".concat(t.offsetHeight+s(n.cssItemsGap),"px");setTimeout((function(){t.style.visibility="visible";t.style.position="relative";t.style.transform="translate(0, 0)";t.style.marginBottom="0px";i()}),a(n.cssItemsDuration))}),15)}))};this.checkNotificationsItems=function(){n.totalItems-=1;if(n.totalItems===0){n.visible=false}};this.outroItem=function(t){t.style.marginBottom="0px";n.checkNotificationsItems();return new Promise((function(i){setTimeout((function(){t.style.marginBottom="0px";setTimeout((function(){t.addEventListener("transitionend",(function(){t.remove()}));t.style.removeProperty("transform");t.style.marginBottom="-".concat(t.offsetHeight+s(n.cssItemsGap),"px");i()}),a(n.cssItemsDuration))}),15)}))};this.addNotificationBehavior=function(t){t.addEventListener("mdsPushNotificationClose",(function(){return n.outroItem(t)}))};this.handleSlotChange=function(){var t,i;n.updateCSSCustomProps();var e=(i=(t=n.host.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll("slot")[1])===null||i===void 0?void 0:i.assignedNodes();if(!e){console.info("No slotted elements found.");return}var o=[];var s;while(n.totalItems<e.length){s=e[n.totalItems];n.addNotificationBehavior(s);o.push(n.introItem(s));n.totalItems+=1}o.forEach((function(t){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(i){switch(i.label){case 0:return[4,t];case 1:i.sent();return[2]}}))}))}))};this.updateCSSCustomProps=function(){var t,i;var e=window.getComputedStyle(n.host);n.cssItemsGap=(t=e.getPropertyValue("--mds-push-notifications-items-gap"))!==null&&t!==void 0?t:"0.5rem";n.cssItemsDuration=(i=e.getPropertyValue("--mds-push-notifications-items-duration"))!==null&&i!==void 0?i:"200ms"};this.visible=undefined;this.visiblity=undefined}t.prototype.componentDidLoad=function(){this.updateCSSCustomProps()};t.prototype.render=function(){return n(e,{key:"d7da4eb7407b4886b2e29ce2617c54086bd55a0c"},n("slot",{key:"aadeb2649b5eb2bcfbedc401e7ae98f88fc0545c",name:"top"}),n("div",{key:"90eaf13dcecaa032c633929bed4483a516d0caac",class:"notifications",part:"notifications"},n("slot",{key:"b488d366486583afdf499c3cd8636a9ce2f7be57",onSlotchange:this.handleSlotChange.bind(this)})),n("slot",{key:"5932e50f11832b2ccf9eae9118a01fc3d665dba1",name:"bottom"}))};Object.defineProperty(t.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());u.style=c}}}));

package/dist/magma-components/{p-36c13a31.entry.js → p-a306ff28.entry.js}

@@ -1 +1 @@
-import{r as n,h as t,H as i}from"./p-b6defcb6.js";const r=class{constructor(t){n(this,t)}render(){return t(i,{key:"fe59571d8b3b1794d6e66ae955037b9de93d7162",role:"row"},t("slot",{key:"7ca30e6c5d316103b25bdee9ff4358b8099f3a11"}))}};r.style="@tailwind utilities;\n\n:host{\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  border-bottom: var(--mds-table-cell-border-width) solid var(--mds-table-cell-border-color);\n  display: table-row;\n  overflow: hidden;\n  -webkit-transition-property: border-color;\n  transition-property: border-color;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";export{r as mds_table_header}
+import{r as n,h as t,H as i}from"./p-eab621a7.js";const r=class{constructor(t){n(this,t)}render(){return t(i,{key:"fe59571d8b3b1794d6e66ae955037b9de93d7162",role:"row"},t("slot",{key:"7ca30e6c5d316103b25bdee9ff4358b8099f3a11"}))}};r.style="@tailwind utilities;\n\n:host{\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  border-bottom: var(--mds-table-cell-border-width) solid var(--mds-table-cell-border-color);\n  display: table-row;\n  overflow: hidden;\n  -webkit-transition-property: border-color;\n  transition-property: border-color;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";export{r as mds_table_header}