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

package/dist/esm-es5/mds-accordion-timer-item.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host}from"./index-f08bac5f.js";import{m as miBaselineArrowDown}from"./keyboard-arrow-down-fa82970e.js";var mdsAccordionTimerItemCss='@-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';var MdsAccordionTimerItemStyle0=mdsAccordionTimerItemCss;var MdsAccordionTimerItem=function(){function n(n){var e=this;registerInstance(this,n);this.clickSelectEvent=createEvent(this,"mdsAccordionTimerItemClickSelect",7);this.selectEvent=createEvent(this,"mdsAccordionTimerItemSelect",7);this.selectedMouseEnterEvent=createEvent(this,"mdsAccordionTimerItemMouseEnterSelect",7);this.selectedMouseLeaveEvent=createEvent(this,"mdsAccordionTimerItemMouseLeaveSelect",7);this.toggle=function(){e.selected=!e.selected;e.progress=0;if(e.selected){e.clickSelectEvent.emit({selected:e.selected,uuid:e.uuid})}};this.mouseEnter=function(){if(e.selected){e.selectedMouseEnterEvent.emit({selected:e.selected,uuid:e.uuid})}};this.mouseLeave=function(){if(e.selected){e.selectedMouseLeaveEvent.emit({selected:e.selected,uuid:e.uuid})}};this.typography="h5";this.selected=false;this.description=undefined;this.duration=undefined;this.progress=0;this.uuid=0}n.prototype.handleSelected=function(n){this.progress=0;if(n){this.selectEvent.emit({selected:this.selected,uuid:this.uuid})}};n.prototype.render=function(){var n;return h(Host,{key:"a08b9836fa7ed8bb23a55de9d86e0509b4d8c286",onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},h("div",{key:"0c63a8ef6f5b1dd5aa9aead6b620f028b3fbcd3f",class:"row"},h("mds-progress",{key:"4bfeb790b582bb654621ed0e999f28bf6d3adbcd",class:"progress-bar",progress:Number((n=this.progress)===null||n===void 0?void 0:n.toFixed(2)),direction:"vertical",part:"progress"}),h("div",{key:"1b914f324849a4e1a9f1db9b507ad6d8e4da43f7",class:"accordion"},h("button",{key:"98928f37fd492dac007b2b9a762d91a736a89ffa","aria-controls":"content","aria-expanded":this.selected?"true":"false",class:"action focus-bounce",id:"action",onClick:this.toggle,role:"button",tabindex:"0"},h("mds-text",{key:"a839e75997e5af59c3d72b1297f62ba862b22f55",typography:this.typography,part:"label"},this.description),h("mds-text",{key:"ee3f1fde5be36c24ad4c22274ba651fb9909fb4d","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},h("i",{key:"2d25ea07bdc23bf5d55ee369fe1a81c166bd3425",class:"icon",innerHTML:miBaselineArrowDown}))),h("div",{key:"85a8d1e3b4487ba32ecc92c69160d6b8f271cabb",class:"content",id:"content"},h("div",{key:"a7aeee3ed08d010a6901e133cdf926007b2a6199",class:"content-expander",part:"content",role:"region"},h("slot",{key:"c2470502c65765b407050a681e44cc4f247f9901"}))))))};Object.defineProperty(n,"watchers",{get:function(){return{selected:["handleSelected"]}},enumerable:false,configurable:true});return n}();MdsAccordionTimerItem.style=MdsAccordionTimerItemStyle0;export{MdsAccordionTimerItem as mds_accordion_timer_item};
+import{r as registerInstance,c as createEvent,h,H as Host}from"./index-44fd80a1.js";import{m as miBaselineArrowDown}from"./keyboard-arrow-down-fa82970e.js";var mdsAccordionTimerItemCss='@-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';var MdsAccordionTimerItemStyle0=mdsAccordionTimerItemCss;var MdsAccordionTimerItem=function(){function n(n){var e=this;registerInstance(this,n);this.clickSelectEvent=createEvent(this,"mdsAccordionTimerItemClickSelect",7);this.selectEvent=createEvent(this,"mdsAccordionTimerItemSelect",7);this.selectedMouseEnterEvent=createEvent(this,"mdsAccordionTimerItemMouseEnterSelect",7);this.selectedMouseLeaveEvent=createEvent(this,"mdsAccordionTimerItemMouseLeaveSelect",7);this.toggle=function(){e.selected=!e.selected;e.progress=0;if(e.selected){e.clickSelectEvent.emit({selected:e.selected,uuid:e.uuid})}};this.mouseEnter=function(){if(e.selected){e.selectedMouseEnterEvent.emit({selected:e.selected,uuid:e.uuid})}};this.mouseLeave=function(){if(e.selected){e.selectedMouseLeaveEvent.emit({selected:e.selected,uuid:e.uuid})}};this.typography="h5";this.selected=false;this.description=undefined;this.duration=undefined;this.progress=0;this.uuid=0}n.prototype.handleSelected=function(n){this.progress=0;if(n){this.selectEvent.emit({selected:this.selected,uuid:this.uuid})}};n.prototype.render=function(){var n;return h(Host,{key:"a08b9836fa7ed8bb23a55de9d86e0509b4d8c286",onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},h("div",{key:"0c63a8ef6f5b1dd5aa9aead6b620f028b3fbcd3f",class:"row"},h("mds-progress",{key:"4d0c6768ef8c213d67b6c2b111656bb3af675e89","aria-hidden":"true",class:"progress-bar",progress:Number((n=this.progress)===null||n===void 0?void 0:n.toFixed(2)),direction:"vertical",part:"progress"}),h("div",{key:"6be76be96d8bc16370db9595755a769c5adf1eb9",class:"accordion"},h("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"},h("mds-text",{key:"fa1fc2cdeeeca237c08970624c16308f3da3686c",typography:this.typography,part:"label"},this.description),h("mds-text",{key:"eb48246238b4d9fd3ee359b6a4dc289bd2d8fc57","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},h("i",{key:"baca64b53048ae957ae86d7a7d690b43849fea59",class:"icon",innerHTML:miBaselineArrowDown}))),h("div",{key:"a05a7e78e8ad9d18a4d77d44e09ed33cab8e4778",class:"content",id:"content"},h("div",{key:"35c15506ceebf2f2edfb0f8997d595ec78779e7b","aria-label":this.description,class:"content-expander",part:"content",role:"region"},h("slot",{key:"0c0b10efb72eb9a32c5e263426069166e66008c9"}))))))};Object.defineProperty(n,"watchers",{get:function(){return{selected:["handleSelected"]}},enumerable:false,configurable:true});return n}();MdsAccordionTimerItem.style=MdsAccordionTimerItemStyle0;export{MdsAccordionTimerItem as mds_accordion_timer_item};

package/dist/esm-es5/mds-accordion-timer.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f08bac5f.js";var mdsAccordionTimerCss="@tailwind utilities;\n\n/**\n * @prop --mds-accordion-timer-progress-bar-color: Sets the color of the progress bar when the mds-accordion-timer-item is selected\n * @prop --mds-accordion-timer-progress-bar-background: Sets the background-color of the progress bar when the mds-accordion-timer-item is selected\n * @prop --mds-accordion-timer-color: Sets the text color of the component mds-accordion-timer-item\n * @prop --mds-accordion-timer-progress-bar-thickness: Sets thickness of the progress bar of the mds-accordion-timer-item\n * @prop --mds-accordion-timer-duration: Sets the transition duration of open/close animation of the mds-accordion-timer-item\n */\n\n:host {\n\n  --mds-accordion-timer-progress-bar-color: rgb(var(--tone-neutral-03));\n  --mds-accordion-timer-progress-bar-background: rgb(var(--tone-neutral-08));\n  --mds-accordion-timer-progress-bar-thickness: 0.25rem;\n  --mds-accordion-timer-duration: 500ms;\n\n  /* comment */\n  display: block;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-timer-item-duration: var(--mds-accordion-timer-duration, 0s);\n\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: var(--mds-accordion-timer-duration, 0s);\n\n    }\n  }\n}\n";var MdsAccordionTimerStyle0=mdsAccordionTimerCss;var MdsAccordionTimer=function(){function t(t){var i=this;registerInstance(this,t);this.changeEvent=createEvent(this,"mdsAccordionTimerChange",7);this.currentDuration=0;this.clearIntervals=function(){window.clearInterval(i.timeChecker);i.timeChecker=0};this.remainingTime=function(){var t=i.selectedItemRemainingTime-((new Date).getTime()-i.timeStarted);return t>=0?t:0};this.progress=function(){return Math.abs(i.remainingTime()/i.currentDuration-1)};this.addTimeListener=function(){i.timeChecker=window.setInterval((function(){var t=i.progress();if(i.selectedItem!==undefined){i.selectedItem.progress=t}if(t===1){i.selectedItem.progress=0;i.startNext()}}),100)};this.beginningTime=function(){i.timeStarted=(new Date).getTime();return i.timeStarted};this.setSelectedItem=function(t){i.children.forEach((function(n,e){if(e===t){n.selected=true;n.duration?i.currentDuration=n.duration:i.currentDuration=i.duration;i.selectedItem=n;i.changeEvent.emit({index:e})}else{n.selected=false}}))};this.startNext=function(){var t=i.selectedItem.uuid+1>i.children.length-1?0:i.selectedItem.uuid+1;i.setSelectedItem(t);i.startTimer()};this.startTimer=function(){i.clearIntervals();i.time=i.beginningTime();i.selectedItemRemainingTime=i.currentDuration;i.addTimeListener()};this.playTimer=function(){i.beginningTime();i.addTimeListener()};this.pauseTimer=function(){i.clearIntervals();i.selectedItemRemainingTime=i.remainingTime()};this.stopTimer=function(){i.clearIntervals()};this.time=0;this.duration=1e4;this.paused=undefined}t.prototype.componentDidLoad=function(){var t=this;this.children=this.element.querySelectorAll("mds-accordion-timer-item");this.children.forEach((function(i,n){i.uuid=n;if(i.selected){i.duration?t.currentDuration=i.duration:t.currentDuration=t.duration;t.selectedItem=i}}));if(this.selectedItem!==undefined){this.startTimer()}if(this.paused){this.pauseTimer()}};t.prototype.disconnectedCallback=function(){this.stopTimer();this.clearIntervals()};t.prototype.onClickSelect=function(t){this.clearIntervals();if(this.selectedItem){this.selectedItem.progress=0}this.setSelectedItem(t.detail.uuid);this.startTimer();this.pauseTimer()};t.prototype.onSelect=function(t){this.clearIntervals();this.paused=false;if(this.selectedItem){this.selectedItem.progress=0}this.setSelectedItem(t.detail.uuid);this.startTimer()};t.prototype.onMouseEnterSelect=function(){if(this.paused){return}this.pauseTimer()};t.prototype.onMouseLeaveSelect=function(){if(this.paused){return}if(this.timeChecker===0){this.playTimer()}};t.prototype.handlePaused=function(t){if(t){this.pauseTimer();return}this.playTimer()};t.prototype.render=function(){return h(Host,{key:"fe481177f68434fad0dca976254581307803cb5e"},h("slot",{key:"fbfeb49cb59c7ea509c2e8e8d002a9893d86342e"}))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{paused:["handlePaused"]}},enumerable:false,configurable:true});return t}();MdsAccordionTimer.style=MdsAccordionTimerStyle0;export{MdsAccordionTimer as mds_accordion_timer};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-44fd80a1.js";var mdsAccordionTimerCss="@tailwind utilities;\n\n/**\n * @prop --mds-accordion-timer-progress-bar-color: Sets the color of the progress bar when the mds-accordion-timer-item is selected\n * @prop --mds-accordion-timer-progress-bar-background: Sets the background-color of the progress bar when the mds-accordion-timer-item is selected\n * @prop --mds-accordion-timer-color: Sets the text color of the component mds-accordion-timer-item\n * @prop --mds-accordion-timer-progress-bar-thickness: Sets thickness of the progress bar of the mds-accordion-timer-item\n * @prop --mds-accordion-timer-duration: Sets the transition duration of open/close animation of the mds-accordion-timer-item\n */\n\n:host {\n\n  --mds-accordion-timer-progress-bar-color: rgb(var(--tone-neutral-03));\n  --mds-accordion-timer-progress-bar-background: rgb(var(--tone-neutral-08));\n  --mds-accordion-timer-progress-bar-thickness: 0.25rem;\n  --mds-accordion-timer-duration: 500ms;\n\n  /* comment */\n  display: block;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-timer-item-duration: var(--mds-accordion-timer-duration, 0s);\n\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: var(--mds-accordion-timer-duration, 0s);\n\n    }\n  }\n}\n";var MdsAccordionTimerStyle0=mdsAccordionTimerCss;var MdsAccordionTimer=function(){function t(t){var i=this;registerInstance(this,t);this.changeEvent=createEvent(this,"mdsAccordionTimerChange",7);this.currentDuration=0;this.clearIntervals=function(){if(typeof window!=="undefined"){window.clearInterval(i.timeChecker)}i.timeChecker=0};this.remainingTime=function(){var t=i.selectedItemRemainingTime-((new Date).getTime()-i.timeStarted);return t>=0?t:0};this.progress=function(){return Math.abs(i.remainingTime()/i.currentDuration-1)};this.addTimeListener=function(){if(typeof window!=="undefined"){i.timeChecker=window.setInterval((function(){var t=i.progress();if(i.selectedItem!==undefined){i.selectedItem.progress=t}if(t===1){i.selectedItem.progress=0;i.startNext()}}),100)}};this.beginningTime=function(){i.timeStarted=(new Date).getTime();return i.timeStarted};this.setSelectedItem=function(t){i.children.forEach((function(n,e){if(e===t){n.selected=true;n.duration?i.currentDuration=n.duration:i.currentDuration=i.duration;i.selectedItem=n;i.changeEvent.emit({index:e})}else{n.selected=false}}))};this.startNext=function(){var t=i.selectedItem.uuid+1>i.children.length-1?0:i.selectedItem.uuid+1;i.setSelectedItem(t);i.startTimer()};this.startTimer=function(){i.clearIntervals();i.time=i.beginningTime();i.selectedItemRemainingTime=i.currentDuration;i.addTimeListener()};this.playTimer=function(){i.beginningTime();i.addTimeListener()};this.pauseTimer=function(){i.clearIntervals();i.selectedItemRemainingTime=i.remainingTime()};this.stopTimer=function(){i.clearIntervals()};this.time=0;this.duration=1e4;this.paused=undefined}t.prototype.componentDidLoad=function(){var t=this;this.children=this.element.querySelectorAll("mds-accordion-timer-item");this.children.forEach((function(i,n){i.uuid=n;if(i.selected){i.duration?t.currentDuration=i.duration:t.currentDuration=t.duration;t.selectedItem=i}}));if(this.selectedItem!==undefined){this.startTimer()}if(this.paused){this.pauseTimer()}};t.prototype.disconnectedCallback=function(){this.stopTimer();this.clearIntervals()};t.prototype.onClickSelect=function(t){this.clearIntervals();if(this.selectedItem){this.selectedItem.progress=0}this.setSelectedItem(t.detail.uuid);this.startTimer();this.pauseTimer()};t.prototype.onSelect=function(t){this.clearIntervals();this.paused=false;if(this.selectedItem){this.selectedItem.progress=0}this.setSelectedItem(t.detail.uuid);this.startTimer()};t.prototype.onMouseEnterSelect=function(){if(this.paused){return}this.pauseTimer()};t.prototype.onMouseLeaveSelect=function(){if(this.paused){return}if(this.timeChecker===0){this.playTimer()}};t.prototype.handlePaused=function(t){if(t){this.pauseTimer();return}this.playTimer()};t.prototype.render=function(){return h(Host,{key:"5394ee87d77b1e39a18f9134e46e3f6ad38f0750"},h("slot",{key:"38dd272298e290e8bc31be110948c878cc1776a4"}))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{paused:["handlePaused"]}},enumerable:false,configurable:true});return t}();MdsAccordionTimer.style=MdsAccordionTimerStyle0;export{MdsAccordionTimer as mds_accordion_timer};

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

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f08bac5f.js";var mdsAccordionCss="@tailwind utilities;\n\n/**\n * @prop --mds-accordion-border-color: Sets the border-color of the component children mds-accordion-item\n * @prop --mds-accordion-border-color: Sets the border-width of the separators of the component children mds-accordion-item\n * @prop --mds-accordion-color: Sets the text-color of the component children mds-accordion-item\n * @prop --mds-accordion-description-color: Sets the color of the always visible title description\n * @prop --mds-accordion-duration: Sets the transition duration of the close/open animation of the component children mds-accordion-item\n * @prop --mds-accordion-padding-selected: Sets the vertical padding of the component children mds-accordion-item when it's selected\n * @prop --mds-accordion-padding-unselected: Sets the vertical padding of the component children mds-accordion-item when it's unselected\n */\n\n:host {\n\n  --mds-accordion-border-color: rgb(var(--tone-neutral-08));\n  --mds-accordion-border-width: 2px;\n  --mds-accordion-color: rgb(var(--tone-neutral-03));\n  --mds-accordion-description-color: rgb(var(--tone-neutral-02));\n  --mds-accordion-duration: 300ms;\n  --mds-accordion-padding-selected: 1rem 0 2rem 0;\n  --mds-accordion-padding-unselected: 1rem 0;\n\n  display: grid;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-accordion-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-accordion-border-color: rgb(var(--tone-neutral-06));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-accordion-border-color: rgb(var(--tone-neutral-06));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-accordion-border-color: rgb(var(--tone-neutral-01));\n    --mds-accordion-color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-accordion-border-color: rgb(var(--tone-neutral-01));\n      --mds-accordion-color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n";var MdsAccordionStyle0=mdsAccordionCss;var MdsAccordion=function(){function n(n){var o=this;registerInstance(this,n);this.changedEvent=createEvent(this,"mdsAccordionChange",7);this.queryItems=function(){return o.element.querySelectorAll("mds-accordion-item")};this.selectMultipleItems=function(){var n=o.queryItems();var e=[];n.forEach((function(n,o){if(n.selected){e.push(o)}}));o.changedEvent.emit({children:n,selected:e.toString()})};this.changedChildrenHandler=function(n){var e=o.queryItems();if(o.multiple){o.selectMultipleItems();return}e.forEach((function(r,t){r.selected="item-".concat(t)===n.detail.id&&(n.detail.selected||!o.closable);if(r.selected){o.changedEvent.emit({children:e,selected:t.toString()})}}))};this.multiple=false;this.closable=true}n.prototype.componentWillLoad=function(){var n=this.queryItems();n.forEach((function(n,o){return n.id="item-".concat(o)}))};n.prototype.selectedEventHandler=function(n){this.changedChildrenHandler(n)};n.prototype.unselectedEventHandler=function(n){this.changedChildrenHandler(n)};n.prototype.render=function(){return h(Host,{key:"17e41dc131118a6090c44655b6bddc9ea3399118"},h("slot",{key:"77ca6aaf9ec7389ca068c648b560c82d6cc4a185"}))};Object.defineProperty(n.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();MdsAccordion.style=MdsAccordionStyle0;export{MdsAccordion as mds_accordion};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-44fd80a1.js";var mdsAccordionCss="@tailwind utilities;\n\n/**\n * @prop --mds-accordion-border-color: Sets the border-color of the component children mds-accordion-item\n * @prop --mds-accordion-border-color: Sets the border-width of the separators of the component children mds-accordion-item\n * @prop --mds-accordion-color: Sets the text-color of the component children mds-accordion-item\n * @prop --mds-accordion-description-color: Sets the color of the always visible title description\n * @prop --mds-accordion-duration: Sets the transition duration of the close/open animation of the component children mds-accordion-item\n * @prop --mds-accordion-padding-selected: Sets the vertical padding of the component children mds-accordion-item when it's selected\n * @prop --mds-accordion-padding-unselected: Sets the vertical padding of the component children mds-accordion-item when it's unselected\n */\n\n:host {\n\n  --mds-accordion-border-color: rgb(var(--tone-neutral-08));\n  --mds-accordion-border-width: 2px;\n  --mds-accordion-color: rgb(var(--tone-neutral-03));\n  --mds-accordion-description-color: rgb(var(--tone-neutral-02));\n  --mds-accordion-duration: 300ms;\n  --mds-accordion-padding-selected: 1rem 0 2rem 0;\n  --mds-accordion-padding-unselected: 1rem 0;\n\n  display: grid;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-accordion-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-accordion-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-accordion-border-color: rgb(var(--tone-neutral-06));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-accordion-border-color: rgb(var(--tone-neutral-06));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-accordion-border-color: rgb(var(--tone-neutral-01));\n    --mds-accordion-color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-accordion-border-color: rgb(var(--tone-neutral-01));\n      --mds-accordion-color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n";var MdsAccordionStyle0=mdsAccordionCss;var MdsAccordion=function(){function n(n){var o=this;registerInstance(this,n);this.changedEvent=createEvent(this,"mdsAccordionChange",7);this.queryItems=function(){return o.element.querySelectorAll("mds-accordion-item")};this.selectMultipleItems=function(){var n=o.queryItems();var e=[];n.forEach((function(n,o){if(n.selected){e.push(o)}}));o.changedEvent.emit({children:n,selected:e.toString()})};this.changedChildrenHandler=function(n){var e=o.queryItems();if(o.multiple){o.selectMultipleItems();return}e.forEach((function(r,t){r.selected="item-".concat(t)===n.detail.id&&(n.detail.selected||!o.closable);if(r.selected){o.changedEvent.emit({children:e,selected:t.toString()})}}))};this.multiple=false;this.closable=true}n.prototype.componentWillLoad=function(){var n=this.queryItems();n.forEach((function(n,o){return n.id="item-".concat(o)}))};n.prototype.selectedEventHandler=function(n){this.changedChildrenHandler(n)};n.prototype.unselectedEventHandler=function(n){this.changedChildrenHandler(n)};n.prototype.render=function(){return h(Host,{key:"17e41dc131118a6090c44655b6bddc9ea3399118"},h("slot",{key:"77ca6aaf9ec7389ca068c648b560c82d6cc4a185"}))};Object.defineProperty(n.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();MdsAccordion.style=MdsAccordionStyle0;export{MdsAccordion as mds_accordion};

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

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-f08bac5f.js";var mdsAuthorCss="\n\n:host {\n\n  gap: 1rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  container-name: mds-author;\n  container-type: inline-size;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.avatar {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n}\n\n.info {\n  display: grid;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  min-width: 0;\n}\n\n@container (max-width: 200px) {\n  :host {\n    -ms-flex-direction: column;\n    flex-direction: column;\n    -ms-flex-pack: center;\n    justify-content: center;\n    text-align: center;\n  }\n}\n";var MdsAuthorStyle0=mdsAuthorCss;var MdsAuthor=function(){function n(n){registerInstance(this,n)}n.prototype.componentWillLoad=function(){this.hasAvatar=this.hostElement.querySelector('[slot="avatar"]')!==null};n.prototype.render=function(){return h(Host,{key:"a393df3b2baf7ff0b8dc56750e2f29197709dc0a"},this.hasAvatar&&h("div",{key:"3ee4502afbaeaee3b9d18046e8cc3b1ad535c2ff",class:"avatar"},h("slot",{key:"7e0e47851fbbb30b638004de9abdc82880d7fe87",name:"avatar"})),h("div",{key:"f2df21f72aa614fd1db08ccfa08f1dec227bbd84",class:"info"},h("slot",{key:"37bd667d43b07c1a8d20d83b06f8d8dc0455f782"})))};Object.defineProperty(n.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();MdsAuthor.style=MdsAuthorStyle0;export{MdsAuthor as mds_author};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-44fd80a1.js";var mdsAuthorCss="\n\n:host {\n\n  gap: 1rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  container-name: mds-author;\n  container-type: inline-size;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.avatar {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n}\n\n.info {\n  display: grid;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  min-width: 0;\n}\n\n@container (max-width: 200px) {\n  :host {\n    -ms-flex-direction: column;\n    flex-direction: column;\n    -ms-flex-pack: center;\n    justify-content: center;\n    text-align: center;\n  }\n}\n";var MdsAuthorStyle0=mdsAuthorCss;var MdsAuthor=function(){function n(n){registerInstance(this,n)}n.prototype.componentWillLoad=function(){this.hasAvatar=this.hostElement.querySelector('[slot="avatar"]')!==null};n.prototype.render=function(){return h(Host,{key:"a393df3b2baf7ff0b8dc56750e2f29197709dc0a"},this.hasAvatar&&h("div",{key:"3ee4502afbaeaee3b9d18046e8cc3b1ad535c2ff",class:"avatar"},h("slot",{key:"7e0e47851fbbb30b638004de9abdc82880d7fe87",name:"avatar"})),h("div",{key:"f2df21f72aa614fd1db08ccfa08f1dec227bbd84",class:"info"},h("slot",{key:"37bd667d43b07c1a8d20d83b06f8d8dc0455f782"})))};Object.defineProperty(n.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();MdsAuthor.style=MdsAuthorStyle0;export{MdsAuthor as mds_author};

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

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

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

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

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

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f08bac5f.js";import{m as miBaselineClose}from"./close-11abb0cf.js";import{K as KeyboardManager}from"./keyboard-manager-f3d273fc.js";import{L as Locale}from"./locale-a730711f.js";import"./_commonjsHelpers-e557d4a5.js";var cancel$1="Cancel";var localeEn={cancel:cancel$1};var cancel="Annulla";var localeIt={cancel:cancel};var mdsBannerCss='@tailwind utilities;\n\n/**\n * @prop --mds-banner-background: Sets the background-color of the component\n * @prop --mds-banner-color: Sets the text color of the component\n * @prop --mds-banner-close-icon-hover-background: Sets the background color of the close icon when the mouse is over it\n * @prop --mds-banner-gap: Sets gap between banner elements\n * @prop --mds-banner-icon-color: Sets the close icon fill color of the component\n * @prop --mds-banner-radius: Sets the border-radius of the component\n * @prop --mds-banner-shadow: Sets the box-shadow of the component\n */\n\n  :host {\n\n  --mds-banner-background: rgb(var(--tone-neutral-10));\n  --mds-banner-close-icon-hover-background: rgb(var(--tone-neutral-09));\n  --mds-banner-color: rgb(var(--tone-neutral-02));\n  --mds-banner-gap: 1rem;\n  --mds-banner-icon-color: rgb(var(--tone-neutral-04));\n  --mds-banner-radius: 0.5rem;\n  --mds-banner-shadow: none;\n  padding: 1.5rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  background-color: var(--mds-banner-background);\n  border-radius: var(--mds-banner-radius);\n  -webkit-box-shadow: var(--mds-banner-shadow);\n  box-shadow: var(--mds-banner-shadow);\n  color: var(--mds-banner-color);\n  display: grid;\n  gap: var(--mds-banner-gap);\n  -webkit-transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, box-shadow, color;\n  transition-property: background-color, box-shadow, color, -webkit-box-shadow;\n}\n\n.body {\n  -ms-flex-align: start;\n  align-items: flex-start;\n  display: -ms-flexbox;\n  display: flex;\n  gap: var(--mds-banner-gap);\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\n\n.content {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  gap: var(--mds-banner-gap);\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n.actions {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  gap: var(--mds-banner-gap);\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n}\n\n.close-button {\n\n  --mds-button-background: transparent;\n\n  fill: var(--mds-banner-color);\n}\n\n.close-button:hover {\n\n  --mds-button-background: var(--mds-banner-close-icon-hover-background);\n}\n\n.icon {\n  fill: var(--mds-banner-icon-color);\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n}\n\n.text {\n  display: grid;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  gap: var(--mds-banner-gap);\n}\n\n@tailwind utilities;\n\n:host( [variant="dark"] ),\n:host( [variant="dark"][tone="strong"] ) {\n\n  --mds-banner-background: rgb(var(--tone-neutral-01));\n  --mds-banner-close-icon-hover-background: rgb(var(--tone-neutral-03));\n  --mds-banner-color: rgb(var(--tone-neutral-08));\n  --mds-banner-icon-color: rgb(var(--tone-neutral-07));\n  --mds-banner-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);\n}\n\n:host( [variant="dark"][tone="weak"] ) {\n\n  --mds-banner-background: rgb(var(--tone-neutral-03));\n  --mds-banner-close-icon-hover-background: rgb(var(--tone-neutral-05));\n  --mds-banner-color: rgb(var(--tone-neutral-09));\n  --mds-banner-icon-color: rgb(var(--tone-neutral-07));\n  --mds-banner-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n}\n\n:host( [variant="dark"][tone="ghost"] ) {\n\n  --mds-banner-color: rgb(var(--tone-neutral-05));\n  --mds-banner-close-icon-hover-background: rgb(var(--tone-neutral-03));\n  --mds-banner-icon-color: rgb(var(--tone-neutral-04));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="dark"][tone="quiet"] ) {\n\n  --mds-banner-background: transparent;\n  --mds-banner-close-icon-hover-background: transparent;\n  --mds-banner-color: rgb(var(--tone-neutral-04));\n  --mds-banner-shadow: none;\n}\n\n@tailwind utilities;\n\n:host( [variant="error"] ),\n:host( [variant="error"][tone="strong"] ) {\n\n  --mds-banner-background: rgb(var(--status-error-09));\n  --mds-banner-close-icon-hover-background: rgb(var(--status-error-08));\n  --mds-banner-color: rgb(var(--status-error-02));\n  --mds-banner-icon-color: rgb(var(--status-error-05));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="error"][tone="weak"] ) {\n\n  --mds-banner-background: rgb(var(--status-error-10));\n  --mds-banner-close-icon-hover-background: rgb(var(--status-error-08));\n  --mds-banner-color: rgb(var(--status-error-03));\n  --mds-banner-icon-color: rgb(var(--status-error-06));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="error"][tone="quiet"] ) {\n\n  --mds-banner-background: transparent;\n  --mds-banner-close-icon-hover-background: rgb(var(--status-error-09));\n  --mds-banner-color: rgb(var(--status-error-03));\n  --mds-banner-icon-color: rgb(var(--status-error-06));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="error"][tone="quiet"] ) .separator {\n  display: none;\n}\n\n@tailwind utilities;\n\n:host( [variant="info"] ),\n:host( [variant="info"][tone="strong"] ) {\n\n  --mds-banner-background: rgb(var(--status-info-09));\n  --mds-banner-close-icon-hover-background: rgb(var(--status-info-08));\n  --mds-banner-color: rgb(var(--status-info-02));\n  --mds-banner-icon-color: rgb(var(--status-info-05));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="info"][tone="weak"] ) {\n\n  --mds-banner-background: rgb(var(--status-info-10));\n  --mds-banner-close-icon-hover-background: rgb(var(--status-info-08));\n  --mds-banner-color: rgb(var(--status-info-03));\n  --mds-banner-icon-color: rgb(var(--status-info-06));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="info"][tone="quiet"] ) {\n\n  --mds-banner-background: transparent;\n  --mds-banner-close-icon-hover-background: rgb(var(--status-info-09));\n  --mds-banner-color: rgb(var(--status-info-03));\n  --mds-banner-icon-color: rgb(var(--status-info-06));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="info"][tone="quiet"] ) .separator {\n  display: none;\n}\n\n@tailwind utilities;\n\n:host( [variant="light"] ),\n:host( [variant="light"][tone="strong"] ) {\n\n  --mds-banner-background: rgb(var(--tone-neutral));\n  --mds-banner-close-icon-hover-background: rgb(var(--tone-neutral-09));\n  --mds-banner-color: rgb(var(--tone-neutral-02));\n  --mds-banner-icon-color: rgb(var(--tone-neutral-05));\n  --mds-banner-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);\n}\n\n:host( [variant="light"][tone="weak"] ) {\n\n  --mds-banner-background: rgb(var(--tone-neutral));\n  --mds-banner-close-icon-hover-background: rgb(var(--tone-neutral-10));\n  --mds-banner-color: rgb(var(--tone-neutral-02));\n  --mds-banner-icon-color: rgb(var(--tone-neutral-05));\n  --mds-banner-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n}\n\n:host( [variant="light"][tone="ghost"] ) {\n\n  --mds-banner-color: rgb(var(--tone-neutral-02));\n  --mds-banner-close-icon-hover-background: rgb(var(--tone-neutral-10));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="light"][tone="quiet"] ) {\n\n  --mds-banner-background: transparent;\n  --mds-banner-close-icon-hover-background: transparent;\n  --mds-banner-color: rgb(var(--tone-neutral-10));\n  --mds-banner-shadow: none;\n}\n\n@tailwind utilities;\n\n:host( [variant="primary"] ),\n:host( [variant="primary"][tone="strong"] ) {\n\n  --mds-banner-background: rgb(var(--tone-neutral));\n  --mds-banner-close-icon-hover-background: rgb(var(--brand-maggioli-09));\n  --mds-banner-color: rgb(var(--tone-neutral-02));\n  --mds-banner-icon-color: rgb(var(--brand-maggioli-05));\n  --mds-banner-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);\n}\n\n:host( [variant="primary"][tone="weak"] ) {\n\n  --mds-banner-background: rgb(var(--tone-neutral));\n  --mds-banner-close-icon-hover-background: rgb(var(--brand-maggioli-10));\n  --mds-banner-color: rgb(var(--tone-neutral-02));\n  --mds-banner-icon-color: rgb(var(--brand-maggioli-05));\n  --mds-banner-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n}\n\n:host( [variant="primary"][tone="ghost"] ) {\n\n  --mds-banner-color: rgb(var(--tone-neutral-02));\n  --mds-banner-close-icon-hover-background: rgb(var(--brand-maggioli-10));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="primary"][tone="quiet"] ) {\n\n  --mds-banner-background: transparent;\n  --mds-banner-close-icon-hover-background: transparent;\n  --mds-banner-color: rgb(var(--tone-neutral-10));\n  --mds-banner-shadow: none;\n}\n\n@tailwind utilities;\n\n:host( [variant="success"] ),\n:host( [variant="success"][tone="strong"] ) {\n\n  --mds-banner-background: rgb(var(--status-success-09));\n  --mds-banner-close-icon-hover-background: rgb(var(--status-success-08));\n  --mds-banner-color: rgb(var(--status-success-02));\n  --mds-banner-icon-color: rgb(var(--status-success-05));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="success"][tone="weak"] ) {\n\n  --mds-banner-background: rgb(var(--status-success-10));\n  --mds-banner-close-icon-hover-background: rgb(var(--status-success-08));\n  --mds-banner-color: rgb(var(--status-success-03));\n  --mds-banner-icon-color: rgb(var(--status-success-06));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="success"][tone="quiet"] ) {\n\n  --mds-banner-background: transparent;\n  --mds-banner-close-icon-hover-background: rgb(var(--status-success-09));\n  --mds-banner-color: rgb(var(--status-success-03));\n  --mds-banner-icon-color: rgb(var(--status-success-06));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="success"][tone="quiet"] ) .separator {\n  display: none;\n}\n\n@tailwind utilities;\n\n:host( [variant="warning"] ),\n:host( [variant="warning"][tone="strong"] ) {\n\n  --mds-banner-background: rgb(var(--status-warning-09));\n  --mds-banner-close-icon-hover-background: rgb(var(--status-warning-08));\n  --mds-banner-color: rgb(var(--status-warning-02));\n  --mds-banner-icon-color: rgb(var(--status-warning-05));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="warning"][tone="weak"] ) {\n\n  --mds-banner-background: rgb(var(--status-warning-10));\n  --mds-banner-close-icon-hover-background: rgb(var(--status-warning-08));\n  --mds-banner-color: rgb(var(--status-warning-03));\n  --mds-banner-icon-color: rgb(var(--status-warning-06));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="warning"][tone="quiet"] ) {\n\n  --mds-banner-background: transparent;\n  --mds-banner-close-icon-hover-background: rgb(var(--status-warning-09));\n  --mds-banner-color: rgb(var(--status-warning-03));\n  --mds-banner-icon-color: rgb(var(--status-warning-06));\n  --mds-banner-shadow: none;\n}\n\n:host( [variant="warning"][tone="quiet"] ) .separator {\n  display: none;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    }\n  }\n}\n\n\n';var MdsBannerStyle0=mdsBannerCss;var MdsBanner=function(){function n(n){var r=this;registerInstance(this,n);this.closeEvent=createEvent(this,"mdsBannerClose",7);this.km=new KeyboardManager;this.t=new Locale({en:localeEn,it:localeIt});this.deletableHandler=function(){var n;if(r.deletable){var a=(n=r.host.shadowRoot)===null||n===void 0?void 0:n.querySelector(".close-button");r.km.addElement(a);r.km.attachClickBehavior();return}r.km.detachClickBehavior()};this.closeBanner=function(){r.closeEvent.emit()};this.variant="light";this.tone="weak";this.deletable=undefined;this.headline=undefined;this.icon=undefined}n.prototype.componentWillRender=function(){this.t.lang(this.host)};n.prototype.componentWillLoad=function(){this.actions=this.host.querySelector('[slot="actions"]')!==null};n.prototype.componentDidLoad=function(){this.deletableHandler()};n.prototype.componentDidUpdate=function(){this.deletableHandler()};n.prototype.disconnectedCallback=function(){this.km.detachClickBehavior()};n.prototype.render=function(){return h(Host,{key:"8333c364a348e6bd8b467d7caeeb2998f3e6286b"},h("div",{key:"c9d366802753488c53dd09842d8dcddd60db0ce7",class:"body"},this.icon&&h("mds-icon",{key:"fa64abd8f8f50eacdf180d838ef8aa5ab66b59b8",class:"icon",name:this.icon}),h("div",{key:"ff353e60e446b9ab5b4e47b511cf67976b2ba378",class:"content"},this.headline&&h("mds-text",{key:"eb1bef3788d686f15dbfd02c34ed9a2649416878",class:"headline",typography:"h6"},this.headline),h("div",{key:"a2f9638a750d8131f2b59cfc93318a4b0ec4200d",class:"text"},h("slot",{key:"ccc083ac0321feaca0fa962c7382bf1c1a3ab7ea"}))),this.deletable&&h("mds-button",{key:"13ea4543e6e85db011b2d06b4ad063d0829ace53",class:"close-button",icon:miBaselineClose,onClick:this.closeBanner,title:this.t.get("cancel")})),this.actions&&h("div",{key:"138473148350f3b3be8bb8a20219e881c0ceedc8",class:"actions"},h("slot",{key:"4c36f948eeffb9554bfcdfa309045006ae7c6577",name:"actions"})))};Object.defineProperty(n.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();MdsBanner.style=MdsBannerStyle0;export{MdsBanner as mds_banner};
+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}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-44fd80a1.js";import{m as miBaselineClose}from"./close-11abb0cf.js";import{K as KeyboardManager}from"./keyboard-manager-9f287ab7.js";import{L as Locale}from"./locale-149207d6.js";import"./_commonjsHelpers-bdec4bbd.js";var cancel$3="Ακύρωση";var localeEl={cancel:cancel$3};var cancel$2="Cancel";var localeEn={cancel:cancel$2};var cancel$1="Cancelar";var localeEs={cancel:cancel$1};var cancel="Annulla";var localeIt={cancel:cancel};var mdsBannerCss='@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 MdsBannerStyle0=mdsBannerCss;var MdsBanner=function(){function n(n){var r=this;registerInstance(this,n);this.closeEvent=createEvent(this,"mdsBannerClose",7);this.km=new KeyboardManager;this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.deletableHandler=function(){var n;if(r.deletable){var a=(n=r.host.shadowRoot)===null||n===void 0?void 0:n.querySelector(".close-button");r.km.addElement(a);r.km.attachClickBehavior();return}r.km.detachClickBehavior()};this.closeBanner=function(){r.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 h(Host,{key:"ec500b178f8fb536d7ff78c4aa0e2d5cde1416a6","aria-label":this.headline},h("div",{key:"77b8ab327d05ab7f7c8b87733e5c7a2784efd384",class:"body"},this.icon&&h("mds-icon",{key:"b6457845c78edd94a4764481aea866d830f80c33","aria-hidden":"true",class:"icon",name:this.icon}),h("div",{key:"4f78e43b827317ef72ce0b8a249af973264c0dc9",class:"content"},this.headline&&h("mds-text",{key:"17f91409b58a52e38bca1cfd873f16eca0e2db5d","aria-hidden":"true",class:"headline",typography:"h6"},this.headline),h("div",{key:"517e0d0e1f12a20ca241dc1aa847d1d984032ba3",class:"text"},h("slot",{key:"29275ee77a4c61aea7a7ca73dcee461090e02289"}))),this.deletable&&h("mds-button",{key:"adfef7961d882e69b62bb244413cc8429ee42d35",class:"close-button",icon:miBaselineClose,onClick:this.closeBanner,title:this.t.get("cancel")})),this.actions&&h("div",{key:"70adbb0543a97dc3d0e090602fb6755f2d91cb1b",class:"actions"},h("slot",{key:"56d13bc8b79b4a11e595526c3fdf75b13d9bbf37",name:"actions"})))};Object.defineProperty(n.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();MdsBanner.style=MdsBannerStyle0;export{MdsBanner as mds_banner};

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

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-f08bac5f.js";var mdsBenchmarkBarCss=":host{grid-template-columns:repeat(auto-fit, minmax(1px, 100%));gap:0.25rem;display:grid}.infos{gap:0.25rem;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}.value{-ms-flex-negative:0;flex-shrink:0}.label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}";var MdsBenchmarkBarStyle0=mdsBenchmarkBarCss;var MdsBenchmarkBar=function(){function e(e){registerInstance(this,e);this.alias=undefined;this.typography="label";this.value=0;this.variant="dark"}e.prototype.render=function(){var e;return h(Host,{key:"702eac2b71d41cebcd6281e4ae2efd83d3e57289"},h("div",{key:"143d9130761ae72a0270bfd65d1772d9a7e186f3",class:"infos"},h("mds-text",{key:"3a1f60276b6f0d224d7ef678bbdf67b8c1588bfc",typography:this.typography,class:"label",id:"label"},h("slot",{key:"4f592182ef44f3c3f5e3611c7033ff1986e57201"})),h("mds-text",{key:"64ea428f960dc8264f234cc85c26ff1f79d6059d",typography:this.typography,class:"value"},(e=this.alias)!==null&&e!==void 0?e:this.value)),h("mds-progress",{key:"33a784d3415f5be56b548267eb88c87d7280f6a4","aria-labelledby":"label","aria-valuetext":this.alias,class:"progress",variant:this.variant,progress:this.value/100}))};return e}();MdsBenchmarkBar.style=MdsBenchmarkBarStyle0;export{MdsBenchmarkBar as mds_benchmark_bar};
+import{r as registerInstance,h,H as Host}from"./index-44fd80a1.js";var mdsBenchmarkBarCss=":host{grid-template-columns:repeat(auto-fit, minmax(1px, 100%));gap:0.25rem;display:grid}.infos{gap:0.25rem;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}.value{-ms-flex-negative:0;flex-shrink:0}.label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}";var MdsBenchmarkBarStyle0=mdsBenchmarkBarCss;var MdsBenchmarkBar=function(){function e(e){registerInstance(this,e);this.alias=undefined;this.typography="label";this.value=0;this.variant="dark"}e.prototype.render=function(){var e;return h(Host,{key:"702eac2b71d41cebcd6281e4ae2efd83d3e57289"},h("div",{key:"143d9130761ae72a0270bfd65d1772d9a7e186f3",class:"infos"},h("mds-text",{key:"3a1f60276b6f0d224d7ef678bbdf67b8c1588bfc",typography:this.typography,class:"label",id:"label"},h("slot",{key:"4f592182ef44f3c3f5e3611c7033ff1986e57201"})),h("mds-text",{key:"64ea428f960dc8264f234cc85c26ff1f79d6059d",typography:this.typography,class:"value"},(e=this.alias)!==null&&e!==void 0?e:this.value)),h("mds-progress",{key:"33a784d3415f5be56b548267eb88c87d7280f6a4","aria-labelledby":"label","aria-valuetext":this.alias,class:"progress",variant:this.variant,progress:this.value/100}))};return e}();MdsBenchmarkBar.style=MdsBenchmarkBarStyle0;export{MdsBenchmarkBar as mds_benchmark_bar};

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

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-f08bac5f.js";var mdsBibliographyCss="@-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)}";var MdsBibliographyStyle0=mdsBibliographyCss;var MdsBibliography=function(){function t(t){var i=this;registerInstance(this,t);this.separator={apa:"&",mla:"e",turabian:"&"};this.monthName=function(t){var i=["Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre"];return i[t]};this.getDate=function(t){return new Date(isNaN(Number(t))?t:parseInt(t))};this.dateFormatAPA=function(t){var e=i.getDate(t);if(e.toString()==="Invalid Date")return"";return"".concat(e.getFullYear(),", ").concat(i.monthName(e.getMonth())," ").concat(e.getDate())};this.dateFormatMLA=function(t){var e=i.getDate(t);if(e.toString()==="Invalid Date")return"";return"".concat(e.getDate()," ").concat(i.monthName(e.getMonth())," ").concat(e.getFullYear())};this.fullNameAPA=function(t,i){var e;var a="";if(t.includes(" ")){var n=new RegExp(/(\w+)/,"g");(e=t.match(n))===null||e===void 0?void 0:e.forEach((function(t){a="".concat(a," ").concat(t.substring(0,1),".")}))}else{a=" ".concat(t.substring(0,1),".")}return"".concat(i).concat(i?",":"").concat(a)};this.fullNameMLA=function(t,i){var e;var a="";if(t.includes(" ")){var n=new RegExp(/(\w+)/,"g");(e=t.match(n))===null||e===void 0?void 0:e.forEach((function(t,i){a=i===0?t:"".concat(a," ").concat(t.substring(0,1),".")}))}else{a=t}return"".concat(i).concat(i?",":""," ").concat(a)};this.formatAuthors=function(t){var e;var a=t.replace(/"/g,"'");var n=new RegExp(/([A-Za-z ]{2,})/g);var r=(e=a.match(n))!==null&&e!==void 0?e:a;if(r.length>1){var s=r[0].trim();var o=r[1]?r[1].trim():"";return{apa:i.fullNameAPA(s,o),firstName:s,lastName:o,mla:i.fullNameMLA(s,o),turabian:i.fullNameMLA(s,o)}}var h=r[0].split(" ")[0].trim();var l=r[0].split(" ")[1]?r[0].split(" ")[1].trim():"";return{apa:i.fullNameAPA(h,l),firstName:h,lastName:l,mla:i.fullNameMLA(h,l),turabian:i.fullNameMLA(h,l)}};this.normalizeAuthors=function(t){var e=[];if(t.includes(",")){var a=t.split(",");a.forEach((function(t){e.push(i.formatAuthors(t))}));return e}e.push(i.formatAuthors(t));return e};this.showAuthors=function(t){var e="";t.forEach((function(t,a){e=a===0?t[i.format]:"".concat(e,", ").concat(i.separator[i.format]," ").concat(t[i.format])}));return e};this.format="apa";this.author=undefined;this.name=undefined;this.publisher=undefined;this.date=undefined;this.location=undefined;this.rel="external";this.typography="detail";this.variant=undefined;this.url=undefined}t.prototype.render=function(){return h(Host,{key:"e148e1620c1d6f23dc13f2986ca1ba7fc9e07c88"},h("mds-text",{key:"0ea24df93331269a53527fd7b2d43c49d664ca6f",typography:this.typography,variant:this.variant},this.author&&h("span",{key:"d3e09766bc61d5e16436a94bbf337e9d1c16472b"},this.showAuthors(this.normalizeAuthors(this.author))),this.format==="mla"&&h("span",{key:"ca26eebbc1fa6f714c6c49c2afc36291c8d0047a"},this.name&&" ",this.name&&this.url!==null?h("a",{class:"link focus-bounce",href:this.url,target:"_blank",rel:this.rel},h("b",null,h("i",null,this.name,"."))):h("b",null,h("i",null,this.name,".")),this.location&&h("span",{key:"f1585c0adb61b4268abebf2a036262a3d9ebaa2a"}," ",this.location,this.publisher!==undefined?":":"."),this.publisher&&h("span",{key:"91943d9eb7e3ff845eb9f4a10aba171599ea8e7d"}," ",this.publisher,this.date!==undefined?",":"."),this.date&&h("time",{key:"07e837b1a3fce3543dff7427316323b0a92d656d",dateTime:this.date}," ",this.dateFormatMLA(this.date),".")),this.format==="apa"&&h("span",{key:"b568cd9a28b8fc26ec62fd9c003273ef12438fa3"},this.date&&h("time",{key:"906c83e48b8e6804c66108fdfb0baa3e1ab116dc",dateTime:this.date}," (",this.dateFormatAPA(this.date),")."),this.name&&" ",this.name&&this.url!==null?h("a",{class:"link focus-bounce",href:this.url,target:"_blank",rel:this.rel},h("b",null,h("i",null," ",this.name,"."))):h("b",null,h("i",null," ",this.name,".")),this.location&&h("span",{key:"5bb9116f5c661ad0cb6afb54368da591cbea72b9"}," ",this.location,this.publisher!==undefined?":":"."),this.publisher&&h("span",{key:"77c8d31f723a4bde4e5e11fb9f815d2d189a978a"}," ",this.publisher,".")),this.format==="turabian"&&h("span",{key:"db345ac68439c989b1f28908fbc69ea504fd2a8b"},this.name&&" ",this.name&&this.url!==null?h("a",{class:"link focus-bounce",href:this.url,target:"_blank",rel:this.rel},h("b",null,h("i",null," ",this.name,"."))):h("b",null,h("i",null," ",this.name,".")),this.location&&h("span",{key:"416d100e29a5689ef251afabac6f917363d67525"}," ",this.location,this.publisher!==undefined?":":","),this.publisher&&h("span",{key:"05d25e85012ba187d53b816f6310ba2422f7914d"}," ",this.publisher,this.date!==undefined?",":"."),this.date&&h("time",{key:"a9fa7e48d72291c38184eb8a5df5fd75b311601c",dateTime:this.date}," ",this.dateFormatMLA(this.date),"."))))};return t}();MdsBibliography.style=MdsBibliographyStyle0;export{MdsBibliography as mds_bibliography};
+import{r as registerInstance,h,H as Host}from"./index-44fd80a1.js";var mdsBibliographyCss="@-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)}";var MdsBibliographyStyle0=mdsBibliographyCss;var MdsBibliography=function(){function t(t){var i=this;registerInstance(this,t);this.separator={apa:"&",mla:"e",turabian:"&"};this.monthName=function(t){var i=["Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre"];return i[t]};this.getDate=function(t){return new Date(isNaN(Number(t))?t:parseInt(t))};this.dateFormatAPA=function(t){var e=i.getDate(t);if(e.toString()==="Invalid Date")return"";return"".concat(e.getFullYear(),", ").concat(i.monthName(e.getMonth())," ").concat(e.getDate())};this.dateFormatMLA=function(t){var e=i.getDate(t);if(e.toString()==="Invalid Date")return"";return"".concat(e.getDate()," ").concat(i.monthName(e.getMonth())," ").concat(e.getFullYear())};this.fullNameAPA=function(t,i){var e;var a="";if(t.includes(" ")){var n=new RegExp(/(\w+)/,"g");(e=t.match(n))===null||e===void 0?void 0:e.forEach((function(t){a="".concat(a," ").concat(t.substring(0,1),".")}))}else{a=" ".concat(t.substring(0,1),".")}return"".concat(i).concat(i?",":"").concat(a)};this.fullNameMLA=function(t,i){var e;var a="";if(t.includes(" ")){var n=new RegExp(/(\w+)/,"g");(e=t.match(n))===null||e===void 0?void 0:e.forEach((function(t,i){a=i===0?t:"".concat(a," ").concat(t.substring(0,1),".")}))}else{a=t}return"".concat(i).concat(i?",":""," ").concat(a)};this.formatAuthors=function(t){var e;var a=t.replace(/"/g,"'");var n=new RegExp(/([A-Za-z ]{2,})/g);var r=(e=a.match(n))!==null&&e!==void 0?e:a;if(r.length>1){var s=r[0].trim();var o=r[1]?r[1].trim():"";return{apa:i.fullNameAPA(s,o),firstName:s,lastName:o,mla:i.fullNameMLA(s,o),turabian:i.fullNameMLA(s,o)}}var h=r[0].split(" ")[0].trim();var l=r[0].split(" ")[1]?r[0].split(" ")[1].trim():"";return{apa:i.fullNameAPA(h,l),firstName:h,lastName:l,mla:i.fullNameMLA(h,l),turabian:i.fullNameMLA(h,l)}};this.normalizeAuthors=function(t){var e=[];if(t.includes(",")){var a=t.split(",");a.forEach((function(t){e.push(i.formatAuthors(t))}));return e}e.push(i.formatAuthors(t));return e};this.showAuthors=function(t){var e="";t.forEach((function(t,a){e=a===0?t[i.format]:"".concat(e,", ").concat(i.separator[i.format]," ").concat(t[i.format])}));return e};this.format="apa";this.author=undefined;this.name=undefined;this.publisher=undefined;this.date=undefined;this.location=undefined;this.rel="external";this.typography="detail";this.variant=undefined;this.url=undefined}t.prototype.render=function(){return h(Host,{key:"e148e1620c1d6f23dc13f2986ca1ba7fc9e07c88"},h("mds-text",{key:"0ea24df93331269a53527fd7b2d43c49d664ca6f",typography:this.typography,variant:this.variant},this.author&&h("span",{key:"d3e09766bc61d5e16436a94bbf337e9d1c16472b"},this.showAuthors(this.normalizeAuthors(this.author))),this.format==="mla"&&h("span",{key:"ca26eebbc1fa6f714c6c49c2afc36291c8d0047a"},this.name&&" ",this.name&&this.url!==null?h("a",{class:"link focus-bounce",href:this.url,target:"_blank",rel:this.rel},h("b",null,h("i",null,this.name,"."))):h("b",null,h("i",null,this.name,".")),this.location&&h("span",{key:"f1585c0adb61b4268abebf2a036262a3d9ebaa2a"}," ",this.location,this.publisher!==undefined?":":"."),this.publisher&&h("span",{key:"91943d9eb7e3ff845eb9f4a10aba171599ea8e7d"}," ",this.publisher,this.date!==undefined?",":"."),this.date&&h("time",{key:"07e837b1a3fce3543dff7427316323b0a92d656d",dateTime:this.date}," ",this.dateFormatMLA(this.date),".")),this.format==="apa"&&h("span",{key:"b568cd9a28b8fc26ec62fd9c003273ef12438fa3"},this.date&&h("time",{key:"906c83e48b8e6804c66108fdfb0baa3e1ab116dc",dateTime:this.date}," (",this.dateFormatAPA(this.date),")."),this.name&&" ",this.name&&this.url!==null?h("a",{class:"link focus-bounce",href:this.url,target:"_blank",rel:this.rel},h("b",null,h("i",null," ",this.name,"."))):h("b",null,h("i",null," ",this.name,".")),this.location&&h("span",{key:"5bb9116f5c661ad0cb6afb54368da591cbea72b9"}," ",this.location,this.publisher!==undefined?":":"."),this.publisher&&h("span",{key:"77c8d31f723a4bde4e5e11fb9f815d2d189a978a"}," ",this.publisher,".")),this.format==="turabian"&&h("span",{key:"db345ac68439c989b1f28908fbc69ea504fd2a8b"},this.name&&" ",this.name&&this.url!==null?h("a",{class:"link focus-bounce",href:this.url,target:"_blank",rel:this.rel},h("b",null,h("i",null," ",this.name,"."))):h("b",null,h("i",null," ",this.name,".")),this.location&&h("span",{key:"416d100e29a5689ef251afabac6f917363d67525"}," ",this.location,this.publisher!==undefined?":":","),this.publisher&&h("span",{key:"05d25e85012ba187d53b816f6310ba2422f7914d"}," ",this.publisher,this.date!==undefined?",":"."),this.date&&h("time",{key:"a9fa7e48d72291c38184eb8a5df5fd75b311601c",dateTime:this.date}," ",this.dateFormatMLA(this.date),"."))))};return t}();MdsBibliography.style=MdsBibliographyStyle0;export{MdsBibliography as mds_bibliography};

package/dist/esm-es5/mds-breadcrumb-item.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f08bac5f.js";import{K as KeyboardManager}from"./keyboard-manager-f3d273fc.js";var miBaselineNavigateNext='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41L13.17 12l-4.58 4.59L10 18l6-6z"/></svg>';var mdsBreadcrumbItemCss='@-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-breadcrumb-item-arrow-depth-color:var(--mds-breadcrumb-arrow-depth-color, rgb(var(--tone-neutral-04)));--mds-breadcrumb-item-button-background-selected:var(--mds-breadcrumb-button-background-selected, rgb(var(--tone-neutral-09)));--mds-breadcrumb-item-button-background-hover:var(--mds-breadcrumb-button-background-hover, rgb(var(--tone-neutral-10)));--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-button-background, transparent);--mds-breadcrumb-item-button-color-selected:var(--mds-breadcrumb-button-color-selected, rgb(var(--tone-neutral-01)));--mds-breadcrumb-item-button-color-hover:var(--mds-breadcrumb-button-color-hover, rgb(var(--tone-neutral-02)));--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-button-color, rgb(var(--tone-neutral-02)));-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}:host:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}:host{gap:0rem;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-transition-property:outline, outline-offset, -webkit-box-shadow;transition-property:outline, outline-offset, -webkit-box-shadow;transition-property:box-shadow, outline, outline-offset;transition-property:box-shadow, outline, outline-offset, -webkit-box-shadow}:host(:focus-visible){--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}:host(:last-child) .icon{display:none}.text{border-radius:9999px;padding-left:1rem;padding-right:1rem;padding-top:0.25rem;padding-bottom:0.25rem;background-color:var(--mds-breadcrumb-item-button-background);color:var(--mds-breadcrumb-item-button-color);cursor:pointer;white-space:nowrap}.text:hover{--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-item-button-background-hover);--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-item-button-color-hover)}:host([selected]:not([selected="false"])){--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-item-button-background-selected);--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-item-button-color-selected);pointer-events:none}.text::first-letter{text-transform:uppercase}.icon{display:-ms-flexbox;display:flex}.icon svg{aspect-ratio:1/1;height:100%;width:100%}.icon{fill:var(--mds-breadcrumb-item-arrow-depth-color);pointer-events:none}';var MdsBreadcrumbItemStyle0=mdsBreadcrumbItemCss;var MdsBreadcrumbItem=function(){function t(t){var e=this;registerInstance(this,t);this.selectedEvent=createEvent(this,"mdsBreadcrumbItemSelect",7);this.km=new KeyboardManager;this.toggle=function(){e.selected=!e.selected;e.selectedEvent.emit({id:e.element.id,selected:e.selected})};this.selected=undefined}t.prototype.componentDidLoad=function(){var t;var e=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".text");this.km.addElement(e);this.km.attachClickBehavior()};t.prototype.componentDidUpdate=function(){if(this.selected){this.km.detachClickBehavior();return}this.km.attachClickBehavior()};t.prototype.disconnectedCallback=function(){this.km.detachClickBehavior()};t.prototype.render=function(){return h(Host,{key:"12eebea6ef628f1b04779ea55569e7f5982f6ac4"},h("mds-text",{key:"f21528885ae9ba5f3a54e1f2407e44d54dfea32e",tabindex:"0",onClick:this.toggle,class:"text focus-bounce",typography:"detail"},h("slot",{key:"307dfc49f03e630d783bee45ee6ab000f4d92eac"})),h("i",{key:"4c8b2db9f560bf2c2ca8dd539bca249ffd9effd4","aria-hidden":"true",class:"icon",innerHTML:miBaselineNavigateNext}))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsBreadcrumbItem.style=MdsBreadcrumbItemStyle0;export{MdsBreadcrumbItem as mds_breadcrumb_item};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-44fd80a1.js";import{K as KeyboardManager}from"./keyboard-manager-9f287ab7.js";var miBaselineNavigateNext='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41L13.17 12l-4.58 4.59L10 18l6-6z"/></svg>';var mdsBreadcrumbItemCss='@-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-breadcrumb-item-arrow-depth-color:var(--mds-breadcrumb-arrow-depth-color, rgb(var(--tone-neutral-04)));--mds-breadcrumb-item-button-background-selected:var(--mds-breadcrumb-button-background-selected, rgb(var(--tone-neutral-09)));--mds-breadcrumb-item-button-background-hover:var(--mds-breadcrumb-button-background-hover, rgb(var(--tone-neutral-10)));--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-button-background, transparent);--mds-breadcrumb-item-button-color-selected:var(--mds-breadcrumb-button-color-selected, rgb(var(--tone-neutral-01)));--mds-breadcrumb-item-button-color-hover:var(--mds-breadcrumb-button-color-hover, rgb(var(--tone-neutral-02)));--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-button-color, rgb(var(--tone-neutral-02)));-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}:host:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}:host{gap:0rem;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-transition-property:outline, outline-offset, -webkit-box-shadow;transition-property:outline, outline-offset, -webkit-box-shadow;transition-property:box-shadow, outline, outline-offset;transition-property:box-shadow, outline, outline-offset, -webkit-box-shadow;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(:focus-visible){--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}:host(:last-child) .icon{display:none}.text{border-radius:9999px;padding-left:1rem;padding-right:1rem;padding-top:0.25rem;padding-bottom:0.25rem;background-color:var(--mds-breadcrumb-item-button-background);color:var(--mds-breadcrumb-item-button-color);cursor:pointer;white-space:nowrap}.text:hover{--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-item-button-background-hover);--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-item-button-color-hover)}:host([selected]:not([selected="false"])){--mds-breadcrumb-item-button-background:var(--mds-breadcrumb-item-button-background-selected);--mds-breadcrumb-item-button-color:var(--mds-breadcrumb-item-button-color-selected);pointer-events:none}.text::first-letter{text-transform:uppercase}.icon{display:-ms-flexbox;display:flex}.icon svg{aspect-ratio:1/1;height:100%;width:100%}.icon{fill:var(--mds-breadcrumb-item-arrow-depth-color);pointer-events:none}';var MdsBreadcrumbItemStyle0=mdsBreadcrumbItemCss;var MdsBreadcrumbItem=function(){function t(t){var e=this;registerInstance(this,t);this.selectedEvent=createEvent(this,"mdsBreadcrumbItemSelect",7);this.km=new KeyboardManager;this.toggle=function(){e.selected=!e.selected;e.selectedEvent.emit({id:e.element.id,selected:e.selected})};this.selected=undefined}t.prototype.componentDidLoad=function(){var t;var e=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".text");this.km.addElement(e);this.km.attachClickBehavior()};t.prototype.componentDidUpdate=function(){if(this.selected){this.km.detachClickBehavior();return}this.km.attachClickBehavior()};t.prototype.disconnectedCallback=function(){this.km.detachClickBehavior()};t.prototype.render=function(){return h(Host,{key:"12eebea6ef628f1b04779ea55569e7f5982f6ac4"},h("mds-text",{key:"0bc59f2792c33851313d6c9e0992095a386ea68a",tabindex:"0",onClick:this.toggle,class:"text",typography:"detail"},h("slot",{key:"751d54605a67e4afb9db9509fc5d839479f721b2"})),h("i",{key:"9980e04d641016af08b8027351bdaf3aee61ea13","aria-hidden":"true",class:"icon",innerHTML:miBaselineNavigateNext}))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsBreadcrumbItem.style=MdsBreadcrumbItemStyle0;export{MdsBreadcrumbItem as mds_breadcrumb_item};

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

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f08bac5f.js";import{m as miBaselineArrowBack}from"./arrow-back-62755bde.js";import{K as KeyboardManager}from"./keyboard-manager-f3d273fc.js";var mdsBreadcrumbCss="@tailwind components; @tailwind utilities; :host{--mds-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05));-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:0rem;padding:0.5rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;overflow:auto;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;width:100%}:host::-webkit-scrollbar{display:none}.back{margin-right:0.25rem;--mds-button-background:var(--mds-breadcrumb-button-background);fill:var(--mds-breadcrumb-button-color);-ms-flex-negative:0;flex-shrink:0}.back:hover{--mds-button-background:var(--mds-breadcrumb-button-background-hover);fill:var(--mds-breadcrumb-button-color-hover)}.disabled{--mds-button-background:var(--mds-breadcrumb-button-background-disabled);fill:var(--mds-breadcrumb-button-color-disabled);pointer-events:none}";var MdsBreadcrumbStyle0=mdsBreadcrumbCss;var MdsBreadcrumb=function(){function r(r){var e=this;registerInstance(this,r);this.changedEvent=createEvent(this,"mdsBreadcrumbChange",7);this.kb=new KeyboardManager;this.queryItems=function(){return e.element.querySelectorAll("mds-breadcrumb-item")};this.updateBackButton=function(r){var t;if(!e.back)return;var a=(t=e.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".back");if(r===0){a.classList.add("disabled");e.kb.detachClickBehavior();return}a.classList.remove("disabled");e.kb.attachClickBehavior()};this.togglePrevious=function(){var r=e.element.querySelector("mds-breadcrumb-item[selected]");if(!r)return;var t=Number(r.id.replace("item-",""));var a=e.queryItems();var n=0;a.forEach((function(r,e){r.selected=e===t-1;if(r.selected){n=e}}));e.updateBackButton(n);e.onChanged(n,r)};this.onChanged=function(r,t){e.changedEvent.emit({id:r.toString(),caller:t})};this.back=true}r.prototype.componentDidLoad=function(){var r;var e=this.queryItems();e.forEach((function(r,e){return r.id="item-".concat(e)}));var t=this.element.querySelector("mds-breadcrumb-item[selected]");if(!t||t.id==="item-0"){this.updateBackButton(0)}if(this.back){var a=(r=this.element.shadowRoot)===null||r===void 0?void 0:r.querySelector(".back");this.kb.addElement(a);this.kb.attachClickBehavior()}};r.prototype.componentDidUpdate=function(){var r;if(this.back){var e=(r=this.element.shadowRoot)===null||r===void 0?void 0:r.querySelector(".back");this.kb.addElement(e);this.kb.attachClickBehavior();return}this.kb.detachClickBehavior()};r.prototype.disconnectedCallback=function(){this.kb.detachClickBehavior()};r.prototype.activedEventHandler=function(r){var e=this.queryItems();var t=0;e.forEach((function(e,a){e.selected="item-".concat(a)===r.detail.id&&r.detail.selected;if(e.selected){t=a}}));this.updateBackButton(t);this.onChanged(t,r.target)};r.prototype.render=function(){return h(Host,{key:"811a3bfb64f35b4e271c2d347fbb4feeab697250"},this.back&&h("mds-button",{key:"b932a7c994f692e07a7d6b4568ede0a1be469dbe",class:"back",icon:miBaselineArrowBack,onClick:this.togglePrevious}),h("slot",{key:"bf2616eacdcdcbf4ce723c2fd41102b8d72ebad2"}))};Object.defineProperty(r.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();MdsBreadcrumb.style=MdsBreadcrumbStyle0;export{MdsBreadcrumb as mds_breadcrumb};
+var __awaiter=this&&this.__awaiter||function(r,t,e,a){function n(r){return r instanceof e?r:new e((function(t){t(r)}))}return new(e||(e=Promise))((function(e,o){function i(r){try{s(a.next(r))}catch(r){o(r)}}function c(r){try{s(a["throw"](r))}catch(r){o(r)}}function s(r){r.done?e(r.value):n(r.value).then(i,c)}s((a=a.apply(r,t||[])).next())}))};var __generator=this&&this.__generator||function(r,t){var e={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,n,o,i;return i={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function c(r){return function(t){return s([r,t])}}function s(c){if(a)throw new TypeError("Generator is already executing.");while(i&&(i=0,c[0]&&(e=0)),e)try{if(a=1,n&&(o=c[0]&2?n["return"]:c[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,c[1])).done)return o;if(n=0,o)c=[c[0]&2,o.value];switch(c[0]){case 0:case 1:o=c;break;case 4:e.label++;return{value:c[1],done:false};case 5:e.label++;n=c[1];c=[0];continue;case 7:c=e.ops.pop();e.trys.pop();continue;default:if(!(o=e.trys,o=o.length>0&&o[o.length-1])&&(c[0]===6||c[0]===2)){e=0;continue}if(c[0]===3&&(!o||c[1]>o[0]&&c[1]<o[3])){e.label=c[1];break}if(c[0]===6&&e.label<o[1]){e.label=o[1];o=c;break}if(o&&e.label<o[2]){e.label=o[2];e.ops.push(c);break}if(o[2])e.ops.pop();e.trys.pop();continue}c=t.call(r,e)}catch(r){c=[6,r];n=0}finally{a=o=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-44fd80a1.js";import{m as miBaselineArrowBack}from"./arrow-back-62755bde.js";import{K as KeyboardManager}from"./keyboard-manager-9f287ab7.js";import{L as Locale}from"./locale-149207d6.js";import"./_commonjsHelpers-bdec4bbd.js";var back$3="Πήγαινε πίσω";var localeEl={back:back$3};var back$2="Go back";var localeEn={back:back$2};var back$1="Volver atrás";var localeEs={back:back$1};var back="Indietro";var localeIt={back:back};var mdsBreadcrumbCss="@tailwind components; @tailwind utilities; :host{--mds-breadcrumb-arrow-depth-color:rgb(var(--tone-neutral-04));--mds-breadcrumb-button-background-current:rgb(var(--tone-neutral-09));--mds-breadcrumb-button-background-disabled:transparent;--mds-breadcrumb-button-background-hover:rgb(var(--tone-neutral-10));--mds-breadcrumb-button-background:transparent;--mds-breadcrumb-button-color-current:rgb(var(--tone-neutral-01));--mds-breadcrumb-button-color-disabled:rgb(var(--tone-neutral-06));--mds-breadcrumb-button-color-hover:rgb(var(--tone-neutral-02));--mds-breadcrumb-button-color:rgb(var(--tone-neutral-02));--mds-breadcrumb-current-button-color:rgb(var(--tone-neutral-05));-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:0rem;padding:0.5rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;overflow:auto;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;width:100%}:host::-webkit-scrollbar{display:none}.back{margin-right:0.25rem;--mds-button-background:var(--mds-breadcrumb-button-background);fill:var(--mds-breadcrumb-button-color);-ms-flex-negative:0;flex-shrink:0}.back:hover{--mds-button-background:var(--mds-breadcrumb-button-background-hover);fill:var(--mds-breadcrumb-button-color-hover)}.disabled{--mds-button-background:var(--mds-breadcrumb-button-background-disabled);fill:var(--mds-breadcrumb-button-color-disabled);pointer-events:none}";var MdsBreadcrumbStyle0=mdsBreadcrumbCss;var MdsBreadcrumb=function(){function r(r){var t=this;registerInstance(this,r);this.changedEvent=createEvent(this,"mdsBreadcrumbChange",7);this.kb=new KeyboardManager;this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.queryItems=function(){return t.element.querySelectorAll("mds-breadcrumb-item")};this.updateBackButton=function(r){var e;if(!t.back)return;var a=(e=t.element.shadowRoot)===null||e===void 0?void 0:e.querySelector(".back");if(r===0){a.classList.add("disabled");t.kb.detachClickBehavior();return}a.classList.remove("disabled");t.kb.attachClickBehavior()};this.togglePrevious=function(){var r=t.element.querySelector("mds-breadcrumb-item[selected]");if(!r)return;var e=Number(r.id.replace("item-",""));var a=t.queryItems();var n=0;a.forEach((function(r,t){r.selected=t===e-1;if(r.selected){n=t}}));t.updateBackButton(n);t.onChanged(n,r)};this.onChanged=function(r,e){t.changedEvent.emit({id:r.toString(),caller:e})};this.language=undefined;this.back=true}r.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.language=this.t.lang(this.element);return[2]}))}))};r.prototype.componentDidLoad=function(){var r;var t=this.queryItems();t.forEach((function(r,t){return r.id="item-".concat(t)}));var e=this.element.querySelector("mds-breadcrumb-item[selected]");if(!e||e.id==="item-0"){this.updateBackButton(0)}if(this.back){var a=(r=this.element.shadowRoot)===null||r===void 0?void 0:r.querySelector(".back");this.kb.addElement(a);this.kb.attachClickBehavior()}};r.prototype.componentDidUpdate=function(){var r;if(this.back){var t=(r=this.element.shadowRoot)===null||r===void 0?void 0:r.querySelector(".back");this.kb.addElement(t);this.kb.attachClickBehavior();return}this.kb.detachClickBehavior()};r.prototype.componentWillRender=function(){this.t.lang(this.element)};r.prototype.disconnectedCallback=function(){this.kb.detachClickBehavior()};r.prototype.activedEventHandler=function(r){var t=this.queryItems();var e=0;t.forEach((function(t,a){t.selected="item-".concat(a)===r.detail.id&&r.detail.selected;if(t.selected){e=a}}));this.updateBackButton(e);this.onChanged(e,r.target)};r.prototype.render=function(){return h(Host,{key:"897713224e58733a2981ff8ba737cf2b05cfa3c0"},this.back&&h("mds-button",{key:"65402701ac1bee13a4b115a7601e0397dcb022b5",title:this.t.get("back"),class:"back",icon:miBaselineArrowBack,onClick:this.togglePrevious}),h("slot",{key:"a3301ec42c30ef181670e561685386783f06dee5"}))};Object.defineProperty(r.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return r}();MdsBreadcrumb.style=MdsBreadcrumbStyle0;export{MdsBreadcrumb as mds_breadcrumb};