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

package/dist/magma-components/p-42aaebea.entry.js

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

package/dist/magma-components/p-42c66e40.entry.js

@@ -0,0 +1 @@
+import{r as t,c as o,h as r,H as n,g as s}from"./p-eab621a7.js";import{s as i}from"./p-f00c93f4.js";import{K as e}from"./p-0f3e17bc.js";import{c as a}from"./p-a87d7192.js";import{b as d,o as h,f as p,s as m,d as c,c as w,a as l}from"./p-3213bed3.js";const b=class{constructor(r){t(this,r),this.visibleEvent=o(this,"mdsDropdownVisible",7),this.hiddenEvent=o(this,"mdsDropdownHide",7),this.changedEvent=o(this,"mdsDropdownChange",7),this.backdropBackgroundVisible="rgba(var(--magma-backdrop-color, 0 0 0) / var(--magma-backdrop-opacity, 0.1))",this.backdropBackgroundHidden="rgba(var(--magma-backdrop-color, 0 0 0) / 0)",this.backdropId="mds-dropdown-backdrop",this.km=new e,this.handleCloseDropdown=t=>{this.visible&&(this.host.contains(t.target)||t.target===this.caller||this.handleVisibility(!1))},this.handleVisibility=t=>{this.visible=t,this.changedEvent.emit({caller:this.caller,visible:this.visible}),this.visible?this.visibleEvent.emit({caller:this.caller,visible:!0}):(this.hiddenEvent.emit({caller:this.caller,visible:!1}),this.updatePosition())},this.callerOnClick=()=>{this.handleVisibility(!this.visible)},this.callerOnMouseOver=()=>{this.mouseoverTimer=setTimeout((()=>{clearTimeout(this.mouseoverTimer),this.handleVisibility(!0)}),a(this.cssMouseOverDelayDuration))},this.closeDropdownMouseLeave=()=>{this.handleVisibility(!1),this.host.removeEventListener("mouseleave",this.closeDropdownMouseLeave.bind(this)),this.host.addEventListener("mouseover",this.handleCloseDropdownMouseLeave.bind(this))},this.handleCloseDropdownMouseLeave=()=>{this.host.removeEventListener("mouseover",this.handleCloseDropdownMouseLeave.bind(this)),this.host.addEventListener("mouseleave",this.closeDropdownMouseLeave.bind(this))},this.arrowInset=(t,o)=>{const{arrow:r}=t,n={bottom:"",left:"",right:"",top:""};if(void 0===r)return{};switch(o){case"bottom":n.left=null!==r.x?`${r.x}px`:"",n.top="100%";break;case"left":n.right="100%",n.top=null!==r.y?`${r.y}px`:"";break;case"right":n.left="100%",n.top=null!==r.y?`${r.y}px`:"";break;case"top":n.left=null!==r.x?`${r.x}px`:"",n.top=""}return n},this.arrowTransform=t=>{let o=this.arrow&&this.visible?"scale(1)":"scale(0)";switch(t){case"bottom":o=`rotate(180deg) ${o} translate(0, -100%)`;break;case"left":o=`rotate(-90deg) ${o} translate(50%, -50%)`;break;case"right":o=`rotate(90deg) ${o} translate(-50%, -50%)`;break;case"top":o=`rotate(0deg) ${o} translate(0, 0)`}return{transform:o}},this.arrowTransformOrigin=t=>{switch(t){case"bottom":default:return{transformOrigin:"center top"};case"left":return{transformOrigin:"right center"};case"right":return{transformOrigin:"left center"};case"top":return{transformOrigin:"center bottom"}}},this.updatePosition=()=>{if(!this.caller)return;const t=new Array,o={};this.shiftPadding&&(o.padding=this.shiftPadding),this.autoPlacement&&t.push(d()),this.offset&&t.push(h(this.offset)),!this.autoPlacement&&this.flip&&t.push(p(o)),this.shift&&t.push(m(o)),this.arrow&&t.push(c({element:this.arrowEl,padding:this.arrowPadding})),w(this.caller,this.host,{middleware:t,placement:this.placement,strategy:this.strategy}).then((({x:t,y:o,placement:r,middlewareData:n})=>{Object.assign(this.host.style,{left:`${t}px`,top:`${o}px`});const s={},i={top:"bottom",right:"left",bottom:"top",left:"right"}[r.split("-")[0]];i&&(Object.assign(s,this.arrowTransform(i)),Object.assign(s,this.arrowInset(n,i)),Object.assign(s,this.arrowTransformOrigin(i)),Object.assign(this.arrowEl.style,s))}))},this.updateCSSCustomProps=()=>{if("undefined"==typeof window)return;const t=window.getComputedStyle(this.host);this.cssBackdropDuration=t.getPropertyValue("--mds-dropdown-backdrop-duration"),this.cssBackdropZIndex=t.getPropertyValue("--mds-dropdown-backdrop-z-index"),this.cssMouseOverDelayDuration=t.getPropertyValue("--mds-dropdown-mouseover-delay")},this.setInteractionBehaviour=()=>{"none"!==this.interaction&&("click"===this.interaction&&this.caller.addEventListener("click",this.callerOnClick.bind(this)),"mouseover"===this.interaction&&(this.caller.addEventListener("mouseover",this.callerOnMouseOver.bind(this)),this.host.addEventListener("mouseover",this.handleCloseDropdownMouseLeave.bind(this))))},this.arrow=!0,this.arrowPadding=24,this.autoPlacement=!1,this.backdrop=!1,this.flip=!1,this.interaction="click",this.target=void 0,this.offset=24,this.placement="bottom",this.shift=!0,this.shiftPadding=24,this.smooth=!0,this.strategy="fixed",this.visible=!1,this.zIndex=void 0}attachBackdrop(){this.backdropEl||(this.backdropEl=document.createElement("div"),this.backdropEl.className=this.backdropId,this.backdropEl.style.inset="0",this.backdropEl.style.pointerEvents="none",this.backdropEl.style.position="fixed",this.backdropEl.style.transition=`background-color ${this.cssBackdropDuration} ease-out`,this.backdropEl.style.zIndex=this.cssBackdropZIndex),this.backdropEl.style.backgroundColor=this.backdropBackgroundHidden,document.body.appendChild(this.backdropEl),clearTimeout(this.backdropTimer),this.backdropTimer=setTimeout((()=>{this.backdropEl.style.backgroundColor=this.backdropBackgroundVisible}),1)}detachBackdrop(){this.backdropEl&&(this.backdropEl.style.backgroundColor="transparent",clearTimeout(this.backdropTimer),this.backdropTimer=setTimeout((()=>{this.backdropEl.remove()}),a(this.cssBackdropDuration)))}arrowChanged(){this.updatePosition()}arrowPaddingChanged(){this.updatePosition()}autoPlacementChanged(){this.updatePosition()}backdropChanged(t){this.visible&&(t?this.attachBackdrop():this.detachBackdrop())}flipChanged(){this.updatePosition()}offsetChanged(){this.updatePosition()}placementChanged(){this.updatePosition()}shiftChanged(){this.updatePosition()}shiftPaddingChanged(){this.updatePosition()}strategyChanged(){this.updatePosition()}visibleChanged(t){this.updatePosition(),this.backdrop&&(t?this.attachBackdrop():this.detachBackdrop())}zIndexChanged(t){t&&this.host.style.setProperty("z-index",t.toString())}componentWillLoad(){Array.from(document.getElementsByClassName(this.backdropId)).forEach((t=>{t.remove()})),this.zIndexChanged(this.zIndex)}setAriaAttributes(){i(this.caller,"aria-haspopup","true"),i(this.caller,"aria-controls",this.target),i(this.host,"role","menu"),i(this.host,"aria-labelledby",this.target)}componentDidLoad(){var t,o,r,n;this.updateCSSCustomProps(),document.addEventListener("click",this.handleCloseDropdown),this.arrowEl=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".arrow");const s=null!==(n=null===(r=null===(o=this.host.parentElement)||void 0===o?void 0:o.shadowRoot)||void 0===r?void 0:r.querySelector(this.target))&&void 0!==n?n:this.host.getRootNode().querySelector(this.target);if(!s)throw Error(`Target not found: ${this.target}`);this.caller=s,this.setAriaAttributes(),this.km.addElement(this.host),this.km.attachEscapeBehavior((()=>this.handleVisibility(!1))),this.backdropChanged(this.backdrop),this.updatePosition(),this.setInteractionBehaviour(),this.cleanupAutoUpdate||(this.cleanupAutoUpdate=l(this.caller,this.host,this.updatePosition))}disconnectedCallback(){this.detachBackdrop(),this.km.detachEscapeBehavior(),this.cleanupAutoUpdate=()=>{}}render(){return r(n,{key:"aee79e7c76205417090673bbbe9d875065764eb3"},r("div",{key:"9b310fb9655866a581df3ecd043e24da86fabd6c",class:"arrow",innerHTML:'<svg width="30" height="16" viewBox="0 0 30 16" xmlns="http://www.w3.org/2000/svg">\n  <path d="M10.2 2.4C12.6 -0.800001 17.4 -0.800001 19.8 2.4L30 16H0L10.2 2.4Z"/>\n</svg>\n'}),r("slot",{key:"206e6aff41805e57c06fbccab2aa9ca595c312ae"}))}get host(){return s(this)}static get watchers(){return{arrow:["arrowChanged"],arrowPadding:["arrowPaddingChanged"],autoPlacement:["autoPlacementChanged"],backdrop:["backdropChanged"],flip:["flipChanged"],offset:["offsetChanged"],placement:["placementChanged"],shift:["shiftChanged"],shiftPadding:["shiftPaddingChanged"],strategy:["strategyChanged"],visible:["visibleChanged"],zIndex:["zIndexChanged"]}}};b.style='@tailwind utilities;\n\n/**\n * @prop --mds-dropdown-arrow-background: Sets the fill color of the arrow.\n * @prop --mds-dropdown-background: Sets the background-color of the dropdown.\n * @prop --mds-dropdown-backdrop-duration: Sets the transition duration of the backdrop, used by component\'s code too.\n * @prop --mds-dropdown-backdrop-z-indx: Sets the backdrop z-index, used by component\'s code too.\n * @prop --mds-dropdown-drop-shadow: Sets the drop-shadow of the dropdown.\n * @prop --mds-dropdown-mouseover-delay: Sets the delay duration of the component when the caller trigger mouseover event, it\'s used by the javascript code.\n * @prop --mds-dropdown-duration: Sets the duration of the dropdown animation.\n * @prop --mds-dropdown-ease: Sets the easing of the dropdown animation.\n * @prop --mds-dropdown-transform-from: Sets the from animation transform of the dropdown.\n * @prop --mds-dropdown-transform-to: Sets the to animation transform of the dropdown.\n * @prop --mds-dropdown-z-index: Sets the z-index of the component.\n */\n\n:host {\n\n  --mds-dropdown-arrow-background: var(--mds-dropdown-background);\n  --mds-dropdown-backdrop-duration: 200ms;\n  --mds-dropdown-backdrop-z-index: var(--magma-backdrop-z-index, 3000);\n  --mds-dropdown-background: rgb(var(--tone-neutral));\n  --mds-dropdown-mouseover-delay: 0.5s;\n  --mds-dropdown-drop-shadow-color: var(--tone-neutral-01, 0 0 0);\n  --mds-dropdown-drop-shadow: drop-shadow(0 10px 8px rgb(var(--mds-dropdown-drop-shadow-color) / 0.05)) drop-shadow(0 4px 3px rgb(var(--mds-dropdown-drop-shadow-color) / 0.15)) drop-shadow(0 0 1px rgb(var(--mds-dropdown-drop-shadow-color) / 0.15));\n  --mds-dropdown-duration: 0.5s;\n  --mds-dropdown-ease: cubic-bezier(0.19, 1, 0.22, 1);\n  --mds-dropdown-transform-from: scale(0.9) translateY(-3%);\n  --mds-dropdown-transform-to: scale(1) translate(0, 0);\n  --mds-dropdown-z-index: var(--magma-dropdown-z-index, 4000);\n  gap: 1rem;\n  border-radius: 0.5rem;\n  padding: 1.5rem;\n  opacity: 0;\n\n  background-color: var(--mds-dropdown-background);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: grid;\n  -webkit-filter: var(--mds-dropdown-drop-shadow);\n  filter: var(--mds-dropdown-drop-shadow);\n  pointer-events: none;\n  position: fixed;\n  -webkit-transform: var(--mds-dropdown-transform-from);\n  transform: var(--mds-dropdown-transform-from);\n  -webkit-transition-duration: var(--mds-dropdown-duration);\n  transition-duration: var(--mds-dropdown-duration);\n  -webkit-transition-property: opacity, -webkit-transform, -webkit-transform-origin;\n  transition-property: opacity, -webkit-transform, -webkit-transform-origin;\n  transition-property: opacity, transform, transform-origin;\n  transition-property: opacity, transform, transform-origin, -webkit-transform, -webkit-transform-origin;\n  -webkit-transition-timing-function: var(--mds-dropdown-ease);\n  transition-timing-function: var(--mds-dropdown-ease);\n  z-index: var(--mds-dropdown-z-index);\n}\n\n:host( [visible]:not([visible="false"]) ){\n\n  opacity: 1;\n\n  pointer-events: auto;\n  -webkit-transform: var(--mds-dropdown-transform-to);\n  transform: var(--mds-dropdown-transform-to);\n}\n\n:host( [smooth]:not([smooth="false"]) ) {\n  -webkit-transition-property: bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;\n  transition-property: bottom, left, opacity, right, top, -webkit-transform, -webkit-transform-origin;\n  transition-property: bottom, left, opacity, right, top, transform, transform-origin;\n  transition-property: bottom, left, opacity, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin;\n}\n\n.arrow{\n\n  top: -1rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  fill: var(--mds-dropdown-arrow-background);\n  pointer-events: none;\n  position: fixed;\n  -webkit-transition-duration: var(--mds-dropdown-duration);\n  transition-duration: var(--mds-dropdown-duration);\n  -webkit-transition-property: bottom, left, right, top, -webkit-transform, -webkit-transform-origin;\n  transition-property: bottom, left, right, top, -webkit-transform, -webkit-transform-origin;\n  transition-property: bottom, left, right, top, transform, transform-origin;\n  transition-property: bottom, left, right, top, transform, transform-origin, -webkit-transform, -webkit-transform-origin;\n}\n\n:host( [arrow]:not([arrow="false"])[visible]:not([visible="false"]) ) .arrow {\n  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);\n  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n:host( [arrow]:not([arrow="false"], [visible], [visible="true"])) .arrow {\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n::slotted( * ){\n\n  z-index: 10;\n\n  position: relative;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-dropdown-backdrop-duration: 0s;\n    --mds-dropdown-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-dropdown-backdrop-duration: 0s;\n      --mds-dropdown-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-dropdown-drop-shadow: drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-dropdown-drop-shadow: drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01) / 0.3));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.3));\n    }\n  }\n}\n\n/* contrast + dark */\n\n@container style(--magma-pref-contrast: more) and style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.075)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45));\n  }\n}\n\n@container style(--magma-pref-contrast: system) and style(--magma-pref-theme: dark) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.075)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: system) and style(--magma-pref-theme: system) {\n\n  @media (prefers-contrast: more) {\n\n    @media (prefers-color-scheme: dark) {\n      :host {\n\n        --mds-dropdown-drop-shadow: drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.075)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01) / 0.45));\n      }\n    }\n  }\n}\n\n\n';export{b as mds_dropdown}

package/dist/magma-components/{p-eba07611.system.entry.js → p-438c83a4.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js"],(function(e){"use strict";var t,n,c;return{setters:[function(e){t=e.r;n=e.h;c=e.H}],execute:function(){var a=":host{background-color:rgb(var(--tone-neutral-09));display:grid;position:relative}.content{gap:0.5rem;padding:1rem;-ms-flex-align:end;align-items:flex-end;display:-ms-flexbox;display:flex;inset:0;-ms-flex-pack:center;justify-content:center;position:absolute}.img{-o-object-fit:contain;object-fit:contain}";var d=a;var i=e("mds_card_media",function(){function e(e){t(this,e)}e.prototype.render=function(){return n(c,{key:"00ce75ada7929a0fe14ce5b4a178d0911b361946",slot:"media"},n("div",{key:"7cec535d78017daf6b6798032aa2e6376563be35",class:"content",part:"content"},n("slot",{key:"de6cd97eec4efda9666c8c5f6a71cd39bc2d4d36",name:"content"})),n("slot",{key:"edbf8cd89d55d47d54ea96ed6fd515641b362338"}))};return e}());i.style=d}}}));
+System.register(["./p-c94628eb.system.js"],(function(e){"use strict";var t,n,c;return{setters:[function(e){t=e.r;n=e.h;c=e.H}],execute:function(){var a=":host{background-color:rgb(var(--tone-neutral-09));display:grid;position:relative}.content{gap:0.5rem;padding:1rem;-ms-flex-align:end;align-items:flex-end;display:-ms-flexbox;display:flex;inset:0;-ms-flex-pack:center;justify-content:center;position:absolute}.img{-o-object-fit:contain;object-fit:contain}";var d=a;var i=e("mds_card_media",function(){function e(e){t(this,e)}e.prototype.render=function(){return n(c,{key:"00ce75ada7929a0fe14ce5b4a178d0911b361946",slot:"media"},n("div",{key:"7cec535d78017daf6b6798032aa2e6376563be35",class:"content",part:"content"},n("slot",{key:"de6cd97eec4efda9666c8c5f6a71cd39bc2d4d36",name:"content"})),n("slot",{key:"edbf8cd89d55d47d54ea96ed6fd515641b362338"}))};return e}());i.style=d}}}));

package/dist/magma-components/p-4509e5dd.entry.js

@@ -0,0 +1 @@
+import{r as e,h as a,H as s,g as i}from"./p-eab621a7.js";import{L as t}from"./p-c310b41f.js";import"./p-85aa8e05.js";const o={reloadPageToSeeChanges:"Πρέπει να ανανεώσετε τη σελίδα για να δείτε όλες τις αλλαγές, διαφορετικά θα είναι ορατές μόνο για τα πρόσφατα μεταφορτωμένα στοιχεία."},r={reloadPageToSeeChanges:"You must refresh the page to see all changes, or they will only be visible for new items uploaded."},n={reloadPageToSeeChanges:"Es necesario actualizar la página para ver todos los cambios, o solo serán visibles para los nuevos elementos cargados."},d={reloadPageToSeeChanges:"È necessario aggiornare la pagina per vedere tutti i cambiamenti, oppure saranno visibili solo per i nuovi elementi caricati."},h=class{constructor(a){e(this,a),this.prefNeedsReload=["consumption","language"],this.t=new t({el:o,en:r,es:n,it:d}),this.addEvent=e=>{e.addEventListener("mdsPrefChange",(e=>{this.prefNeedsReload.includes(e.detail.preference)&&(this.showReload=!0,"language"===e.detail.preference&&this.t.lang(this.host))}))},this.showReload=!1,this.language=void 0}async updateLang(){this.language=this.t.lang(this.host)}componentWillRender(){this.t.lang(this.host)}componentDidLoad(){this.host.querySelector("mds-pref-animation")&&this.addEvent(this.host.querySelector("mds-pref-animation")),this.host.querySelector("mds-pref-consumption")&&this.addEvent(this.host.querySelector("mds-pref-consumption")),this.host.querySelector("mds-pref-contrast")&&this.addEvent(this.host.querySelector("mds-pref-contrast")),this.host.querySelector("mds-pref-language")&&this.addEvent(this.host.querySelector("mds-pref-language")),this.host.querySelector("mds-pref-theme")&&this.addEvent(this.host.querySelector("mds-pref-theme"))}render(){return a(s,{key:"ed9e2d6a5a70735b46fa37e47336a0b96b1da65d"},a("slot",{key:"60d3e90abdbb050a6a60ee9d839467bd743560c3"}),this.showReload&&a("div",{key:"95a1d0e9699b16a9dafba1dd51cd18a8efa9c360",class:"reload-required"},a("mds-text",{key:"75a50e34a35e0eae92345a5babfa9187ec9bc190",typography:"caption"},this.t.get("reloadPageToSeeChanges"))))}get host(){return i(this)}};h.style=":host{gap:1rem;display:grid}:host(:empty){display:none}.reload-required{gap:0.5rem;display:grid}";export{h as mds_pref}

package/dist/magma-components/{p-8b576fd8.entry.js → p-46df472e.entry.js}

@@ -1 +1 @@
-import{r as e,h as s,H as a}from"./p-b6defcb6.js";const d=class{constructor(s){e(this,s)}render(){return s(a,{key:"82210fbde598faafaad3214af5d4d13cc3d3d310",slot:"footer"},s("slot",{key:"71af6a136827d40b4cd35528730eb8c37b002d73"}))}};d.style=":host{gap:1rem;padding:1rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end}";export{d as mds_card_footer}
+import{r as e,h as s,H as a}from"./p-eab621a7.js";const t=class{constructor(s){e(this,s)}render(){return s(a,{key:"82210fbde598faafaad3214af5d4d13cc3d3d310",slot:"footer"},s("slot",{key:"71af6a136827d40b4cd35528730eb8c37b002d73"}))}};t.style=":host{gap:1rem;padding:1rem;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:end;justify-content:flex-end}";export{t as mds_card_footer}

package/dist/magma-components/{p-12a6692f.entry.js → p-47044832.entry.js}

@@ -1 +1 @@
-import{r as n,c as o,h as e,H as r,g as t}from"./p-b6defcb6.js";const c=class{constructor(e){n(this,e),this.changedEvent=o(this,"mdsAccordionChange",7),this.queryItems=()=>this.element.querySelectorAll("mds-accordion-item"),this.selectMultipleItems=()=>{const n=this.queryItems(),o=[];n.forEach(((n,e)=>{n.selected&&o.push(e)})),this.changedEvent.emit({children:n,selected:o.toString()})},this.changedChildrenHandler=n=>{const o=this.queryItems();this.multiple?this.selectMultipleItems():o.forEach(((e,r)=>{e.selected=`item-${r}`===n.detail.id&&(n.detail.selected||!this.closable),e.selected&&this.changedEvent.emit({children:o,selected:r.toString()})}))},this.multiple=!1,this.closable=!0}componentWillLoad(){this.queryItems().forEach(((n,o)=>n.id=`item-${o}`))}selectedEventHandler(n){this.changedChildrenHandler(n)}unselectedEventHandler(n){this.changedChildrenHandler(n)}render(){return e(r,{key:"17e41dc131118a6090c44655b6bddc9ea3399118"},e("slot",{key:"77ca6aaf9ec7389ca068c648b560c82d6cc4a185"}))}get element(){return t(this)}};c.style="@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";export{c as mds_accordion}
+import{r as n,c as o,h as e,H as r,g as t}from"./p-eab621a7.js";const c=class{constructor(e){n(this,e),this.changedEvent=o(this,"mdsAccordionChange",7),this.queryItems=()=>this.element.querySelectorAll("mds-accordion-item"),this.selectMultipleItems=()=>{const n=this.queryItems(),o=[];n.forEach(((n,e)=>{n.selected&&o.push(e)})),this.changedEvent.emit({children:n,selected:o.toString()})},this.changedChildrenHandler=n=>{const o=this.queryItems();this.multiple?this.selectMultipleItems():o.forEach(((e,r)=>{e.selected=`item-${r}`===n.detail.id&&(n.detail.selected||!this.closable),e.selected&&this.changedEvent.emit({children:o,selected:r.toString()})}))},this.multiple=!1,this.closable=!0}componentWillLoad(){this.queryItems().forEach(((n,o)=>n.id=`item-${o}`))}selectedEventHandler(n){this.changedChildrenHandler(n)}unselectedEventHandler(n){this.changedChildrenHandler(n)}render(){return e(r,{key:"17e41dc131118a6090c44655b6bddc9ea3399118"},e("slot",{key:"77ca6aaf9ec7389ca068c648b560c82d6cc4a185"}))}get element(){return t(this)}};c.style="@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";export{c as mds_accordion}

package/dist/magma-components/{p-1a2e5af9.entry.js → p-4a57c918.entry.js}

@@ -1 +1 @@
-import{r as e,h as s,H as a}from"./p-b6defcb6.js";const t=class{constructor(s){e(this,s),this.alias=void 0,this.typography="label",this.value=0,this.variant="dark"}render(){var e;return s(a,{key:"702eac2b71d41cebcd6281e4ae2efd83d3e57289"},s("div",{key:"143d9130761ae72a0270bfd65d1772d9a7e186f3",class:"infos"},s("mds-text",{key:"3a1f60276b6f0d224d7ef678bbdf67b8c1588bfc",typography:this.typography,class:"label",id:"label"},s("slot",{key:"4f592182ef44f3c3f5e3611c7033ff1986e57201"})),s("mds-text",{key:"64ea428f960dc8264f234cc85c26ff1f79d6059d",typography:this.typography,class:"value"},null!==(e=this.alias)&&void 0!==e?e:this.value)),s("mds-progress",{key:"33a784d3415f5be56b548267eb88c87d7280f6a4","aria-labelledby":"label","aria-valuetext":this.alias,class:"progress",variant:this.variant,progress:this.value/100}))}};t.style=":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}";export{t as mds_benchmark_bar}
+import{r as e,h as s,H as a}from"./p-eab621a7.js";const t=class{constructor(s){e(this,s),this.alias=void 0,this.typography="label",this.value=0,this.variant="dark"}render(){var e;return s(a,{key:"702eac2b71d41cebcd6281e4ae2efd83d3e57289"},s("div",{key:"143d9130761ae72a0270bfd65d1772d9a7e186f3",class:"infos"},s("mds-text",{key:"3a1f60276b6f0d224d7ef678bbdf67b8c1588bfc",typography:this.typography,class:"label",id:"label"},s("slot",{key:"4f592182ef44f3c3f5e3611c7033ff1986e57201"})),s("mds-text",{key:"64ea428f960dc8264f234cc85c26ff1f79d6059d",typography:this.typography,class:"value"},null!==(e=this.alias)&&void 0!==e?e:this.value)),s("mds-progress",{key:"33a784d3415f5be56b548267eb88c87d7280f6a4","aria-labelledby":"label","aria-valuetext":this.alias,class:"progress",variant:this.variant,progress:this.value/100}))}};t.style=":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}";export{t as mds_benchmark_bar}

package/dist/magma-components/p-4d469a01.entry.js

@@ -0,0 +1 @@
+import{r as n,c as o,h as e,H as r,g as a}from"./p-eab621a7.js";import{m as l}from"./p-19dab167.js";import{K as t}from"./p-0f3e17bc.js";import{L as s}from"./p-c310b41f.js";import"./p-85aa8e05.js";const b={deleteLabel:"Αφαίρεση"},i={deleteLabel:"Remove"},d={deleteLabel:"Eliminar"},c={deleteLabel:"Rimuovi"},g=class{constructor(e){n(this,e),this.deleteEvent=o(this,"mdsNoteDelete",7),this.km=new t,this.t=new s({el:b,en:i,es:d,it:c}),this.onClickClose=()=>{this.deleteEvent.emit()},this.language=void 0,this.deletable=!1,this.variant="yellow"}async updateLang(){this.language=this.t.lang(this.host)}componentWillLoad(){this.t.lang(this.host)}componentDidLoad(){this.km.addElement(this.host),this.km.attachClickBehavior()}componentDidUpdate(){if(this.deletable)return this.km.addElement(this.host),void this.km.attachClickBehavior();this.km.detachClickBehavior()}disconnectedCallback(){this.km.detachClickBehavior()}render(){return e(r,{key:"8b7b1454764a5e61ce35963293bbf62e2f8aa272",role:"note"},this.deletable&&e("mds-button",{key:"5ac0423815feb88271c1ff2e3fc1c1d2efe7d48b",title:this.t.get("deleteLabel"),icon:l,class:"button-close",onClick:this.onClickClose.bind(this)}),e("slot",{key:"a4f0f3550782aef46870a4a46b502d84b0bc8b34",name:"title"}),e("slot",{key:"d8e4ee7b3965f9797c2e2cfe82110fe13644d5ab"}),e("div",{key:"07f7653371018dd0b63c2ee6ecac9f363caae509","aria-hidden":"true",class:"fold"}))}get host(){return a(this)}};g.style='@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-note-background: Sets the background-color of the component\n * @prop --mds-note-color: Sets the text color of the component\n * @prop --mds-note-fold-size: Sets the size of the fold decoration at the bottom right of the component\n * @prop --mds-note-selection-background: Sets the selection text background-color of the component\n * @prop --mds-note-selection-color: Sets the selection text color of the component\n */\n\n:host {\n\n  --mds-note-background: rgb(var(--label-yellow-10));\n  --mds-note-color: rgb(var(--label-yellow-02));\n  --mds-note-fold-color: rgb(var(--tone-neutral-10));\n  --mds-note-fold-size: 40px;\n  --mds-note-selection-background: var(--magma-selection-background, rgb(var(--label-yellow-09)));\n  --mds-note-selection-color: var(--magma-selection-color, rgb(var(--label-yellow-02)));\n  gap: 0.5rem;\n  border-radius: 0.25rem;\n  padding: 1.5rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-note-background);\n  color: var(--mds-note-color);\n  display: grid;\n  overflow: hidden;\n  position: relative;\n  -webkit-transition-property: color, background-color;\n  transition-property: color, background-color;\n}\n\n:host ::slotted( mds-text ) {\n\n  --mds-text-selection-background: var(--mds-note-selection-background);\n  --mds-text-selection-color: var(--mds-note-selection-color);\n}\n\n:host( [deletable]:not([deletable="false"]) ) {\n  padding-right: 4rem;\n}\n\n:host( [deletable]:not([deletable="false"]) ) .button-close {\n  right: 1rem;\n  top: 1rem;\n\n  position: absolute;\n}\n\n.fold {\n  height: 0rem;\n  width: 0rem;\n  opacity: 0.4;\n\n  border-color: transparent transparent var(--mds-note-fold-color) transparent;\n  border-style: solid;\n  border-width: 0 0 var(--mds-note-fold-size) var(--mds-note-fold-size);\n  bottom: 0;\n  display: block;\n  -webkit-filter: drop-shadow(0 0 var(--mds-note-fold-size) var(--mds-note-color));\n  filter: drop-shadow(0 0 var(--mds-note-fold-size) var(--mds-note-color));\n  pointer-events: none;\n  position: absolute;\n  right: 0;\n  -webkit-transition-duration: inherit;\n  transition-duration: inherit;\n  -webkit-transition-property: border;\n  transition-property: border;\n}\n\n.button-close {\n  border-radius: 9999px;\n  padding: 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  background-color: transparent;\n  cursor: pointer;\n  fill: var(--mds-note-color);\n  -webkit-transition-property: background-color, fill, outline, outline-offset;\n  transition-property: background-color, fill, outline, outline-offset;\n}\n\n.button-close:hover {\n  background-color: rgb(var(--tone-neutral) / 0.5);\n}\n\n.title {\n  gap: 1rem;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.title .button-close {\n  margin-left: auto;\n}\n\n@tailwind utilities;\n\n:host( [variant="amaranth"] ) {\n\n  --mds-note-background: rgb(var(--label-amaranth-09));\n  --mds-note-color: rgb(var(--label-amaranth-02));\n  --mds-note-selection-background: rgb(var(--label-amaranth-08));\n  --mds-note-selection-color: rgb(var(--label-amaranth-04));\n}\n\n:host( [variant="aqua"] ) {\n\n  --mds-note-background: rgb(var(--label-aqua-09));\n  --mds-note-color: rgb(var(--label-aqua-02));\n  --mds-note-selection-background: rgb(var(--label-aqua-08));\n  --mds-note-selection-color: rgb(var(--label-aqua-04));\n}\n\n:host( [variant="blue"] ) {\n\n  --mds-note-background: rgb(var(--label-blue-09));\n  --mds-note-color: rgb(var(--label-blue-02));\n  --mds-note-selection-background: rgb(var(--label-blue-08));\n  --mds-note-selection-color: rgb(var(--label-blue-04));\n}\n\n:host( [variant="green"] ) {\n\n  --mds-note-background: rgb(var(--label-green-09));\n  --mds-note-color: rgb(var(--label-green-02));\n  --mds-note-selection-background: rgb(var(--label-green-08));\n  --mds-note-selection-color: rgb(var(--label-green-04));\n}\n\n:host( [variant="lime"] ) {\n\n  --mds-note-background: rgb(var(--label-lime-09));\n  --mds-note-color: rgb(var(--label-lime-02));\n  --mds-note-selection-background: rgb(var(--label-lime-08));\n  --mds-note-selection-color: rgb(var(--label-lime-04));\n}\n\n:host( [variant="orange"] ) {\n\n  --mds-note-background: rgb(var(--label-orange-09));\n  --mds-note-color: rgb(var(--label-orange-02));\n  --mds-note-selection-background: rgb(var(--label-orange-08));\n  --mds-note-selection-color: rgb(var(--label-orange-04));\n}\n\n:host( [variant="orchid"] ) {\n\n  --mds-note-background: rgb(var(--label-orchid-09));\n  --mds-note-color: rgb(var(--label-orchid-02));\n  --mds-note-selection-background: rgb(var(--label-orchid-08));\n  --mds-note-selection-color: rgb(var(--label-orchid-04));\n}\n\n:host( [variant="sky"] ) {\n\n  --mds-note-background: rgb(var(--label-sky-09));\n  --mds-note-color: rgb(var(--label-sky-02));\n  --mds-note-selection-background: rgb(var(--label-sky-08));\n  --mds-note-selection-color: rgb(var(--label-sky-04));\n}\n\n:host( [variant="violet"] ) {\n\n  --mds-note-background: rgb(var(--label-violet-09));\n  --mds-note-color: rgb(var(--label-violet-02));\n  --mds-note-selection-background: rgb(var(--label-violet-08));\n  --mds-note-selection-color: rgb(var(--label-violet-04));\n}\n\n:host( [variant="yellow"] ) {\n\n  --mds-note-background: rgb(var(--label-yellow-09));\n  --mds-note-color: rgb(var(--label-yellow-02));\n  --mds-note-selection-background: rgb(var(--label-yellow-08));\n  --mds-note-selection-color: rgb(var(--label-yellow-04));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .fold {\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    .fold {\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) inset;\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n\n  :host( [variant="amaranth"] ) {\n\n    --mds-note-background: rgb(var(--label-amaranth-08));\n    --mds-note-fold-color: rgb(var(--label-amaranth-06));\n    --mds-note-color: rgb(var(--label-amaranth-02));\n    --mds-note-selection-background: rgb(var(--label-amaranth-07));\n    --mds-note-selection-color: rgb(var(--label-amaranth-03));\n  }\n  \n  :host( [variant="aqua"] ) {\n  \n    --mds-note-background: rgb(var(--label-aqua-08));\n    --mds-note-fold-color: rgb(var(--label-aqua-06));\n    --mds-note-color: rgb(var(--label-aqua-02));\n    --mds-note-selection-background: rgb(var(--label-aqua-07));\n    --mds-note-selection-color: rgb(var(--label-aqua-03));\n  }\n  \n  :host( [variant="blue"] ) {\n  \n    --mds-note-background: rgb(var(--label-blue-08));\n    --mds-note-fold-color: rgb(var(--label-blue-06));\n    --mds-note-color: rgb(var(--label-blue-02));\n    --mds-note-selection-background: rgb(var(--label-blue-07));\n    --mds-note-selection-color: rgb(var(--label-blue-03));\n  }\n  \n  :host( [variant="green"] ) {\n  \n    --mds-note-background: rgb(var(--label-green-08));\n    --mds-note-fold-color: rgb(var(--label-green-06));\n    --mds-note-color: rgb(var(--label-green-02));\n    --mds-note-selection-background: rgb(var(--label-green-07));\n    --mds-note-selection-color: rgb(var(--label-green-03));\n  }\n  \n  :host( [variant="lime"] ) {\n  \n    --mds-note-background: rgb(var(--label-lime-08));\n    --mds-note-fold-color: rgb(var(--label-lime-06));\n    --mds-note-color: rgb(var(--label-lime-02));\n    --mds-note-selection-background: rgb(var(--label-lime-07));\n    --mds-note-selection-color: rgb(var(--label-lime-03));\n  }\n  \n  :host( [variant="orange"] ) {\n  \n    --mds-note-background: rgb(var(--label-orange-08));\n    --mds-note-fold-color: rgb(var(--label-orange-06));\n    --mds-note-color: rgb(var(--label-orange-02));\n    --mds-note-selection-background: rgb(var(--label-orange-07));\n    --mds-note-selection-color: rgb(var(--label-orange-03));\n  }\n  \n  :host( [variant="orchid"] ) {\n  \n    --mds-note-background: rgb(var(--label-orchid-08));\n    --mds-note-fold-color: rgb(var(--label-orchid-06));\n    --mds-note-color: rgb(var(--label-orchid-02));\n    --mds-note-selection-background: rgb(var(--label-orchid-07));\n    --mds-note-selection-color: rgb(var(--label-orchid-03));\n  }\n  \n  :host( [variant="sky"] ) {\n  \n    --mds-note-background: rgb(var(--label-sky-08));\n    --mds-note-fold-color: rgb(var(--label-sky-06));\n    --mds-note-color: rgb(var(--label-sky-02));\n    --mds-note-selection-background: rgb(var(--label-sky-07));\n    --mds-note-selection-color: rgb(var(--label-sky-03));\n  }\n  \n  :host( [variant="violet"] ) {\n  \n    --mds-note-background: rgb(var(--label-violet-08));\n    --mds-note-fold-color: rgb(var(--label-violet-06));\n    --mds-note-color: rgb(var(--label-violet-02));\n    --mds-note-selection-background: rgb(var(--label-violet-07));\n    --mds-note-selection-color: rgb(var(--label-violet-03));\n  }\n  \n  :host( [variant="yellow"] ) {\n  \n    --mds-note-background: rgb(var(--label-yellow-08));\n    --mds-note-fold-color: rgb(var(--label-yellow-06));\n    --mds-note-color: rgb(var(--label-yellow-02));\n    --mds-note-selection-background: rgb(var(--label-yellow-07));\n    --mds-note-selection-color: rgb(var(--label-yellow-03));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n  \n  @media (prefers-color-scheme: dark) {\n    :host {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n    }\n\n    :host( [variant="amaranth"] ) {\n\n      --mds-note-background: rgb(var(--label-amaranth-08));\n      --mds-note-fold-color: rgb(var(--label-amaranth-06));\n      --mds-note-color: rgb(var(--label-amaranth-02));\n      --mds-note-selection-background: rgb(var(--label-amaranth-07));\n      --mds-note-selection-color: rgb(var(--label-amaranth-03));\n    }\n    \n    :host( [variant="aqua"] ) {\n    \n      --mds-note-background: rgb(var(--label-aqua-08));\n      --mds-note-fold-color: rgb(var(--label-aqua-06));\n      --mds-note-color: rgb(var(--label-aqua-02));\n      --mds-note-selection-background: rgb(var(--label-aqua-07));\n      --mds-note-selection-color: rgb(var(--label-aqua-03));\n    }\n    \n    :host( [variant="blue"] ) {\n    \n      --mds-note-background: rgb(var(--label-blue-08));\n      --mds-note-fold-color: rgb(var(--label-blue-06));\n      --mds-note-color: rgb(var(--label-blue-02));\n      --mds-note-selection-background: rgb(var(--label-blue-07));\n      --mds-note-selection-color: rgb(var(--label-blue-03));\n    }\n    \n    :host( [variant="green"] ) {\n    \n      --mds-note-background: rgb(var(--label-green-08));\n      --mds-note-fold-color: rgb(var(--label-green-06));\n      --mds-note-color: rgb(var(--label-green-02));\n      --mds-note-selection-background: rgb(var(--label-green-07));\n      --mds-note-selection-color: rgb(var(--label-green-03));\n    }\n    \n    :host( [variant="lime"] ) {\n    \n      --mds-note-background: rgb(var(--label-lime-08));\n      --mds-note-fold-color: rgb(var(--label-lime-06));\n      --mds-note-color: rgb(var(--label-lime-02));\n      --mds-note-selection-background: rgb(var(--label-lime-07));\n      --mds-note-selection-color: rgb(var(--label-lime-03));\n    }\n    \n    :host( [variant="orange"] ) {\n    \n      --mds-note-background: rgb(var(--label-orange-08));\n      --mds-note-fold-color: rgb(var(--label-orange-06));\n      --mds-note-color: rgb(var(--label-orange-02));\n      --mds-note-selection-background: rgb(var(--label-orange-07));\n      --mds-note-selection-color: rgb(var(--label-orange-03));\n    }\n    \n    :host( [variant="orchid"] ) {\n    \n      --mds-note-background: rgb(var(--label-orchid-08));\n      --mds-note-fold-color: rgb(var(--label-orchid-06));\n      --mds-note-color: rgb(var(--label-orchid-02));\n      --mds-note-selection-background: rgb(var(--label-orchid-07));\n      --mds-note-selection-color: rgb(var(--label-orchid-03));\n    }\n    \n    :host( [variant="sky"] ) {\n    \n      --mds-note-background: rgb(var(--label-sky-08));\n      --mds-note-fold-color: rgb(var(--label-sky-06));\n      --mds-note-color: rgb(var(--label-sky-02));\n      --mds-note-selection-background: rgb(var(--label-sky-07));\n      --mds-note-selection-color: rgb(var(--label-sky-03));\n    }\n    \n    :host( [variant="violet"] ) {\n    \n      --mds-note-background: rgb(var(--label-violet-08));\n      --mds-note-fold-color: rgb(var(--label-violet-06));\n      --mds-note-color: rgb(var(--label-violet-02));\n      --mds-note-selection-background: rgb(var(--label-violet-07));\n      --mds-note-selection-color: rgb(var(--label-violet-03));\n    }\n    \n    :host( [variant="yellow"] ) {\n    \n      --mds-note-background: rgb(var(--label-yellow-08));\n      --mds-note-fold-color: rgb(var(--label-yellow-06));\n      --mds-note-color: rgb(var(--label-yellow-02));\n      --mds-note-selection-background: rgb(var(--label-yellow-07));\n      --mds-note-selection-color: rgb(var(--label-yellow-03));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n\n  .fold {\n    bottom: 0.125rem;\n    right: 0.125rem;\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    }\n\n    .fold {\n      bottom: 0.125rem;\n      right: 0.125rem;\n    }\n  }\n}\n\n\n';export{g as mds_note}

package/dist/magma-components/{p-d41cdc56.entry.js → p-4e0c9d47.entry.js}

@@ -1 +1 @@
-import{r as o,h as s,H as t,g as r}from"./p-b6defcb6.js";import{m as l}from"./p-adc5a87e.js";import{m as a}from"./p-24ec3f86.js";import{c as i}from"./p-8a1a6e56.js";const n=class{constructor(s){o(this,s),this.updateElements=()=>{var o,s;this.elements=null===(s=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelectorAll("slot")[0])||void 0===s?void 0:s.assignedNodes()},this.isInViewport=o=>{if(!this.contents)return!1;const s=o.getBoundingClientRect(),t=this.contents.getBoundingClientRect();return s.top>=0&&s.left>=0&&s.bottom<=t.height&&s.right<=t.width},this.checkNavigationButtons=()=>{if(!this.elements)throw Error("No elements slotted to the component");this.showBack=!0,this.showForward=!0,this.elements.forEach(((o,s)=>{0===s&&this.isInViewport(o)&&(this.showBack=!1),this.elements.length-1===s&&this.isInViewport(o)&&(this.showForward=!1)}))},this.moveBack=()=>{if(!this.elements)throw Error("No elements slotted to the component");let o,s,t=0;this.elements.forEach(((r,l)=>{this.isInViewport(r)&&(o||(t=l,o=r),s=r)})),this.elements.forEach(((r,l)=>{this.isInViewport(r)||l!==t-1||void 0===o||void 0===s||(this.contents.scrollLeft=this.contents.scrollLeft+r.offsetLeft-s.offsetLeft)}))},this.moveForward=()=>{if(!this.elements)throw Error("No elements slotted to the component");let o=!0;this.elements.forEach((s=>{this.isInViewport(s)||s.offsetLeft>this.contents.scrollLeft&&o&&(o=!1,this.lastElementOffsetLeft=s.offsetLeft,this.contents.scrollLeft=this.lastElementOffsetLeft)}))},this.showForward=!0,this.showBack=!1,this.controls="desktop",this.snap="start",this.scrollbar=void 0}componentDidLoad(){var o;this.contents=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(".contents"),this.contents.addEventListener("scrollend",this.checkNavigationButtons)}disconnectedCallback(){this.contents.removeEventListener("scrollend",this.checkNavigationButtons)}render(){return s(t,{key:"ae52f1d9397941a6586397fe7ce44881d7916ac4"},s("div",{key:"02db3442d3eb33ff646c1439fb9ee8a7a3a54f11",class:"contents",part:"content"},s("slot",{key:"ec3e436466199669e43ae15546d52062b608ec78",onSlotchange:this.updateElements})),"none"!==this.controls&&s("mds-button",{key:"e512380fedd58759287e94dc1d167db31ea4045d",onClick:this.moveBack,size:"lg",class:i("navigation navigation--back",!this.showBack&&"navigation--disabled"),icon:l}),"none"!==this.controls&&s("mds-button",{key:"d348b6320ab17b8f4e28e07a7a8bd81cd28ab9a6",onClick:this.moveForward,size:"lg",class:i("navigation navigation--forward",!this.showForward&&"navigation--disabled"),icon:a}))}get host(){return r(this)}};n.style='@tailwind components; @tailwind utilities; :host{--mds-horizontal-scroll-scrollbar-radius:0;--mds-horizontal-scroll-scrollbar-margin:0;--mds-horizontal-scroll-scrollbar-size:0.5rem;--mds-horizontal-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02) 0.3);--mds-horizontal-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06) 0.3);--mds-horizontal-scroll-gap:1.5rem;--mds-horizontal-scroll-contents-padding:1.5rem 0;--mds-horizontal-scroll-controls-margin:3rem;--mds-horizontal-scroll-contents-scroll-padding:0 1.5rem;--mds-horizontal-scroll-max-width:1280px;--max-width:var(--mds-horizontal-scroll-max-width);--scroll-margin:calc(((100svw - var(--max-width)) / 2) + (var(--mds-horizontal-scroll-controls-margin) * 2));width:100%;gap:0.5rem;container-name:mds-horizontal-scroll;container-type:inline-size;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.navigation{border-radius:1000px;display:none;padding:0;position:absolute;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:opacity, scale, -webkit-transform;transition-property:opacity, scale, -webkit-transform;transition-property:opacity, scale, transform;transition-property:opacity, scale, transform, -webkit-transform}:host(:not([scrollbar])) .contents{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([scrollbar])) .contents::-webkit-scrollbar{display:none}:host([scrollbar]:not([scrollbar="false"])) .contents::-webkit-scrollbar{height:var(--mds-horizontal-scroll-scrollbar-size);width:var(--mds-horizontal-scroll-scrollbar-size)}:host([scrollbar]:not([scrollbar="false"])) .contents::-webkit-scrollbar-track{background-color:var(--mds-horizontal-scroll-scrollbar-track-background);border-radius:var(--mds-horizontal-scroll-scrollbar-radius);margin-block:var(--mds-horizontal-scroll-scrollbar-margin);margin-inline:var(--mds-horizontal-scroll-scrollbar-margin)}:host([scrollbar]:not([scrollbar="false"])) .contents::-webkit-scrollbar-thumb{background-color:var(--mds-horizontal-scroll-scrollbar-thumb-background);border-radius:var(--mds-horizontal-scroll-scrollbar-radius)}@supports (scrollbar-color: transparent transparent){.contents{scrollbar-color:var(--mds-horizontal-scroll-scrollbar-thumb-background) var(--mds-horizontal-scroll-scrollbar-track-background);scrollbar-width:thin}}:host([snap="start"]) .contents>::slotted(*){scroll-snap-align:start}:host([snap="center"]) .contents>::slotted(*){scroll-snap-align:center}:host([snap="end"]) .contents>::slotted(*){scroll-snap-align:end}.contents{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:var(--mds-horizontal-scroll-gap);overflow:auto;padding:var(--mds-horizontal-scroll-contents-padding);scroll-behavior:smooth;scroll-padding:var(--mds-horizontal-scroll-contents-scroll-padding);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;width:100%}.contents>::slotted(*){-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;scroll-margin:0 var(--scroll-margin)}.contents::after,.contents::before{--width:calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap));content:"";display:block;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;min-width:clamp(1px, var(--width), var(--width));scroll-margin:0 var(--scroll-margin)}.navigation--back{--position:calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap) - var(--mds-horizontal-scroll-controls-margin));left:clamp(calc(var(--mds-horizontal-scroll-gap) / 2), var(--position), var(--position))}.navigation--forward{--position:calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap) - var(--mds-horizontal-scroll-controls-margin));right:clamp(calc(var(--mds-horizontal-scroll-gap) / 2), var(--position), var(--position))}.navigation--disabled{opacity:0;pointer-events:none;-webkit-transform:translate(0, -50%) scale(0.5);transform:translate(0, -50%) scale(0.5)}:host([controls="all"]) .navigation{display:-ms-flexbox;display:flex}@media (min-width: 1920px){:host([controls="tv"]) .navigation{display:-ms-flexbox;display:flex}}@media (min-width: 1600px){:host([controls="xlarge"]) .navigation{display:-ms-flexbox;display:flex}}@media (min-width: 1440px){:host([controls="large"]) .navigation{display:-ms-flexbox;display:flex}}@media (min-width: 1280px){:host([controls="wide"]) .navigation{display:-ms-flexbox;display:flex}}@media (min-width: 1024px){:host([controls="desktop"]) .navigation{display:-ms-flexbox;display:flex}}@media (min-width: 768px){:host([controls="tablet"]) .navigation{display:-ms-flexbox;display:flex}}';export{n as mds_horizontal_scroll}
+import{r as o,h as s,H as t,g as r}from"./p-eab621a7.js";import{m as l}from"./p-adc5a87e.js";import{m as a}from"./p-24ec3f86.js";import{c as i}from"./p-8a1a6e56.js";const n=class{constructor(s){o(this,s),this.updateElements=()=>{var o,s;this.elements=null===(s=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelectorAll("slot")[0])||void 0===s?void 0:s.assignedNodes()},this.isInViewport=o=>{if(!this.contents)return!1;const s=o.getBoundingClientRect(),t=this.contents.getBoundingClientRect();return s.top>=0&&s.left>=0&&s.bottom<=t.height&&s.right<=t.width},this.checkNavigationButtons=()=>{if(!this.elements)throw Error("No elements slotted to the component");this.showBack=!0,this.showForward=!0,this.elements.forEach(((o,s)=>{0===s&&this.isInViewport(o)&&(this.showBack=!1),this.elements.length-1===s&&this.isInViewport(o)&&(this.showForward=!1)}))},this.moveBack=()=>{if(!this.elements)throw Error("No elements slotted to the component");let o,s,t=0;this.elements.forEach(((r,l)=>{this.isInViewport(r)&&(o||(t=l,o=r),s=r)})),this.elements.forEach(((r,l)=>{this.isInViewport(r)||l!==t-1||void 0===o||void 0===s||(this.contents.scrollLeft=this.contents.scrollLeft+r.offsetLeft-s.offsetLeft)}))},this.moveForward=()=>{if(!this.elements)throw Error("No elements slotted to the component");let o=!0;this.elements.forEach((s=>{this.isInViewport(s)||s.offsetLeft>this.contents.scrollLeft&&o&&(o=!1,this.lastElementOffsetLeft=s.offsetLeft,this.contents.scrollLeft=this.lastElementOffsetLeft)}))},this.showForward=!0,this.showBack=!1,this.controls="desktop",this.snap="start",this.scrollbar=void 0}componentDidLoad(){var o;this.contents=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(".contents"),this.contents.addEventListener("scrollend",this.checkNavigationButtons)}disconnectedCallback(){this.contents.removeEventListener("scrollend",this.checkNavigationButtons)}render(){return s(t,{key:"ae52f1d9397941a6586397fe7ce44881d7916ac4"},s("div",{key:"02db3442d3eb33ff646c1439fb9ee8a7a3a54f11",class:"contents",part:"content"},s("slot",{key:"ec3e436466199669e43ae15546d52062b608ec78",onSlotchange:this.updateElements})),"none"!==this.controls&&s("mds-button",{key:"e512380fedd58759287e94dc1d167db31ea4045d",onClick:this.moveBack,size:"lg",class:i("navigation navigation--back",!this.showBack&&"navigation--disabled"),icon:l}),"none"!==this.controls&&s("mds-button",{key:"d348b6320ab17b8f4e28e07a7a8bd81cd28ab9a6",onClick:this.moveForward,size:"lg",class:i("navigation navigation--forward",!this.showForward&&"navigation--disabled"),icon:a}))}get host(){return r(this)}};n.style='@tailwind components; @tailwind utilities; :host{--mds-horizontal-scroll-scrollbar-radius:0;--mds-horizontal-scroll-scrollbar-margin:0;--mds-horizontal-scroll-scrollbar-size:0.5rem;--mds-horizontal-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02) 0.3);--mds-horizontal-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06) 0.3);--mds-horizontal-scroll-gap:1.5rem;--mds-horizontal-scroll-contents-padding:1.5rem 0;--mds-horizontal-scroll-controls-margin:3rem;--mds-horizontal-scroll-contents-scroll-padding:0 1.5rem;--mds-horizontal-scroll-max-width:1280px;--max-width:var(--mds-horizontal-scroll-max-width);--scroll-margin:calc(((100svw - var(--max-width)) / 2) + (var(--mds-horizontal-scroll-controls-margin) * 2));width:100%;gap:0.5rem;container-name:mds-horizontal-scroll;container-type:inline-size;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.navigation{border-radius:1000px;display:none;padding:0;position:absolute;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:opacity, scale, -webkit-transform;transition-property:opacity, scale, -webkit-transform;transition-property:opacity, scale, transform;transition-property:opacity, scale, transform, -webkit-transform}:host(:not([scrollbar])) .contents{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([scrollbar])) .contents::-webkit-scrollbar{display:none}:host([scrollbar]:not([scrollbar="false"])) .contents::-webkit-scrollbar{height:var(--mds-horizontal-scroll-scrollbar-size);width:var(--mds-horizontal-scroll-scrollbar-size)}:host([scrollbar]:not([scrollbar="false"])) .contents::-webkit-scrollbar-track{background-color:var(--mds-horizontal-scroll-scrollbar-track-background);border-radius:var(--mds-horizontal-scroll-scrollbar-radius);margin-block:var(--mds-horizontal-scroll-scrollbar-margin);margin-inline:var(--mds-horizontal-scroll-scrollbar-margin)}:host([scrollbar]:not([scrollbar="false"])) .contents::-webkit-scrollbar-thumb{background-color:var(--mds-horizontal-scroll-scrollbar-thumb-background);border-radius:var(--mds-horizontal-scroll-scrollbar-radius)}@supports (scrollbar-color: transparent transparent){.contents{scrollbar-color:var(--mds-horizontal-scroll-scrollbar-thumb-background) var(--mds-horizontal-scroll-scrollbar-track-background);scrollbar-width:thin}}:host([snap="start"]) .contents>::slotted(*){scroll-snap-align:start}:host([snap="center"]) .contents>::slotted(*){scroll-snap-align:center}:host([snap="end"]) .contents>::slotted(*){scroll-snap-align:end}.contents{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:var(--mds-horizontal-scroll-gap);overflow:auto;padding:var(--mds-horizontal-scroll-contents-padding);scroll-behavior:smooth;scroll-padding:var(--mds-horizontal-scroll-contents-scroll-padding);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;width:100%}.contents>::slotted(*){-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;scroll-margin:0 var(--scroll-margin)}.contents::after,.contents::before{--width:calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap));content:"";display:block;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;min-width:clamp(1px, var(--width), var(--width));scroll-margin:0 var(--scroll-margin)}.navigation--back{--position:calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap) - var(--mds-horizontal-scroll-controls-margin));left:clamp(calc(var(--mds-horizontal-scroll-gap) / 2), var(--position), var(--position))}.navigation--forward{--position:calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap) - var(--mds-horizontal-scroll-controls-margin));right:clamp(calc(var(--mds-horizontal-scroll-gap) / 2), var(--position), var(--position))}.navigation--disabled{opacity:0;pointer-events:none;-webkit-transform:translate(0, -50%) scale(0.5);transform:translate(0, -50%) scale(0.5)}:host([controls="all"]) .navigation{display:-ms-flexbox;display:flex}@media (min-width: 1920px){:host([controls="tv"]) .navigation{display:-ms-flexbox;display:flex}}@media (min-width: 1600px){:host([controls="xlarge"]) .navigation{display:-ms-flexbox;display:flex}}@media (min-width: 1440px){:host([controls="large"]) .navigation{display:-ms-flexbox;display:flex}}@media (min-width: 1280px){:host([controls="wide"]) .navigation{display:-ms-flexbox;display:flex}}@media (min-width: 1024px){:host([controls="desktop"]) .navigation{display:-ms-flexbox;display:flex}}@media (min-width: 768px){:host([controls="tablet"]) .navigation{display:-ms-flexbox;display:flex}}';export{n as mds_horizontal_scroll}

package/dist/magma-components/{p-d219007f.system.entry.js → p-4f52b15e.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js","./p-d68089ba.system.js"],(function(n){"use strict";var t,e,i,r,s,a;return{setters:[function(n){t=n.r;e=n.c;i=n.h;r=n.H;s=n.g},function(n){a=n.c}],execute:function(){var o="@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-filter-items-background-active: Sets the background-color of the items row area when a filter is active\n * @prop --mds-filter-items-background: Sets the background-color of the items row area\n * @prop --mds-filter-items-gap: Sets the gap between items\n * @prop --mds-filter-items-padding: Sets the padding of the items row area\n * @prop --mds-filter-items-radius: Sets the border-radius of the items row area\n * @prop --mds-filter-label-padding: Sets the padding of the label\n */\n\n:host {\n\n  --mds-filter-items-background-active: rgb(var(--tone-neutral-08));\n  --mds-filter-items-background: rgb(var(--tone-neutral-09));\n  --mds-filter-items-gap: 0.5rem;\n  --mds-filter-items-padding: 0.5rem;\n  --mds-filter-items-radius: 9999px;\n  --mds-filter-label-padding: 0 1.5rem;\n  gap: 0.25rem;\n\n  display: grid;\n  grid-auto-rows: -webkit-min-content;\n  grid-auto-rows: min-content;\n}\n\n.reset {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n}\n\n.reset-button{\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  scale: 0;\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n}\n\n.reset-button-opened {\n  scale: 1;\n}\n\n.items {\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\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-filter-items-background);\n  border-radius: var(--mds-filter-items-radius);\n  display: -ms-flexbox;\n  display: flex;\n  gap: var(--mds-filter-items-gap);\n  overflow: auto;\n  padding: var(--mds-filter-items-padding);\n  scroll-behavior: smooth;\n  -webkit-scroll-snap-type: x mandatory;\n  -ms-scroll-snap-type: x mandatory;\n  scroll-snap-type: x mandatory;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  }\n\n.items::-webkit-scrollbar {\n  display: none;\n}\n\n.label {\n  padding: var(--mds-filter-label-padding);\n}\n\n.active {\n  background-color: var(--mds-filter-items-background-active);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .reset-button,\n  .items {\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    .reset-button,\n    .items {\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  .items {\n\n    --mds-filter-items-background-active: rgb(var(--tone-neutral-10));\n    --mds-filter-items-background: rgb(var(--tone-neutral-09));\n\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    .items {\n\n      --mds-filter-items-background-active: rgb(var(--tone-neutral-10));\n      --mds-filter-items-background: rgb(var(--tone-neutral-09));\n\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-filter-items-background-active: rgb(var(--tone-neutral-09));\n    --mds-filter-items-background: rgb(var(--tone-neutral-10));\n  }\n\n  .items {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-filter-items-background-active: rgb(var(--tone-neutral-09));\n      --mds-filter-items-background: rgb(var(--tone-neutral-10));\n    }\n\n    .items {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n\n";var d=o;var l=n("mds_filter",function(){function n(n){var i=this;t(this,n);this.changedEvent=e(this,"mdsFilterChange",7);this.queryItems=function(){return i.element.querySelectorAll("mds-filter-item")};this.scrollTabs=function(){var n;var t=i.queryItems();var e=t[i.lastSelectedItem];var r=(n=i.element.shadowRoot)===null||n===void 0?void 0:n.querySelector(".items");if(r){r.scrollLeft=e.offsetLeft-r.offsetLeft-r.offsetWidth/2+e.offsetWidth/2}};this.checkSelectedItem=function(){var n=i.queryItems();var t=false;n.forEach((function(n){if(n.selected){t=true}}));i.active=t};this.checkAutoReset=function(){if(!i.autoReset){return}i.resetItems()};this.resetItems=function(){var n=i.queryItems();n.forEach((function(n){n.selected=false;n.classList.remove("sibling")}));i.active=false};this.itemsValues=function(){var n=i.queryItems();var t=[];n.forEach((function(n){if(n.selected){t.push(n.value)}}));return t.toString()};this.active=undefined;this.itemsSelected=0;this.autoReset=undefined;this.label=undefined;this.multiple=undefined;this.reset=undefined}n.prototype.componentWillLoad=function(){var n=this.queryItems();n.forEach((function(n,t){n.id="item-".concat(t)}));this.checkSelectedItem()};n.prototype.activeEventHandler=function(n){this.lastSelectedItem=Number(n.detail.id?n.detail.id.replace("item-",""):0);this.scrollTabs();var t=this.queryItems();if(this.multiple){var e=0;var i=[];t.forEach((function(n,t){n.selected?i.push(n):i.push(null);if(n.selected){e+=1}n.classList.remove("sibling");if(i.length>1&&i[t-1]!==null){n.classList.add("sibling")}}));this.itemsSelected=e;this.checkSelectedItem();if(this.itemsSelected===t.length){this.checkAutoReset()}this.changedEvent.emit({children:t,value:this.itemsValues()});return}t.forEach((function(t,e){t.selected="item-".concat(e)===n.detail.id&&n.detail.selected}));this.checkSelectedItem();this.changedEvent.emit({children:t,value:this.itemsValues()})};n.prototype.render=function(){return i(r,{key:"61c5754cdcd567e371ec9a75f2b36fd3363aa6f0","aria-label":this.label},this.label&&i("mds-text",{key:"cb4ff8cd7d6097c4423e868ef3f26fce99422b09",class:"label",typography:"label"},this.label),i("div",{key:"87ac4b2b871819d332c9c0d31273ab308e88ac8d",class:a("items",this.active&&"active")},i("slot",{key:"557196c9f319bb440ee21f92a7687298f415b00d"}),this.reset&&i("div",{key:"37f77b71d97601600fc9838f032b38287b16bc0c",class:a("reset",this.active&&"reset-opened")},i("mds-filter-item",{key:"4baf098d356900355ef769dd5ee4a040ae83de16",selected:this.active,class:a("reset-button",this.active&&"reset-button-opened"),icon:"mi/baseline/close",onClick:this.resetItems}))))};Object.defineProperty(n.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});return n}());l.style=d}}}));
+System.register(["./p-c94628eb.system.js","./p-d68089ba.system.js"],(function(n){"use strict";var t,e,i,r,a,s;return{setters:[function(n){t=n.r;e=n.c;i=n.h;r=n.H;a=n.g},function(n){s=n.c}],execute:function(){var o="@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-filter-items-background-active: Sets the background-color of the items row area when a filter is active\n * @prop --mds-filter-items-background: Sets the background-color of the items row area\n * @prop --mds-filter-items-gap: Sets the gap between items\n * @prop --mds-filter-items-padding: Sets the padding of the items row area\n * @prop --mds-filter-items-radius: Sets the border-radius of the items row area\n * @prop --mds-filter-label-padding: Sets the padding of the label\n */\n\n:host {\n\n  --mds-filter-items-background-active: rgb(var(--tone-neutral-08));\n  --mds-filter-items-background: rgb(var(--tone-neutral-09));\n  --mds-filter-items-gap: 0.5rem;\n  --mds-filter-items-padding: 0.5rem;\n  --mds-filter-items-radius: 9999px;\n  --mds-filter-label-padding: 0 1.5rem;\n  gap: 0.25rem;\n\n  display: grid;\n  grid-auto-rows: -webkit-min-content;\n  grid-auto-rows: min-content;\n}\n\n.reset {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n}\n\n.reset-button{\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  scale: 0;\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n}\n\n.reset-button-opened {\n  scale: 1;\n}\n\n.items {\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\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-filter-items-background);\n  border-radius: var(--mds-filter-items-radius);\n  display: -ms-flexbox;\n  display: flex;\n  gap: var(--mds-filter-items-gap);\n  overflow: auto;\n  padding: var(--mds-filter-items-padding);\n  scroll-behavior: smooth;\n  -webkit-scroll-snap-type: x mandatory;\n  -ms-scroll-snap-type: x mandatory;\n  scroll-snap-type: x mandatory;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  }\n\n.items::-webkit-scrollbar {\n  display: none;\n}\n\n.label {\n  padding: var(--mds-filter-label-padding);\n}\n\n.active {\n  background-color: var(--mds-filter-items-background-active);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .reset-button,\n  .items {\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    .reset-button,\n    .items {\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  .items {\n\n    --mds-filter-items-background-active: rgb(var(--tone-neutral-10));\n    --mds-filter-items-background: rgb(var(--tone-neutral-09));\n\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    .items {\n\n      --mds-filter-items-background-active: rgb(var(--tone-neutral-10));\n      --mds-filter-items-background: rgb(var(--tone-neutral-09));\n\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-filter-items-background-active: rgb(var(--tone-neutral-09));\n    --mds-filter-items-background: rgb(var(--tone-neutral-10));\n  }\n\n  .items {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-filter-items-background-active: rgb(var(--tone-neutral-09));\n      --mds-filter-items-background: rgb(var(--tone-neutral-10));\n    }\n\n    .items {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n\n";var d=o;var l=n("mds_filter",function(){function n(n){var i=this;t(this,n);this.changedEvent=e(this,"mdsFilterChange",7);this.queryItems=function(){return i.element.querySelectorAll("mds-filter-item")};this.scrollTabs=function(){var n;var t=i.queryItems();var e=t[i.lastSelectedItem];var r=(n=i.element.shadowRoot)===null||n===void 0?void 0:n.querySelector(".items");if(r){r.scrollLeft=e.offsetLeft-r.offsetLeft-r.offsetWidth/2+e.offsetWidth/2}};this.checkSelectedItem=function(){var n=i.queryItems();var t=false;n.forEach((function(n){if(n.selected){t=true}}));i.active=t};this.checkAutoReset=function(){if(!i.autoReset){return}i.resetItems()};this.resetItems=function(){var n=i.queryItems();n.forEach((function(n){n.selected=false;n.classList.remove("sibling")}));i.active=false};this.itemsValues=function(){var n=i.queryItems();var t=[];n.forEach((function(n){if(n.selected){t.push(n.value)}}));return t.toString()};this.active=undefined;this.itemsSelected=0;this.autoReset=undefined;this.label=undefined;this.multiple=undefined;this.reset=undefined}n.prototype.componentWillLoad=function(){var n=this.queryItems();n.forEach((function(n,t){n.id="item-".concat(t)}));this.checkSelectedItem()};n.prototype.activeEventHandler=function(n){this.lastSelectedItem=Number(n.detail.id?n.detail.id.replace("item-",""):0);this.scrollTabs();var t=this.queryItems();if(this.multiple){var e=0;var i=[];t.forEach((function(n,t){n.selected?i.push(n):i.push(null);if(n.selected){e+=1}n.classList.remove("sibling");if(i.length>1&&i[t-1]!==null){n.classList.add("sibling")}}));this.itemsSelected=e;this.checkSelectedItem();if(this.itemsSelected===t.length){this.checkAutoReset()}this.changedEvent.emit({children:t,value:this.itemsValues()});return}t.forEach((function(t,e){t.selected="item-".concat(e)===n.detail.id&&n.detail.selected}));this.checkSelectedItem();this.changedEvent.emit({children:t,value:this.itemsValues()})};n.prototype.render=function(){return i(r,{key:"7215fb2de82e3f33a94ab1c101fc732a9a05cf27","aria-label":this.label,role:"menubar"},this.label&&i("mds-text",{key:"4a95f76c175f7b9db14ea616a1556a17abe32ba1",class:"label",typography:"label"},this.label),i("div",{key:"91a7cbd971f9bba667665a2119ab76fc2905d06d",class:s("items",this.active&&"active")},i("slot",{key:"f927719daa34281b0220d45e88dfbeea2a23560a"}),this.reset&&i("div",{key:"8ec10d0b9d88a9808beb5cabc511d932820817a4",class:s("reset",this.active&&"reset-opened")},i("mds-filter-item",{key:"22ea88c487a3f339fe9f1501a7bd30e484633671",selected:this.active,class:s("reset-button",this.active&&"reset-button-opened"),icon:"mi/baseline/close",onClick:this.resetItems}))))};Object.defineProperty(n.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return n}());l.style=d}}}));

package/dist/magma-components/p-5100bf68.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(e,n,t,i){function a(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,r){function s(e){try{c(i.next(e))}catch(e){r(e)}}function o(e){try{c(i["throw"](e))}catch(e){r(e)}}function c(e){e.done?t(e.value):a(e.value).then(s,o)}c((i=i.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,a,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(n){return c([e,n])}}function c(o){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(t=0)),t)try{if(i=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;a=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(r=t.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){t.label=o[1];break}if(o[0]===6&&t.label<r[1]){t.label=r[1];r=o;break}if(r&&t.label<r[2]){t.label=r[2];t.ops.push(o);break}if(r[2])t.ops.pop();t.trys.pop();continue}o=n.call(e,t)}catch(e){o=[6,e];a=0}finally{i=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-c94628eb.system.js","./p-d7e5e5a1.system.js","./p-6dd91714.system.js","./p-3759b1b2.system.js","./p-21b1acec.system.js"],(function(e){"use strict";var n,t,i,a,r,s,o,c;return{setters:[function(e){n=e.r;t=e.c;i=e.h;a=e.H;r=e.g},function(e){s=e.m},function(e){o=e.m},function(e){c=e.L},function(){}],execute:function(){var l='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 2c-2.71 0-5.05 1.54-6.22 3.78a7.062 7.062 0 0 0-3 3A7.014 7.014 0 0 0 2 15c0 3.87 3.13 7 7 7c2.71 0 5.05-1.54 6.22-3.78a7.062 7.062 0 0 0 3-3A7.014 7.014 0 0 0 22 9c0-3.87-3.13-7-7-7zM9 20a5.002 5.002 0 0 1-4-8c0 3.87 3.13 7 7 7c-.84.63-1.88 1-3 1zm3-3a5.002 5.002 0 0 1-4-8c0 3.86 3.13 6.99 7 7c-.84.63-1.88 1-3 1zm4.7-3.3c-.53.19-1.1.3-1.7.3c-2.76 0-5-2.24-5-5c0-.6.11-1.17.3-1.7c.53-.19 1.1-.3 1.7-.3c2.76 0 5 2.24 5 5c0 .6-.11 1.17-.3 1.7zM19 12c0-3.86-3.13-6.99-7-7a5.002 5.002 0 0 1 7 7z"/></svg>';var m="Απενεργοποιημένο";var f="Ενεργοποιημένο";var u="Κινηματογραφήσεις";var d="Ρυθμίσεις συστήματος";var b={animationDisabled:m,animationEnabled:f,label:u,systemSettings:d};var v="Disabled";var h="Enabled";var y="Animations";var g="System settings";var p={animationDisabled:v,animationEnabled:h,label:y,systemSettings:g};var w="Deshabilitadas";var k="Habilitadas";var S="Animaciones";var x="Sistema operativo";var _={animationDisabled:w,animationEnabled:k,label:S,systemSettings:x};var D="Disabilitate";var j="Abilitate";var z="Animazioni";var A="Sistema operativo";var E={animationDisabled:D,animationEnabled:j,label:z,systemSettings:A};var C="@tailwind utilities;\n\n:host{\n\n  gap: 0.25rem;\n\n  display: grid;\n}\n\n.item {\n\n  --mds-tab-item-color: rgb(var(--tone-neutral-05));\n\n  -ms-flex-preferred-size: 0;\n\n  flex-basis: 0;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n}\n\n.item--system {\n\n  --mds-tab-item-color-selected: rgb(var(--tone-neutral-03));\n}\n\n.item--enabled {\n\n  --mds-tab-item-color-selected: rgb(var(--tone-neutral-03));\n}\n\n.item--disabled {\n\n  --mds-tab-item-color-selected: rgb(var(--tone-neutral-03));\n}\n\n@container style(--magma-pref-contrast: more) {\n  .item {\n\n    --mds-tab-item-color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    .item {\n\n      --mds-tab-item-color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n";var M=C;var P=e("mds_pref_animation",function(){function e(e){var i=this;n(this,e);this.prefChangeEvent=t(this,"mdsPrefChange",7);this.localStorageAlias="mdsPrefAnimation";this.customPropertyAlias="--magma-pref-animation";this.defaultMode="system";this.t=new c({el:b,en:p,es:_,it:E});this.animation={reduce:{selector:"pref-animation-reduce",label:"animationDisabled"},system:{selector:"pref-animation-system",label:"systemSettings"},"no-preference":{selector:"pref-animation-no-preference",label:"animationEnabled"}};this.setAnimation=function(e){i.prefChangeEvent.emit({preference:"animation"});i.mode=e;localStorage.setItem(i.localStorageAlias,i.mode);if(document){var n=document.querySelector("html");for(var t in i.animation){if({}.hasOwnProperty.call(i.animation,t)){n===null||n===void 0?void 0:n.classList.remove(i.animation[t].selector)}}n===null||n===void 0?void 0:n.classList.add(i.animation[i.mode].selector);n===null||n===void 0?void 0:n.style.setProperty(i.customPropertyAlias,i.mode)}};this.language=undefined;this.mode=undefined}e.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=this.t.lang(this.element);return[2]}))}))};e.prototype.componentWillRender=function(){var e,n;this.t.lang(this.element);this.setAnimation((n=(e=this.mode)!==null&&e!==void 0?e:localStorage.getItem(this.localStorageAlias))!==null&&n!==void 0?n:this.defaultMode)};e.prototype.modeChanged=function(e){this.setAnimation(e)};e.prototype.render=function(){var e=this;var n;return i(a,{key:"a51aee1481fe52a192a76dc1940732566a0ccb71"},i("mds-text",{key:"0ce8e1d74e412d437aefb923bcfa49229e68289e",class:"info",typography:"caption"},i("b",{key:"1fb6e300398aade36b2e3b0fb69fa7e3002a827e"},this.t.get("label"))," ",this.t.get(this.animation[(n=this.mode)!==null&&n!==void 0?n:this.defaultMode].label)),i("mds-tab",{key:"39531570c525ea29f5e524e3c980350461c0e002"},i("mds-tab-item",{key:"e741e1b7e30b59366a747b6c1b8e2939d22a9d84",selected:this.mode==="reduce",onClick:function(){e.setAnimation("reduce")},class:"item item--reduce",icon:s}),i("mds-tab-item",{key:"27b8c88f59f649a09d4bf10625db794e224801c2",selected:this.mode==="system",onClick:function(){e.setAnimation("system")},class:"item item--system",icon:o}),i("mds-tab-item",{key:"f43c7a20d4fe443a460c99415130230409091976",selected:this.mode==="no-preference",onClick:function(){e.setAnimation("no-preference")},class:"item item--no-preference",icon:l})))};Object.defineProperty(e.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{mode:["modeChanged"]}},enumerable:false,configurable:true});return e}());P.style=M}}}));

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

@@ -0,0 +1 @@
+import{r as n,c as e,h as i,H as o,g as r}from"./p-eab621a7.js";import{m as t}from"./p-19dab167.js";import{K as s}from"./p-0f3e17bc.js";import{L as a}from"./p-c310b41f.js";import"./p-85aa8e05.js";const d={close:"Κλείσιμο",iframeURL:"Στοιχείο iframe που περιέχει {{ url }}",previewURL:"Παράθυρο με προεπισκόπηση του {{ url }}"},l={close:"Close",iframeURL:"Iframe element containing {{ url }}",previewURL:"Window with a preview of {{ url }}"},c={close:"Cerrar",iframeURL:"Elemento iframe que contiene {{ url }}",previewURL:"Ventana con vista previa de {{ url }}"},m={close:"Chiudi",iframeURL:"Elemento iframe contentente {{ url }}",previewURL:"Finestra con anteprima di {{ url }}"},u=class{constructor(i){n(this,i),this.closeEvent=e(this,"mdsUrlViewClose",7),this.km=new s,this.t=new a({el:d,en:l,es:c,it:m}),this.urlDomain=n=>new URL(n).hostname.replace("www.",""),this.closeUrlView=()=>{this.closeEvent.emit()},this.disconnectedCallback=()=>{this.km.detachClickBehavior()},this.language=void 0,this.domain=void 0,this.src=void 0,this.loading="lazy"}async updateLang(){this.language=this.t.lang(this.host)}componentWillLoad(){this.t.lang(this.host)}componentDidLoad(){var n;const e=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelector(".close");this.km.addElement(e),this.km.attachClickBehavior()}render(){return i(o,{key:"05bbf8e0a83e6a04165e50cf97578a377f192f4e","aria-label":this.t.get("previewURL",{url:this.urlDomain(this.src)})},i("div",{key:"389741c692dc63ed86d92318b47f5ff72ac97e3e",class:"window"},i("div",{key:"ce040d54af12a330c6e35607cc9fc8f2727dec0f",class:"header"},i("i",{key:"1bea576ed76a5f52f2a4f2582acb33e914a7885c",class:"browser-icon",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 10.9c-.61 0-1.1.49-1.1 1.1s.49 1.1 1.1 1.1c.61 0 1.1-.49 1.1-1.1s-.49-1.1-1.1-1.1zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm2.19 12.19L6 18l3.81-8.19L18 6l-3.81 8.19z"/></svg>'}),this.domain&&i("mds-text",{key:"a8b926114324fd13e4a9a4950c3cc9dcb957d665",class:"title",typography:"caption"},this.urlDomain(this.src)),i("mds-button",{key:"0b05fb02b711380045cb15b5d0c851a9acfe069a",title:this.t.get("close"),class:"button-close",icon:t,onClick:this.closeUrlView})),i("iframe",{key:"b90c46c762cb822085052ab041a01f8ca8366b74",class:"iframe","aria-label":this.t.get("iframeURL",{url:this.urlDomain(this.src)}),src:this.src})))}get host(){return r(this)}};u.style="@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n @keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n /* included for focus effect */\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-url-view-background: Sets the background-color of the component\n * @prop --mds-url-view-color: Sets the text color of the component\n * @prop --mds-url-view-radius: Sets the border-radius of the component\n * @prop --mds-url-view-shadow: Sets the box-shadow of the component\n */\n\n:host {\n\n  --mds-url-view-background: rgb(var(--tone-neutral-10));\n  --mds-url-view-color: rgb(var(--tone-neutral-02));\n  --mds-url-view-radius: 0.375rem;\n  --mds-url-view-header-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --mds-url-view-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  height: 100vh;\n  padding: 1rem;\n\n  -webkit-box-sizing: border-box;\n\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n}\n\n.window {\n  width: 100%;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  background-color: var(--mds-url-view-background);\n  border-radius: var(--mds-url-view-radius);\n  -webkit-box-shadow: var(--mds-url-view-shadow);\n  box-shadow: var(--mds-url-view-shadow);\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  overflow: hidden;\n  -webkit-transition-property: background-color, -webkit-box-shadow;\n  transition-property: background-color, -webkit-box-shadow;\n  transition-property: background-color, box-shadow;\n  transition-property: background-color, box-shadow, -webkit-box-shadow;\n}\n\n.header {\n  gap: 0.5rem;\n  padding: 0.5rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-url-view-background);\n  -webkit-box-shadow: var(--mds-url-view-header-shadow);\n  box-shadow: var(--mds-url-view-header-shadow);\n  color: var(--mds-url-view-color);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  position: relative;\n  -webkit-transition-property: background-color, -webkit-box-shadow;\n  transition-property: background-color, -webkit-box-shadow;\n  transition-property: background-color, box-shadow;\n  transition-property: background-color, box-shadow, -webkit-box-shadow;\n}\n\n.title {\n  min-width: 0rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  -ms-flex-positive: 1;\n\n  flex-grow: 1;\n  text-align: center;\n}\n\n.browser-icon {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.browser-icon svg {\n  aspect-ratio: 1/1;\n  height: 100%;\n  width: 100%;\n}\n\n.browser-icon {\n\n  fill: var(--mds-url-view-color);\n}\n\n.button-close {\n\n  --mds-button-background: transparent;\n\n  cursor: pointer;\n  fill: var(--mds-url-view-color);\n  border-radius: 0.375rem;\n}\n\n.iframe {\n  border: 0;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  margin: 0;\n  padding: 0;\n  width: 100%;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .window,\n  .header {\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    .window,\n    .header {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-url-view-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-url-view-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-url-view-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-url-view-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n";export{u as mds_url_view}

package/dist/magma-components/{p-8f8fd8f5.entry.js → p-5629c1f5.entry.js}

@@ -1 +1 @@
-import{r as n,h as e,H as t,g as s}from"./p-b6defcb6.js";const a=class{constructor(e){n(this,e)}componentWillLoad(){this.hasAvatar=null!==this.hostElement.querySelector('[slot="avatar"]')}render(){return e(t,{key:"a393df3b2baf7ff0b8dc56750e2f29197709dc0a"},this.hasAvatar&&e("div",{key:"3ee4502afbaeaee3b9d18046e8cc3b1ad535c2ff",class:"avatar"},e("slot",{key:"7e0e47851fbbb30b638004de9abdc82880d7fe87",name:"avatar"})),e("div",{key:"f2df21f72aa614fd1db08ccfa08f1dec227bbd84",class:"info"},e("slot",{key:"37bd667d43b07c1a8d20d83b06f8d8dc0455f782"})))}get hostElement(){return s(this)}};a.style="\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";export{a as mds_author}
+import{r as n,h as e,H as a,g as t}from"./p-eab621a7.js";const s=class{constructor(e){n(this,e)}componentWillLoad(){this.hasAvatar=null!==this.hostElement.querySelector('[slot="avatar"]')}render(){return e(a,{key:"a393df3b2baf7ff0b8dc56750e2f29197709dc0a"},this.hasAvatar&&e("div",{key:"3ee4502afbaeaee3b9d18046e8cc3b1ad535c2ff",class:"avatar"},e("slot",{key:"7e0e47851fbbb30b638004de9abdc82880d7fe87",name:"avatar"})),e("div",{key:"f2df21f72aa614fd1db08ccfa08f1dec227bbd84",class:"info"},e("slot",{key:"37bd667d43b07c1a8d20d83b06f8d8dc0455f782"})))}get hostElement(){return t(this)}};s.style="\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";export{s as mds_author}

package/dist/magma-components/p-5818b17b.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(n,t,e,i){function r(n){return n instanceof e?n:new e((function(t){t(n)}))}return new(e||(e=Promise))((function(e,a){function o(n){try{d(i.next(n))}catch(n){a(n)}}function s(n){try{d(i["throw"](n))}catch(n){a(n)}}function d(n){n.done?e(n.value):r(n.value).then(o,s)}d((i=i.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var e={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,r,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(n){return function(t){return d([n,t])}}function d(s){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(e=0)),e)try{if(i=1,r&&(a=s[0]&2?r["return"]:s[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,s[1])).done)return a;if(r=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:e.label++;return{value:s[1],done:false};case 5:e.label++;r=s[1];s=[0];continue;case 7:s=e.ops.pop();e.trys.pop();continue;default:if(!(a=e.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){e=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){e.label=s[1];break}if(s[0]===6&&e.label<a[1]){e.label=a[1];a=s;break}if(a&&e.label<a[2]){e.label=a[2];e.ops.push(s);break}if(a[2])e.ops.pop();e.trys.pop();continue}s=t.call(n,e)}catch(n){s=[6,n];r=0}finally{i=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-c94628eb.system.js","./p-3759b1b2.system.js","./p-21b1acec.system.js"],(function(n){"use strict";var t,e,i,r,a;return{setters:[function(n){t=n.r;e=n.h;i=n.H;r=n.g},function(n){a=n.L},function(){}],execute:function(){var o='@tailwind utilities;\n\n:host {\n\n  --mds-input-tip-active-translate: translate(0, 0);\n\n  left: 0.25rem;\n\n  right: 0.25rem;\n\n  gap: 0.25rem;\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n  pointer-events: none;\n  position: absolute;\n  -webkit-transform: var(--mds-input-tip-active-translate);\n  transform: var(--mds-input-tip-active-translate);\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n}\n\n:host(:empty) {\n  display: none;\n}\n\n:host([position="top"]) {\n  top: 0.25rem;\n}\n\n:host([position="bottom"]) {\n  bottom: 0.25rem;\n}\n\n:host([position="top"][active]:not([active="false"])) {\n\n  --mds-input-tip-active-translate: translate(calc(0.25rem * -1), calc(0.25rem * -1));\n}\n\n:host([position="top"][active]:not([active="false"])) ::slotted( mds-input-tip-item ) {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n:host([position="bottom"][active]:not([active="false"])) {\n\n  --mds-input-tip-active-translate: translate(calc(0.25rem * -1), 0.25rem);\n}\n\n:host([position="bottom"][active]:not([active="false"])) ::slotted( mds-input-tip-item ) {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n';var s=o;var d=n("mds_input_tip",function(){function n(n){t(this,n);this.active=false;this.position="top"}n.prototype.render=function(){return e(i,{key:"6bea6c9f3c83d3d90d8f6910cabf9ad8b4a2ceb8"},e("slot",{key:"7ca0594e20f71400c0d772d5134ab2f16ab13d16"}))};return n}());d.style=s;var c='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 16.2L4.8 12l-1.4 1.4L9 19L21 7l-1.4-1.4L9 16.2z"/></svg>';var u="Απαιτείται";var p="Απενεργοποιημένο";var l="Μόνο για ανάγνωση";var f={required:u,disabled:p,readonly:l};var m="Required";var b="Disabled";var h="Read only";var g={required:m,disabled:b,readonly:h};var y="Requerido";var v="Deshabilitado";var k="Solo lectura";var w={required:y,disabled:v,readonly:k};var x="Obbligatorio";var _="Disattivato";var q="Sola lettura";var z={required:x,disabled:_,readonly:q};var j='@tailwind components;\n@tailwind utilities;\n\n:host {\n\n  --mds-input-tip-item-background: rgb(var(--tone-neutral-01));\n  --mds-input-tip-item-color: rgb(var(--tone-neutral));\n  --mds-input-tip-item-icon-color: rgb(var(--tone-neutral));\n  height: 0.75rem;\n  border-radius: 0.375rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-input-tip-item-background);\n  color: var(--mds-input-tip-item-color);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  min-width: 0.75rem;\n  padding: 0;\n  pointer-events: none;\n  position: static;\n  text-align: center;\n  -webkit-transform: translate(0, 0);\n  transform: translate(0, 0);\n  -webkit-transition-property: background-color, border-radius, color, padding-left, padding-right, -webkit-transform;\n  transition-property: background-color, border-radius, color, padding-left, padding-right, -webkit-transform;\n  transition-property: background-color, border-radius, color, padding-left, padding-right, transform;\n  transition-property: background-color, border-radius, color, padding-left, padding-right, transform, -webkit-transform;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n}\n\n.content{\n\n  height: 0.75rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  display: grid;\n  grid-template-columns: 0fr;\n  opacity: 0;\n  overflow: hidden;\n  -webkit-transition-property: grid-template-columns, opacity;\n  transition-property: grid-template-columns, opacity;\n  transition-property: grid-template-columns, opacity, -ms-grid-columns;\n}\n\n.text {\n  line-height: 0.75rem;\n}\n\n.icon{\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n.icon svg{\n\n  aspect-ratio: 1/1;\n\n  height: 100%;\n\n  width: 100%;\n}\n\n.icon{\n\n  height: 0.75rem;\n\n  width: 0.75rem;\n\n  fill: var(--mds-input-tip-item-icon-color);\n  -webkit-transform: translateY(-1px);\n  transform: translateY(-1px);\n}\n\n:host([expanded="false"]) {\n  color: transparent;\n}\n\n:host([expanded]:not([expanded="false"])){\n\n  padding-left: 0.5rem;\n\n  padding-right: 0.5rem;\n\n  --mds-input-tip-item-color: rgb(var(--tone-neutral));\n}\n\n:host([expanded]:not([expanded="false"])) .content {\n  grid-template-columns: 1fr;\n  opacity: 1;\n}\n\n:host([variant="required"]) {\n\n  --mds-input-tip-item-background: rgb(var(--status-error-05));\n}\n\n:host([variant="required-success"]) {\n\n  --mds-input-tip-item-background: rgb(var(--status-success-05));\n}\n\n:host([variant="readonly"]) {\n\n  --mds-input-tip-item-background: rgb(var(--status-info-05));\n}\n\n:host([variant="disabled"]) {\n\n  --mds-input-tip-item-background: rgb(var(--tone-neutral-05));\n}\n\n:host([variant="text"]) {\n\n  --mds-input-tip-item-background: rgb(var(--tone-neutral-03));\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .content {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .content {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n';var L=j;var S=n("mds_input_tip_item",function(){function n(n){t(this,n);this.t=new a({en:g,el:f,es:w,it:z});this.language=undefined;this.variant="required";this.expanded=true}n.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.language=this.t.lang(this.element);return[2]}))}))};n.prototype.componentWillRender=function(){this.t.lang(this.element)};n.prototype.render=function(){return e(i,{key:"dfdba1a88042fc3a4fe6d29710e43cbddd797053"},e("div",{key:"cdc9cf831bb5621b046161ceed728f3cd52ab11c",class:"content"},this.variant==="text"&&e("mds-text",{key:"3b53cc5eccd980f1666edfb1b9642d155bab8c15",typography:"option",truncate:"word"},e("span",{key:"832d4dfa2c938a936bedbc0bdc00f446f71a53e3",class:"text"},e("slot",{key:"5550f90749b34a8d748034f264089176d2735b55"}))),this.variant==="readonly"&&e("mds-text",{key:"7b7538403c428c440447a75b22952cc937d665f5",typography:"option",truncate:"word"},e("span",{key:"0309833c99055fec6e8b5d8ec83220d8c0f7cf44",class:"text"},this.variant&&this.t.get(this.variant.toString()))),this.variant==="disabled"&&e("mds-text",{key:"32b1fa3193f69afb0ad9fc8c4c303c29623ea572",typography:"option",truncate:"word"},e("span",{key:"dd4ae36e3e512f1f734fead8941a8b66e53536b6",class:"text"},this.variant&&this.t.get(this.variant.toString()))),this.variant==="required"&&e("mds-text",{key:"ffcb47a3ad73190ae42540240b7b17b71a3ddc04",typography:"option",truncate:"word"},e("span",{key:"f810d3748dafcdf7d23ba65a137be9b7f8ddf7b3",class:"text"},this.variant&&this.t.get(this.variant.toString()))),this.variant==="required-success"&&e("span",{key:"97aeef9538a145cf335a857a334047627d190a8c",class:"icon",innerHTML:c})))};Object.defineProperty(n.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return n}());S.style=L}}}));

package/dist/magma-components/p-5a2c6a26.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-c94628eb.system.js"],(function(n){"use strict";var t,e,r,i;return{setters:[function(n){t=n.r;e=n.h;r=n.H;i=n.g}],execute:function(){var o='@tailwind utilities;\n\n/**\n * @prop --mds-kpi-item-icon-color: Set the fill color of the icon element\n * @prop --mds-kpi-item-info-background: Set the `background-color` of the text area element\n * @prop --mds-kpi-item-text-animation-placeholder-char: Sets the animation placeholder char of the text\n * @prop --mds-kpi-item-text-animation-speed: Sets the animation speed of the text\n */\n\n:host {\n\n  --mds-kpi-item-icon-color: rgb(var(--variant-primary-04));\n  --mds-kpi-item-info-background: rgb(var(--tone-neutral));\n  --mds-kpi-item-text-animation-placeholder-char: var(--mds-kpi-text-animation-placeholder-char, " ");\n  --mds-kpi-item-text-animation-speed: var(--mds-kpi-text-animation-speed, 0.15);\n  gap: 0rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\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  aspect-ratio: 1;\n  background-color: rgb(var(--variant-primary-10));\n  border-radius: 1rem;\n  -webkit-box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  overflow: hidden;\n  padding: 1rem;\n  -webkit-transition-property: background-color, -webkit-box-shadow;\n  transition-property: background-color, -webkit-box-shadow;\n  transition-property: background-color, box-shadow;\n  transition-property: background-color, box-shadow, -webkit-box-shadow;\n}\n\n.icon-container{\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n}\n\n.icon{\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  fill: var(--mds-kpi-item-icon-color);\n  -webkit-transition-property: fill;\n  transition-property: fill;\n  width: 40%;\n}\n\n.info{\n\n  gap: 0rem;\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  background-color: var(--mds-kpi-item-info-background);\n  border-radius: 0.5rem;\n  -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  display: grid;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  -ms-flex-pack: center;\n  justify-content: center;\n  padding: 1rem;\n  text-align: center;\n  -webkit-transition-property: background-color, border-radius, -webkit-box-shadow;\n  transition-property: background-color, border-radius, -webkit-box-shadow;\n  transition-property: background-color, border-radius, box-shadow;\n  transition-property: background-color, border-radius, box-shadow, -webkit-box-shadow;\n}\n\n.label,\n.description{\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  --mds-text-animation-speed: var(--mds-kpi-item-text-animation-speed);\n  --mds-text-animation-placeholder-char: var(--mds-kpi-item-text-animation-placeholder-char);\n\n  -webkit-transition-property: fill;\n\n  transition-property: fill;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .description,\n  .icon,\n  .icon-container,\n  .info,\n  .label {\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    .description,\n    .icon,\n    .icon-container,\n    .info,\n    .label {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-kpi-item-info-background: rgb(var(--tone-neutral));\n\n    -webkit-box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1), 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n\n    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1), 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    color: rgb(var(--tone-neutral-01));\n  }\n\n  .info {\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-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-kpi-item-info-background: rgb(var(--tone-neutral));\n\n    -webkit-box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1), 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n\n    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1), 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    color: rgb(var(--tone-neutral-01));\n    }\n\n    .info {\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-theme: dark) {\n  :host {\n\n    --mds-kpi-item-info-background: rgb(var(--tone-neutral-09));\n\n    background-color: rgb(var(--variant-primary-09));\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-kpi-item-info-background: rgb(var(--tone-neutral-09));\n\n      background-color: rgb(var(--variant-primary-09));\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n\n@container style(--magma-pref-theme: dark) and style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-kpi-item-info-background: rgb(var(--tone-neutral));\n\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: dark) and style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-kpi-item-info-background: rgb(var(--tone-neutral));\n\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@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 {\n\n      --mds-kpi-item-info-background: rgb(var(--tone-neutral));\n\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-theme: system) and style(--magma-pref-contrast: more) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-kpi-item-info-background: rgb(var(--tone-neutral));\n\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n\n\n';var a=o;var s=n("mds_kpi_item",function(){function n(n){var e=this;t(this,n);this.setObserver=function(){if(typeof window==="undefined")return;e.observer=new window.IntersectionObserver((function(n){var t=n[0];e.isIntersecting=t.isIntersecting}),{root:null,threshold:e.threshold});e.observer.observe(e.hostElement)};this.isIntersecting=undefined;this.label=undefined;this.description=undefined;this.threshold=0;this.icon=undefined}n.prototype.componentWillLoad=function(){if(this.threshold!==0){this.setObserver()}};n.prototype.render=function(){return e(r,{key:"18d4a5a877ecded781040a3f6de264e47bc3fd4f","aria-label":"".concat(this.label,": ").concat(this.description),role:"listitem"},this.icon&&e("div",{key:"73be825f8674587b7f9f2ad48e5b4ea250f1c7b5",class:"icon-container",part:"icon-container"},e("mds-icon",{key:"bc1fb262cb6bffd4c63fed97d655260f91b8b61e",class:"icon",name:this.icon,part:"icon"})),e("div",{key:"6567b14fa5a69948b5099d1a1e9a37d3cba62eb4",class:"info",part:"content","aria-hidden":"true"},this.label&&this.threshold!==0&&e("mds-text",{key:"92e58e88536a3324040fa794736df4ce31885747",class:"value",typography:"h2",text:this.isIntersecting?this.label:"",animation:"yugop"}),this.label&&this.threshold===0&&e("mds-text",{key:"ae2410bad8c18ef768ce932ad3787597c0a3ccf0",class:"value",typography:"h2"},this.label),this.description&&this.threshold!==0&&e("mds-text",{key:"d2c315edd53a1de077bec3da3d72f5ed37e42d8c",class:"description",typography:"label",text:this.isIntersecting?this.description:"",animation:"yugop"}),this.description&&this.threshold===0&&e("mds-text",{key:"a4f762c2e05ce728312cc5e140bd537ddeec155d",class:"description",typography:"label"},this.description)))};Object.defineProperty(n.prototype,"hostElement",{get:function(){return i(this)},enumerable:false,configurable:true});return n}());s.style=a}}}));

package/dist/magma-components/p-5af31a47.system.js

@@ -0,0 +1 @@
+System.register([],(function(e){"use strict";return{execute:function(){var i=e("f",{"7z":{format:"archive",description:"compressedArchive"},ace:{format:"archive",description:"compressedArchive"},ai:{format:"vector",description:"fileAI"},dart:{format:"code",description:"dart"},db:{format:"data",description:"fileDB"},default:{format:"attachment",description:"unknown"},dmg:{format:"executable",description:"appleDiskImage"},doc:{format:"text",description:"documentMS"},docm:{format:"text",description:"documentMS"},docx:{format:"text",description:"compressedDocumentMS"},eml:{format:"email",description:"email"},eps:{format:"vector",description:"fileEPS"},exe:{format:"executable",description:"fileEXE"},flac:{format:"audio",description:"uncompressedAudio"},gif:{format:"image",description:"compressedImage",preview:true},htm:{format:"markup",description:"documentWeb"},heic:{format:"image",description:"imageHEFF"},html:{format:"markup",description:"documentWeb"},jpe:{format:"image",description:"compressedImage",preview:true},jpeg:{format:"image",description:"compressedImage",preview:true},jpg:{format:"image",description:"compressedImage",preview:true},js:{format:"code",description:"fileJS"},json:{format:"data",description:"fileJSON"},jsx:{format:"code",description:"fileJS"},m2v:{format:"video",description:"videoSD"},mp2:{format:"audio",description:"compressedAudio"},mp3:{format:"audio",description:"compressedAudio"},mp4:{format:"video",description:"videoHD"},mp4v:{format:"video",description:"videoHD"},mpeg:{format:"video",description:"videoSD"},mpg4:{format:"video",description:"videoSD"},mpg:{format:"video",description:"videoSD"},mpga:{format:"audio",description:"compressedAudio"},odp:{format:"slide",description:"slideLO"},ods:{format:"spreadsheet",description:"spreadsheetLO"},odt:{format:"text",description:"documentLO"},pdf:{format:"document",description:"documentAdobe"},php:{format:"code",description:"filePHP"},png:{format:"image",description:"imagePNG",preview:true},ppt:{format:"slide",description:"slidePowerPoint"},rar:{format:"archive",description:"compressedArchive"},rtf:{format:"text",description:"documentRTF"},sass:{format:"code",description:"fileSASS"},shtml:{format:"markup",description:"documentWeb"},svg:{format:"vector",description:"imageSVG",preview:true},tar:{format:"archive",description:"uncompressedArchive"},tiff:{format:"image",description:"imageTIFF"},ts:{format:"code",description:"fileTS"},tsx:{format:"code",description:"fileTSX"},txt:{format:"text",description:"documentTXT"},wav:{format:"audio",description:"uncompressedAudio"},webp:{format:"image",description:"imageWEBP",preview:true},xar:{format:"archive",description:"compressedArchive"},xls:{format:"spreadsheet",description:"spreadsheetMS"},xlsx:{format:"spreadsheet",description:"spreadsheetMS"},zip:{format:"archive",description:"compressedArchive"}});var o=e("g",new Map([["image",[".png",".jpg",".jpeg",".tiff",".webp",".jpe",".gif",".heic"]],["audio",[".mp2",".mp3",".mpga",".wav",".flac"]],["video",[".mv2",".mp4",".mp4v",".mpeg",".mpg4",".mpg"]]]))}}}));

package/dist/magma-components/{p-0e54cbdd.entry.js → p-5d39c94f.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as e}from"./p-b6defcb6.js";import{m as r}from"./p-a3ddaba4.js";import{m as s}from"./p-05da2c23.js";const o=class{constructor(i){t(this,i),this.supported=!1,this.typography="detail"}render(){return i(e,{key:"69bff43cb78c4e79a8a8aeb86546c63d0355e729",slot:"item"},i("mds-text",{key:"185ff839092c725a356d69eb08c8d1954cf6d4fb",class:"icon-container",typography:this.typography},i("i",this.supported?{class:"icon",innerHTML:r,part:"icon"}:{class:"icon",innerHTML:s,part:"icon"})),i("mds-text",{key:"7bd9ad29e683cbc2fa426a5cfe624c264e7d7924",class:"text",typography:this.typography},i("slot",{key:"d79f2568e8d09935a63854db684c2ce8b8e8a967"})))}};o.style='@tailwind components; @tailwind utilities; :host{--mds-price-table-list-item-supported-icon-color-hover:rgb(var(--label-green-05));--mds-price-table-list-item-supported-icon-color:rgb(var(--label-green-06));--mds-price-table-list-item-unsupported-icon-color-hover:rgb(var(--tone-neutral-04));--mds-price-table-list-item-unsupported-icon-color:rgb(var(--tone-neutral-05));gap:0.25rem;-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex}.text{-ms-flex-positive:1;flex-grow:1}.icon-container{-ms-flex-negative:0;flex-shrink:0}.icon{display:-ms-flexbox;display:flex}.icon svg{aspect-ratio:1/1;height:100%;width:100%}.icon{height:1.5rem;width:1.5rem;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);fill:var(--mds-price-table-list-item-unsupported-icon-color);-webkit-transition-property:fill;transition-property:fill}:host([supported]:not([supported="false"])) .icon{fill:var(--mds-price-table-list-item-supported-icon-color)}';export{o as mds_price_table_list_item}
+import{r as t,h as i,H as e}from"./p-eab621a7.js";import{m as r}from"./p-a3ddaba4.js";import{m as s}from"./p-05da2c23.js";const o=class{constructor(i){t(this,i),this.supported=!1,this.typography="detail"}render(){return i(e,{key:"69bff43cb78c4e79a8a8aeb86546c63d0355e729",slot:"item"},i("mds-text",{key:"185ff839092c725a356d69eb08c8d1954cf6d4fb",class:"icon-container",typography:this.typography},i("i",this.supported?{class:"icon",innerHTML:r,part:"icon"}:{class:"icon",innerHTML:s,part:"icon"})),i("mds-text",{key:"7bd9ad29e683cbc2fa426a5cfe624c264e7d7924",class:"text",typography:this.typography},i("slot",{key:"d79f2568e8d09935a63854db684c2ce8b8e8a967"})))}};o.style='@tailwind components; @tailwind utilities; :host{--mds-price-table-list-item-supported-icon-color-hover:rgb(var(--label-green-05));--mds-price-table-list-item-supported-icon-color:rgb(var(--label-green-06));--mds-price-table-list-item-unsupported-icon-color-hover:rgb(var(--tone-neutral-04));--mds-price-table-list-item-unsupported-icon-color:rgb(var(--tone-neutral-05));gap:0.25rem;-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex}.text{-ms-flex-positive:1;flex-grow:1}.icon-container{-ms-flex-negative:0;flex-shrink:0}.icon{display:-ms-flexbox;display:flex}.icon svg{aspect-ratio:1/1;height:100%;width:100%}.icon{height:1.5rem;width:1.5rem;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);fill:var(--mds-price-table-list-item-unsupported-icon-color);-webkit-transition-property:fill;transition-property:fill}:host([supported]:not([supported="false"])) .icon{fill:var(--mds-price-table-list-item-supported-icon-color)}';export{o as mds_price_table_list_item}

package/dist/magma-components/{p-8c185de1.system.entry.js → p-5e063b6a.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js"],(function(n){"use strict";var o,e,r,t,c;return{setters:[function(n){o=n.r;e=n.c;r=n.h;t=n.H;c=n.g}],execute:function(){var i="@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 d=i;var a=n("mds_accordion",function(){function n(n){var r=this;o(this,n);this.changedEvent=e(this,"mdsAccordionChange",7);this.queryItems=function(){return r.element.querySelectorAll("mds-accordion-item")};this.selectMultipleItems=function(){var n=r.queryItems();var o=[];n.forEach((function(n,e){if(n.selected){o.push(e)}}));r.changedEvent.emit({children:n,selected:o.toString()})};this.changedChildrenHandler=function(n){var o=r.queryItems();if(r.multiple){r.selectMultipleItems();return}o.forEach((function(e,t){e.selected="item-".concat(t)===n.detail.id&&(n.detail.selected||!r.closable);if(e.selected){r.changedEvent.emit({children:o,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 r(t,{key:"17e41dc131118a6090c44655b6bddc9ea3399118"},r("slot",{key:"77ca6aaf9ec7389ca068c648b560c82d6cc4a185"}))};Object.defineProperty(n.prototype,"element",{get:function(){return c(this)},enumerable:false,configurable:true});return n}());a.style=d}}}));
+System.register(["./p-c94628eb.system.js"],(function(n){"use strict";var o,e,r,t,c;return{setters:[function(n){o=n.r;e=n.c;r=n.h;t=n.H;c=n.g}],execute:function(){var i="@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 d=i;var a=n("mds_accordion",function(){function n(n){var r=this;o(this,n);this.changedEvent=e(this,"mdsAccordionChange",7);this.queryItems=function(){return r.element.querySelectorAll("mds-accordion-item")};this.selectMultipleItems=function(){var n=r.queryItems();var o=[];n.forEach((function(n,e){if(n.selected){o.push(e)}}));r.changedEvent.emit({children:n,selected:o.toString()})};this.changedChildrenHandler=function(n){var o=r.queryItems();if(r.multiple){r.selectMultipleItems();return}o.forEach((function(e,t){e.selected="item-".concat(t)===n.detail.id&&(n.detail.selected||!r.closable);if(e.selected){r.changedEvent.emit({children:o,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 r(t,{key:"17e41dc131118a6090c44655b6bddc9ea3399118"},r("slot",{key:"77ca6aaf9ec7389ca068c648b560c82d6cc4a185"}))};Object.defineProperty(n.prototype,"element",{get:function(){return c(this)},enumerable:false,configurable:true});return n}());a.style=d}}}));

package/dist/magma-components/{p-32c2e662.system.entry.js → p-5fbe3d63.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js","./p-b26ef48a.system.js"],(function(n){"use strict";var e,t,i,r,o;return{setters:[function(n){e=n.r;t=n.c;i=n.h;r=n.H},function(n){o=n.m}],execute:function(){var s='@-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 a=s;var c=n("mds_accordion_timer_item",function(){function n(n){var i=this;e(this,n);this.clickSelectEvent=t(this,"mdsAccordionTimerItemClickSelect",7);this.selectEvent=t(this,"mdsAccordionTimerItemSelect",7);this.selectedMouseEnterEvent=t(this,"mdsAccordionTimerItemMouseEnterSelect",7);this.selectedMouseLeaveEvent=t(this,"mdsAccordionTimerItemMouseLeaveSelect",7);this.toggle=function(){i.selected=!i.selected;i.progress=0;if(i.selected){i.clickSelectEvent.emit({selected:i.selected,uuid:i.uuid})}};this.mouseEnter=function(){if(i.selected){i.selectedMouseEnterEvent.emit({selected:i.selected,uuid:i.uuid})}};this.mouseLeave=function(){if(i.selected){i.selectedMouseLeaveEvent.emit({selected:i.selected,uuid:i.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 i(r,{key:"a08b9836fa7ed8bb23a55de9d86e0509b4d8c286",onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},i("div",{key:"0c63a8ef6f5b1dd5aa9aead6b620f028b3fbcd3f",class:"row"},i("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"}),i("div",{key:"1b914f324849a4e1a9f1db9b507ad6d8e4da43f7",class:"accordion"},i("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"},i("mds-text",{key:"a839e75997e5af59c3d72b1297f62ba862b22f55",typography:this.typography,part:"label"},this.description),i("mds-text",{key:"ee3f1fde5be36c24ad4c22274ba651fb9909fb4d","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},i("i",{key:"2d25ea07bdc23bf5d55ee369fe1a81c166bd3425",class:"icon",innerHTML:o}))),i("div",{key:"85a8d1e3b4487ba32ecc92c69160d6b8f271cabb",class:"content",id:"content"},i("div",{key:"a7aeee3ed08d010a6901e133cdf926007b2a6199",class:"content-expander",part:"content",role:"region"},i("slot",{key:"c2470502c65765b407050a681e44cc4f247f9901"}))))))};Object.defineProperty(n,"watchers",{get:function(){return{selected:["handleSelected"]}},enumerable:false,configurable:true});return n}());c.style=a}}}));
+System.register(["./p-c94628eb.system.js","./p-b26ef48a.system.js"],(function(n){"use strict";var e,t,i,r,o;return{setters:[function(n){e=n.r;t=n.c;i=n.h;r=n.H},function(n){o=n.m}],execute:function(){var s='@-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 a=s;var c=n("mds_accordion_timer_item",function(){function n(n){var i=this;e(this,n);this.clickSelectEvent=t(this,"mdsAccordionTimerItemClickSelect",7);this.selectEvent=t(this,"mdsAccordionTimerItemSelect",7);this.selectedMouseEnterEvent=t(this,"mdsAccordionTimerItemMouseEnterSelect",7);this.selectedMouseLeaveEvent=t(this,"mdsAccordionTimerItemMouseLeaveSelect",7);this.toggle=function(){i.selected=!i.selected;i.progress=0;if(i.selected){i.clickSelectEvent.emit({selected:i.selected,uuid:i.uuid})}};this.mouseEnter=function(){if(i.selected){i.selectedMouseEnterEvent.emit({selected:i.selected,uuid:i.uuid})}};this.mouseLeave=function(){if(i.selected){i.selectedMouseLeaveEvent.emit({selected:i.selected,uuid:i.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 i(r,{key:"a08b9836fa7ed8bb23a55de9d86e0509b4d8c286",onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave},i("div",{key:"0c63a8ef6f5b1dd5aa9aead6b620f028b3fbcd3f",class:"row"},i("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"}),i("div",{key:"6be76be96d8bc16370db9595755a769c5adf1eb9",class:"accordion"},i("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"},i("mds-text",{key:"fa1fc2cdeeeca237c08970624c16308f3da3686c",typography:this.typography,part:"label"},this.description),i("mds-text",{key:"eb48246238b4d9fd3ee359b6a4dc289bd2d8fc57","aria-hidden":"true",class:"icon-button",typography:this.typography,part:"icon"},i("i",{key:"baca64b53048ae957ae86d7a7d690b43849fea59",class:"icon",innerHTML:o}))),i("div",{key:"a05a7e78e8ad9d18a4d77d44e09ed33cab8e4778",class:"content",id:"content"},i("div",{key:"35c15506ceebf2f2edfb0f8997d595ec78779e7b","aria-label":this.description,class:"content-expander",part:"content",role:"region"},i("slot",{key:"0c0b10efb72eb9a32c5e263426069166e66008c9"}))))))};Object.defineProperty(n,"watchers",{get:function(){return{selected:["handleSelected"]}},enumerable:false,configurable:true});return n}());c.style=a}}}));

package/dist/magma-components/{p-eb1dcb87.system.entry.js → p-600f012f.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js"],(function(e){"use strict";var t,n,r;return{setters:[function(e){t=e.r;n=e.h;r=e.H}],execute:function(){var c=":host{gap:1.5rem;display:grid}";var s=c;var i=e("mds_price_table",function(){function e(e){t(this,e)}e.prototype.render=function(){return n(r,{key:"47b6ead97891119852e1d106a08b089977338c01"},n("slot",{key:"238eda90853c46670d92b8c21503e63b5820181b"}))};return e}());i.style=s}}}));
+System.register(["./p-c94628eb.system.js"],(function(e){"use strict";var t,n,r;return{setters:[function(e){t=e.r;n=e.h;r=e.H}],execute:function(){var c=":host{gap:1.5rem;display:grid}";var s=c;var i=e("mds_price_table",function(){function e(e){t(this,e)}e.prototype.render=function(){return n(r,{key:"47b6ead97891119852e1d106a08b089977338c01"},n("slot",{key:"238eda90853c46670d92b8c21503e63b5820181b"}))};return e}());i.style=s}}}));

package/dist/magma-components/{p-3013e2cb.entry.js → p-605913ba.entry.js}

@@ -1 +1 @@
-import{r as e,h as r,H as s}from"./p-b6defcb6.js";const a=class{constructor(r){e(this,r)}render(){return r(s,{key:"47b6ead97891119852e1d106a08b089977338c01"},r("slot",{key:"238eda90853c46670d92b8c21503e63b5820181b"}))}};a.style=":host{gap:1.5rem;display:grid}";export{a as mds_price_table}
+import{r as e,h as r,H as s}from"./p-eab621a7.js";const a=class{constructor(r){e(this,r)}render(){return r(s,{key:"47b6ead97891119852e1d106a08b089977338c01"},r("slot",{key:"238eda90853c46670d92b8c21503e63b5820181b"}))}};a.style=":host{gap:1.5rem;display:grid}";export{a as mds_price_table}

package/dist/magma-components/p-60ab906d.entry.js

@@ -0,0 +1 @@
+import{r as e,h as r,H as a}from"./p-eab621a7.js";const t=class{constructor(r){e(this,r)}render(){return r(a,{key:"080e0afe8fcfe01c41d1e120582db952541c32ec"},r("slot",{key:"e198ed88f50668eb65824dfefdc0456d11be9a15"}))}};t.style=":host{gap:1.5rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(1px, 1fr))}";export{t as mds_price_table_header}

package/dist/magma-components/{p-945820db.system.entry.js → p-62ac240e.system.entry.js}

@@ -1 +1 @@
-var __spreadArray=this&&this.__spreadArray||function(n,t,e){if(e||arguments.length===2)for(var o=0,i=t.length,a;o<i;o++){if(a||!(o in t)){if(!a)a=Array.prototype.slice.call(t,0,o);a[o]=t[o]}}return n.concat(a||Array.prototype.slice.call(t))};System.register(["./p-369fc037.system.js"],(function(n){"use strict";var t,e,o,i;return{setters:[function(n){t=n.r;e=n.h;o=n.H;i=n.g}],execute:function(){var a={action:{tag:"span",selector:{default:"text-title-action",title:"text-title-action"}},caption:{tag:"span",selector:{default:"text-info-caption",info:"text-info-caption",read:"text-read-caption"}},detail:{tag:"p",selector:{default:"text-info-detail",info:"text-info-detail",read:"text-read-detail"}},h1:{tag:"h1",selector:{default:"text-title-h1",title:"text-title-h1"}},h2:{tag:"h2",selector:{default:"text-title-h2",title:"text-title-h2"}},h3:{tag:"h3",selector:{default:"text-title-h3",title:"text-title-h3"}},h4:{tag:"h4",selector:{default:"text-title-h4",title:"text-title-h4"}},h5:{tag:"h5",selector:{default:"text-title-h5",title:"text-title-h5"}},h6:{tag:"h6",selector:{default:"text-title-h6",title:"text-title-h6"}},hack:{tag:"code",selector:{default:"text-code-hack",mono:"text-code-hack"}},label:{tag:"label",selector:{default:"text-info-label",info:"text-info-label"}},option:{tag:"label",selector:{default:"text-info-option",info:"text-info-option"}},paragraph:{tag:"p",selector:{default:"text-info-paragraph",secondary:"text-secondary-paragraph",info:"text-info-paragraph",read:"text-read-paragraph"}},snippet:{tag:"code",selector:{default:"text-code-snippet",mono:"text-code-snippet"}},tip:{tag:"div",selector:{default:"text-info-tip",info:"text-info-tip"}}};var s=2147483647;var r=function(n){return n*16807%s};var h=function(n){return r(n)/s};var l=function(n){return r(n)};var m=function(n){if(n===void 0){n=1}var t=n<1?1:n;var e=function(){t=l(t);return t};return{random:function(){return e()},randomFloat:function(){return h(e())},range:function(n,t){var o=n-.4999;var i=t+.4999;return Math.round(o+(i-o)*h(e()))},rangeFloat:function(n,t){return n+(t-n)*h(e())}}};var f=function(n){return n.split("").map((function(n){return n.charCodeAt(0)}))};var g=function(){return(Math.round(Math.random())-.5)*2};var c=function(n,t){return function(e){if(e>t)return n+(e-t);if(e<n)return t+(e-n);return e}};var p=m();var d=function(n,t){return function(){return(n+p.range(0,t))*g()}};var u=function(n,t){return function(e){return f(e).map(d(n,t))}};var y=function(n){var t=n.str,e=n.minCharCode,o=n.maxCharCode,i=n.placeholderChar,a=n.charStep;return function(n){return n.reduce((function(n,s,r){if(s!==0){if(Math.abs(s)>a){return n+i}return n+String.fromCharCode(c(e,o)(t.charCodeAt(r)+s))}return n+t.charAt(r)}),"")}};var b=function(){};var x=function(){function n(t){var e=this;this.start=function(){var n=e,t=n.frameOffset,o=n.charOffset,i=n.str,a=n.speed;var s=u(t,o)(i);e.stop();e.rafId=requestAnimationFrame((function(){e.step(s,a,a)}))};Object.assign(this,Object.assign(Object.assign({},n.defaults),t))}n.prototype.stop=function(){cancelAnimationFrame(this.rafId)};n.prototype.step=function(n,t,e){var o=this;var i=this,a=i.str,s=i.charStep,r=i.minCharCode,h=i.maxCharCode,l=i.placeholderChar,m=i.onProgress,f=i.onComplete;var g=n.slice(0,t);var c=g.map((function(n){if(n>0)return n-1;if(n<0)return n+1;return 0}));var p=y({str:a,minCharCode:r,maxCharCode:h,placeholderChar:l,charStep:s})(c);var d=__spreadArray(__spreadArray([],c,true),n.slice(t),true);m(p);if(p!==a){this.rafId=requestAnimationFrame((function(){o.step(d,t+e,e)}))}else{f(p)}};return n}();x.defaults={str:"",speed:2,placeholderChar:"_",frameOffset:30,charOffset:20,charStep:10,minCharCode:32,maxCharCode:122,onProgress:b,onComplete:b};var v='\n@tailwind utilities;\n\n/**\n * @prop --mds-text-animation-placeholder-char: Sets the animation placeholder char of the text when `animation` attribute is set to `yugop`\n * @prop --mds-text-animation-speed: Sets the animation speed of the text when `animation` attribute is set to `yugop`\n * @prop --mds-text-line-clamp: Sets the max number of visible lines before the text overflows with ellipsis. It works only if attribute `truncate=\'all\' is set`. **WARNING:** this is supported only by Chrome, Safare and Firefox with native browser prefixes.\n * @prop --mds-text-selection-background: Sets the background-color of the text when the text is selected\n * @prop --mds-text-selection-color: Sets the color of the text when the text is selected\n */\n\n:host {\n\n  --mds-text-selection-background: rgb(var(--label-sky-09));\n  --mds-text-selection-color: rgb(var(--label-sky-01));\n  --mds-text-line-clamp: 3;\n  --mds-text-animation-speed: 0.5;\n  --mds-text-animation-placeholder-char: " ";\n\n  display: -ms-flexbox;\n\n  display: flex;\n  min-width: 0;\n}\n\n.text::-moz-selection {\n  background-color: var(--mds-text-selection-background);\n  color: var(--mds-text-selection-color);\n}\n\n.text::selection {\n  background-color: var(--mds-text-selection-background);\n  color: var(--mds-text-selection-color);\n}\n\n.text {\n  cursor: inherit;\n  display: inherit;\n}\n\n:host( [typography="snippet"] ){\n\n  min-height: 1.5rem;\n\n  font-family: \'Roboto Mono\', \'Courier New\', monospace;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="hack"] ){\n\n  min-height: 1.25rem;\n\n  font-family: \'Roboto Mono\', \'Courier New\', monospace;\n\n  font-size: 0.875rem;\n\n  line-height: 1.25rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h1"] ){\n\n  min-height: 3rem;\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 3rem;\n\n  line-height: 3rem;\n\n  letter-spacing: -0.025em;\n\n  font-weight: 900;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h2"] ){\n\n  min-height: 2.5rem;\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 2.25rem;\n\n  line-height: 2.5rem;\n\n  letter-spacing: -0.025em;\n\n  font-weight: 900;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h3"] ){\n\n  min-height: 2.25rem;\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1.875rem;\n\n  line-height: 2.25rem;\n\n  letter-spacing: -0.025em;\n\n  font-weight: 900;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h4"] ){\n\n  min-height: 2rem;\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1.5rem;\n\n  line-height: 2rem;\n\n  letter-spacing: -0.025em;\n\n  font-weight: 700;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h5"] ){\n\n  min-height: 1.75rem;\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1.25rem;\n\n  line-height: 1.75rem;\n\n  letter-spacing: -0.025em;\n\n  font-weight: 700;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h6"] ){\n\n  min-height: 1.5rem;\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  letter-spacing: -0.025em;\n\n  font-weight: 700;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h1"] ),\n:host( [typography="h2"] ),\n:host( [typography="h3"] ),\n:host( [typography="h4"] ),\n:host( [typography="h5"] ),\n:host( [typography="h6"] ) {\n  text-wrap: balance;\n}\n\n:host( [typography="action"] ){\n\n  min-height: 1.5rem;\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 0.875rem;\n\n  line-height: 1.5rem;\n\n  font-weight: 500;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="paragraph"] ){\n\n  min-height: 2rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1.25rem;\n\n  line-height: 2rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="detail"] ){\n\n  min-height: 1.5rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="caption"] ){\n\n  min-height: 1.25rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 0.875rem;\n\n  line-height: 1.25rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="paragraph"] ),\n:host( [typography="detail"] ),\n:host( [typography="caption"] ) {\n  text-wrap: pretty;\n}\n\n:host( [typography="label"] ){\n\n  min-height: 1rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 0.75rem;\n\n  line-height: 1rem;\n\n  font-weight: 700;\n\n  text-transform: uppercase;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="tip"] ){\n\n  min-height: 1rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 0.75rem;\n\n  line-height: 1rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="option"] ){\n\n  min-height: 0.625rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 0.625rem;\n\n  line-height: 0.625rem;\n\n  letter-spacing: -0.025em;\n\n  font-weight: 700;\n\n  text-transform: uppercase;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="paragraph"][variant="read"] ){\n\n  min-height: 2rem;\n\n  font-family: \'Merriweather\', Times, \'Times New Roman\', serif;\n\n  font-size: 1.25rem;\n\n  line-height: 2rem;\n\n  font-weight: 300;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="detail"][variant="read"] ){\n\n  min-height: 1.5rem;\n\n  font-family: \'Merriweather\', Times, \'Times New Roman\', serif;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  font-weight: 300;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="caption"][variant="read"] ){\n\n  min-height: 1.25rem;\n\n  font-family: \'Merriweather\', Times, \'Times New Roman\', serif;\n\n  font-size: 0.875rem;\n\n  line-height: 1.25rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [tag="article"] ),\n:host( [tag="blockquote"] ),\n:host( [tag="dd"] ),\n:host( [tag="details"] ),\n:host( [tag="div"] ),\n:host( [tag="dl"] ),\n:host( [tag="dt"] ),\n:host( [tag="figcaption"] ),\n:host( [tag="h1"] ),\n:host( [tag="h2"] ),\n:host( [tag="h3"] ),\n:host( [tag="h4"] ),\n:host( [tag="h5"] ),\n:host( [tag="h6"] ),\n:host( [tag="label"] ),\n:host( [tag="legend"] ),\n:host( [tag="li"] ),\n:host( [tag="ol"] ),\n:host( [tag="p"] ),\n:host( [tag="pre"] ),\n:host( [tag="summary"] ),\n:host( [tag="ul"] ) {\n  display: block;\n}\n\n:host( [tag="abbr"] ),\n:host( [tag="address"] ),\n:host( [tag="b"] ),\n:host( [tag="bdo"] ),\n:host( [tag="cite"] ),\n:host( [tag="code"] ),\n:host( [tag="del"] ),\n:host( [tag="dfn"] ),\n:host( [tag="em"] ),\n:host( [tag="i"] ),\n:host( [tag="ins"] ),\n:host( [tag="kbd"] ),\n:host( [tag="mark"] ),\n:host( [tag="q"] ),\n:host( [tag="rb"] ),\n:host( [tag="rt"] ),\n:host( [tag="ruby"] ),\n:host( [tag="s"] ),\n:host( [tag="samp"] ),\n:host( [tag="small"] ),\n:host( [tag="span"] ),\n:host( [tag="strong"] ),\n:host( [tag="sub"] ),\n:host( [tag="sup"] ),\n:host( [tag="time"] ),\n:host( [tag="u"] ),\n:host( [tag="var"] ) {\n  display: inline;\n}\n\n:host( [tag="code"] ){\n\n  border-radius: 0.25rem;\n\n  padding-left: 0.25rem;\n\n  padding-right: 0.25rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: rgb(var(--tone-neutral-09));\n  color: rgb(var(--tone-neutral-03));\n  -webkit-transition-property: color, background-color;\n  transition-property: color, background-color;\n}\n\n:host( [truncate] ) .text {\n  display: block;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n:host( [truncate="word"] ) .text {\n  white-space: nowrap;\n}\n\n@supports (line-clamp: 1) {\n  :host( [truncate="all"] ) .text {\n    line-clamp: var(--mds-text-line-clamp, 1);\n  }\n}\n\n@supports (display: -webkit-box) {\n  :host( [truncate="all"] ) .text {\n    -webkit-box-orient: vertical;\n\n    /* stylelint-disable-next-line value-no-vendor-prefix */\n    display: -webkit-box;\n    -webkit-line-clamp: var(--mds-text-line-clamp, 1);\n  }\n}\n\nabbr,\naddress,\narticle,\nb,\nbdo,\nblockquote,\ncite,\ncode,\ndd,\ndel,\ndetails,\ndfn,\ndiv,\ndl,\ndt,\nem,\nfigcaption,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ni,\nins,\nkbd,\nlabel,\nlegend,\nli,\nmark,\nol,\np,\npre,\nq,\nrb,\nrt,\nruby,\ns,\nsamp,\nsmall,\nspan,\nstrong,\nsub,\nsummary,\nsup,\ntime,\nu,\nul,\nvar,\nwbr {\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  margin: 0;\n  overflow: inherit;\n  text-overflow: inherit;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n';var w=v;var k=n("mds_text",function(){function n(n){var e=this;t(this,n);this.cssTextAnimationSpeed=2;this.cssTextAnimationPlaceholderChar=" ";this.randomTextOptions={speed:this.cssTextAnimationSpeed,placeholderChar:this.cssTextAnimationPlaceholderChar,frameOffset:10,charOffset:20,charStep:15};this.animateText=function(n){var t;var o=(t=e.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".text");e.randomTextOptions.speed=e.cssTextAnimationSpeed;e.randomTextOptions.placeholderChar=e.cssTextAnimationPlaceholderChar;console.info("animateText",e.cssTextAnimationPlaceholderChar);e.randomText=new x(Object.assign({str:n,onProgress:function(n){o.innerHTML=n}},e.randomTextOptions));e.randomText.start()};this.updateCSSCustomProps=function(){var n=window.getComputedStyle(e.host);e.cssTextAnimationSpeed=Number(n.getPropertyValue("--mds-text-animation-speed"));var t=n.getPropertyValue("--mds-text-animation-placeholder-char");if(t==='" "'||t==="' '"){e.cssTextAnimationPlaceholderChar=" ";return}e.cssTextAnimationPlaceholderChar=t};this.animation="none";this.tag=undefined;this.text=undefined;this.truncate=undefined;this.typography="detail";this.variant=undefined}n.prototype.componentWillRender=function(){var n;var t=a[this.typography].tag;this.tag=(n=this.tag)!==null&&n!==void 0?n:t};n.prototype.componentDidLoad=function(){this.updateCSSCustomProps()};n.prototype.textHandler=function(n){if(this.animation==="none"){return}if(this.randomText){this.randomText.stop()}if(n){this.animateText(n)}};n.prototype.render=function(){return e(o,{key:"52c81dcb61a06c57c6e0438bf043639657b444f4"},e(this.tag,{key:"57a01393cfcff5783f4adede212ad497c8dbcc84",class:"text"},!this.text?e("slot",null):this.text))};Object.defineProperty(n.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{text:["textHandler"]}},enumerable:false,configurable:true});return n}());k.style=w}}}));
+var __spreadArray=this&&this.__spreadArray||function(n,t,e){if(e||arguments.length===2)for(var o=0,i=t.length,a;o<i;o++){if(a||!(o in t)){if(!a)a=Array.prototype.slice.call(t,0,o);a[o]=t[o]}}return n.concat(a||Array.prototype.slice.call(t))};System.register(["./p-c94628eb.system.js"],(function(n){"use strict";var t,e,o,i;return{setters:[function(n){t=n.r;e=n.h;o=n.H;i=n.g}],execute:function(){var a={action:{tag:"span",selector:{default:"text-title-action",title:"text-title-action"}},caption:{tag:"span",selector:{default:"text-info-caption",info:"text-info-caption",read:"text-read-caption"}},detail:{tag:"p",selector:{default:"text-info-detail",info:"text-info-detail",read:"text-read-detail"}},h1:{tag:"h1",selector:{default:"text-title-h1",title:"text-title-h1"}},h2:{tag:"h2",selector:{default:"text-title-h2",title:"text-title-h2"}},h3:{tag:"h3",selector:{default:"text-title-h3",title:"text-title-h3"}},h4:{tag:"h4",selector:{default:"text-title-h4",title:"text-title-h4"}},h5:{tag:"h5",selector:{default:"text-title-h5",title:"text-title-h5"}},h6:{tag:"h6",selector:{default:"text-title-h6",title:"text-title-h6"}},hack:{tag:"code",selector:{default:"text-code-hack",mono:"text-code-hack"}},label:{tag:"label",selector:{default:"text-info-label",info:"text-info-label"}},option:{tag:"label",selector:{default:"text-info-option",info:"text-info-option"}},paragraph:{tag:"p",selector:{default:"text-info-paragraph",secondary:"text-secondary-paragraph",info:"text-info-paragraph",read:"text-read-paragraph"}},snippet:{tag:"code",selector:{default:"text-code-snippet",mono:"text-code-snippet"}},tip:{tag:"div",selector:{default:"text-info-tip",info:"text-info-tip"}}};var s=2147483647;var r=function(n){return n*16807%s};var h=function(n){return r(n)/s};var l=function(n){return r(n)};var m=function(n){if(n===void 0){n=1}var t=n<1?1:n;var e=function(){t=l(t);return t};return{random:function(){return e()},randomFloat:function(){return h(e())},range:function(n,t){var o=n-.4999;var i=t+.4999;return Math.round(o+(i-o)*h(e()))},rangeFloat:function(n,t){return n+(t-n)*h(e())}}};var f=function(n){return n.split("").map((function(n){return n.charCodeAt(0)}))};var g=function(){return(Math.round(Math.random())-.5)*2};var c=function(n,t){return function(e){if(e>t)return n+(e-t);if(e<n)return t+(e-n);return e}};var p=m();var d=function(n,t){return function(){return(n+p.range(0,t))*g()}};var u=function(n,t){return function(e){return f(e).map(d(n,t))}};var y=function(n){var t=n.str,e=n.minCharCode,o=n.maxCharCode,i=n.placeholderChar,a=n.charStep;return function(n){return n.reduce((function(n,s,r){if(s!==0){if(Math.abs(s)>a){return n+i}return n+String.fromCharCode(c(e,o)(t.charCodeAt(r)+s))}return n+t.charAt(r)}),"")}};var b=function(){};var x=function(){function n(t){var e=this;this.start=function(){var n=e,t=n.frameOffset,o=n.charOffset,i=n.str,a=n.speed;var s=u(t,o)(i);e.stop();e.rafId=requestAnimationFrame((function(){e.step(s,a,a)}))};Object.assign(this,Object.assign(Object.assign({},n.defaults),t))}n.prototype.stop=function(){cancelAnimationFrame(this.rafId)};n.prototype.step=function(n,t,e){var o=this;var i=this,a=i.str,s=i.charStep,r=i.minCharCode,h=i.maxCharCode,l=i.placeholderChar,m=i.onProgress,f=i.onComplete;var g=n.slice(0,t);var c=g.map((function(n){if(n>0)return n-1;if(n<0)return n+1;return 0}));var p=y({str:a,minCharCode:r,maxCharCode:h,placeholderChar:l,charStep:s})(c);var d=__spreadArray(__spreadArray([],c,true),n.slice(t),true);m(p);if(p!==a){this.rafId=requestAnimationFrame((function(){o.step(d,t+e,e)}))}else{f(p)}};return n}();x.defaults={str:"",speed:2,placeholderChar:"_",frameOffset:30,charOffset:20,charStep:10,minCharCode:32,maxCharCode:122,onProgress:b,onComplete:b};var w='\n@tailwind utilities;\n\n/**\n * @prop --mds-text-animation-placeholder-char: Sets the animation placeholder char of the text when `animation` attribute is set to `yugop`\n * @prop --mds-text-animation-speed: Sets the animation speed of the text when `animation` attribute is set to `yugop`\n * @prop --mds-text-line-clamp: Sets the max number of visible lines before the text overflows with ellipsis. It works only if attribute `truncate=\'all\' is set`. **WARNING:** this is supported only by Chrome, Safare and Firefox with native browser prefixes.\n * @prop --mds-text-selection-background: Sets the background-color of the text when the text is selected\n * @prop --mds-text-selection-color: Sets the color of the text when the text is selected\n */\n\n:host {\n\n  --mds-text-selection-background: rgb(var(--label-sky-09));\n  --mds-text-selection-color: rgb(var(--label-sky-01));\n  --mds-text-line-clamp: 3;\n  --mds-text-animation-speed: 0.5;\n  --mds-text-animation-placeholder-char: " ";\n\n  display: -ms-flexbox;\n\n  display: flex;\n  min-width: 0;\n}\n\n.text::-moz-selection {\n  background-color: var(--mds-text-selection-background);\n  color: var(--mds-text-selection-color);\n}\n\n.text::selection {\n  background-color: var(--mds-text-selection-background);\n  color: var(--mds-text-selection-color);\n}\n\n.text {\n  cursor: inherit;\n  display: inherit;\n}\n\n:host( [typography="snippet"] ){\n\n  min-height: 1.5rem;\n\n  font-family: \'Roboto Mono\', \'Courier New\', monospace;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="hack"] ){\n\n  min-height: 1.25rem;\n\n  font-family: \'Roboto Mono\', \'Courier New\', monospace;\n\n  font-size: 0.875rem;\n\n  line-height: 1.25rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h1"] ){\n\n  min-height: 3rem;\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 3rem;\n\n  line-height: 3rem;\n\n  letter-spacing: -0.025em;\n\n  font-weight: 900;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h2"] ){\n\n  min-height: 2.5rem;\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 2.25rem;\n\n  line-height: 2.5rem;\n\n  letter-spacing: -0.025em;\n\n  font-weight: 900;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h3"] ){\n\n  min-height: 2.25rem;\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1.875rem;\n\n  line-height: 2.25rem;\n\n  letter-spacing: -0.025em;\n\n  font-weight: 900;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h4"] ){\n\n  min-height: 2rem;\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1.5rem;\n\n  line-height: 2rem;\n\n  letter-spacing: -0.025em;\n\n  font-weight: 700;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h5"] ){\n\n  min-height: 1.75rem;\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1.25rem;\n\n  line-height: 1.75rem;\n\n  letter-spacing: -0.025em;\n\n  font-weight: 700;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h6"] ){\n\n  min-height: 1.5rem;\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  letter-spacing: -0.025em;\n\n  font-weight: 700;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="h1"] ),\n:host( [typography="h2"] ),\n:host( [typography="h3"] ),\n:host( [typography="h4"] ),\n:host( [typography="h5"] ),\n:host( [typography="h6"] ) {\n  text-wrap: balance;\n}\n\n:host( [typography="action"] ){\n\n  min-height: 1.5rem;\n\n  font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 0.875rem;\n\n  line-height: 1.5rem;\n\n  font-weight: 500;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="paragraph"] ){\n\n  min-height: 2rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1.25rem;\n\n  line-height: 2rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="detail"] ){\n\n  min-height: 1.5rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="caption"] ){\n\n  min-height: 1.25rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 0.875rem;\n\n  line-height: 1.25rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="paragraph"] ),\n:host( [typography="detail"] ),\n:host( [typography="caption"] ) {\n  text-wrap: pretty;\n}\n\n:host( [typography="label"] ){\n\n  min-height: 1rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 0.75rem;\n\n  line-height: 1rem;\n\n  font-weight: 700;\n\n  text-transform: uppercase;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="tip"] ){\n\n  min-height: 1rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 0.75rem;\n\n  line-height: 1rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="option"] ){\n\n  min-height: 0.625rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 0.625rem;\n\n  line-height: 0.625rem;\n\n  letter-spacing: -0.025em;\n\n  font-weight: 700;\n\n  text-transform: uppercase;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="paragraph"][variant="read"] ){\n\n  min-height: 2rem;\n\n  font-family: \'Merriweather\', Times, \'Times New Roman\', serif;\n\n  font-size: 1.25rem;\n\n  line-height: 2rem;\n\n  font-weight: 300;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="detail"][variant="read"] ){\n\n  min-height: 1.5rem;\n\n  font-family: \'Merriweather\', Times, \'Times New Roman\', serif;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  font-weight: 300;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [typography="caption"][variant="read"] ){\n\n  min-height: 1.25rem;\n\n  font-family: \'Merriweather\', Times, \'Times New Roman\', serif;\n\n  font-size: 0.875rem;\n\n  line-height: 1.25rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host( [tag="article"] ),\n:host( [tag="blockquote"] ),\n:host( [tag="dd"] ),\n:host( [tag="details"] ),\n:host( [tag="div"] ),\n:host( [tag="dl"] ),\n:host( [tag="dt"] ),\n:host( [tag="figcaption"] ),\n:host( [tag="h1"] ),\n:host( [tag="h2"] ),\n:host( [tag="h3"] ),\n:host( [tag="h4"] ),\n:host( [tag="h5"] ),\n:host( [tag="h6"] ),\n:host( [tag="label"] ),\n:host( [tag="legend"] ),\n:host( [tag="li"] ),\n:host( [tag="ol"] ),\n:host( [tag="p"] ),\n:host( [tag="pre"] ),\n:host( [tag="summary"] ),\n:host( [tag="ul"] ) {\n  display: block;\n}\n\n:host( [tag="abbr"] ),\n:host( [tag="address"] ),\n:host( [tag="b"] ),\n:host( [tag="bdo"] ),\n:host( [tag="cite"] ),\n:host( [tag="code"] ),\n:host( [tag="del"] ),\n:host( [tag="dfn"] ),\n:host( [tag="em"] ),\n:host( [tag="i"] ),\n:host( [tag="ins"] ),\n:host( [tag="kbd"] ),\n:host( [tag="mark"] ),\n:host( [tag="q"] ),\n:host( [tag="rb"] ),\n:host( [tag="rt"] ),\n:host( [tag="ruby"] ),\n:host( [tag="s"] ),\n:host( [tag="samp"] ),\n:host( [tag="small"] ),\n:host( [tag="span"] ),\n:host( [tag="strong"] ),\n:host( [tag="sub"] ),\n:host( [tag="sup"] ),\n:host( [tag="time"] ),\n:host( [tag="u"] ),\n:host( [tag="var"] ) {\n  display: inline;\n}\n\n:host( [tag="code"] ){\n\n  border-radius: 0.25rem;\n\n  padding-left: 0.25rem;\n\n  padding-right: 0.25rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: rgb(var(--tone-neutral-09));\n  color: rgb(var(--tone-neutral-03));\n  -webkit-transition-property: color, background-color;\n  transition-property: color, background-color;\n}\n\n:host( [truncate] ) .text {\n  display: block;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n:host( [truncate="word"] ) .text {\n  white-space: nowrap;\n}\n\n@supports (line-clamp: 1) {\n  :host( [truncate="all"] ) .text {\n    line-clamp: var(--mds-text-line-clamp, 1);\n  }\n}\n\n@supports (display: -webkit-box) {\n  :host( [truncate="all"] ) .text {\n    -webkit-box-orient: vertical;\n\n    /* stylelint-disable-next-line value-no-vendor-prefix */\n    display: -webkit-box;\n    -webkit-line-clamp: var(--mds-text-line-clamp, 1);\n  }\n}\n\nabbr,\naddress,\narticle,\nb,\nbdo,\nblockquote,\ncite,\ncode,\ndd,\ndel,\ndetails,\ndfn,\ndiv,\ndl,\ndt,\nem,\nfigcaption,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\ni,\nins,\nkbd,\nlabel,\nlegend,\nli,\nmark,\nol,\np,\npre,\nq,\nrb,\nrt,\nruby,\ns,\nsamp,\nsmall,\nspan,\nstrong,\nsub,\nsummary,\nsup,\ntime,\nu,\nul,\nvar,\nwbr {\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  margin: 0;\n  overflow: inherit;\n  text-overflow: inherit;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n';var v=w;var k=n("mds_text",function(){function n(n){var e=this;t(this,n);this.cssTextAnimationSpeed=2;this.cssTextAnimationPlaceholderChar=" ";this.randomTextOptions={speed:this.cssTextAnimationSpeed,placeholderChar:this.cssTextAnimationPlaceholderChar,frameOffset:10,charOffset:20,charStep:15};this.animateText=function(n){var t;var o=(t=e.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".text");e.randomTextOptions.speed=e.cssTextAnimationSpeed;e.randomTextOptions.placeholderChar=e.cssTextAnimationPlaceholderChar;console.info("animateText",e.cssTextAnimationPlaceholderChar);e.randomText=new x(Object.assign({str:n,onProgress:function(n){o.innerHTML=n}},e.randomTextOptions));e.randomText.start()};this.updateCSSCustomProps=function(){if(typeof window==="undefined")return;var n=window.getComputedStyle(e.host);e.cssTextAnimationSpeed=Number(n.getPropertyValue("--mds-text-animation-speed"));var t=n.getPropertyValue("--mds-text-animation-placeholder-char");if(t==='" "'||t==="' '"){e.cssTextAnimationPlaceholderChar=" ";return}e.cssTextAnimationPlaceholderChar=t};this.animation="none";this.tag=undefined;this.text=undefined;this.truncate=undefined;this.typography="detail";this.variant=undefined}n.prototype.componentWillRender=function(){var n;var t=a[this.typography].tag;this.tag=(n=this.tag)!==null&&n!==void 0?n:t};n.prototype.componentDidLoad=function(){this.updateCSSCustomProps()};n.prototype.textHandler=function(n){if(this.animation==="none"){return}if(this.randomText){this.randomText.stop()}if(n){this.animateText(n)}};n.prototype.render=function(){return e(o,{key:"1f42572d1faca24c60e7f351addd83674d070695"},e(this.tag,{key:"1f1e7663e9181704fce34dd04b89d30924295d98",class:"text"},!this.text?e("slot",null):this.text))};Object.defineProperty(n.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{text:["textHandler"]}},enumerable:false,configurable:true});return n}());k.style=v}}}));

package/dist/magma-components/{p-00c6b918.system.entry.js → p-63e3f820.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js"],(function(e){"use strict";var t,r,n;return{setters:[function(e){t=e.r;r=e.h;n=e.H}],execute:function(){var c=":host{gap:1.5rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(1px, 1fr))}";var f=c;var a=e("mds_price_table_header",function(){function e(e){t(this,e)}e.prototype.render=function(){return r(n,{key:"080e0afe8fcfe01c41d1e120582db952541c32ec"},r("slot",{key:"e198ed88f50668eb65824dfefdc0456d11be9a15"}))};return e}());a.style=f}}}));
+System.register(["./p-c94628eb.system.js"],(function(e){"use strict";var t,r,n;return{setters:[function(e){t=e.r;r=e.h;n=e.H}],execute:function(){var c=":host{gap:1.5rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(1px, 1fr))}";var a=c;var f=e("mds_price_table_header",function(){function e(e){t(this,e)}e.prototype.render=function(){return r(n,{key:"080e0afe8fcfe01c41d1e120582db952541c32ec"},r("slot",{key:"e198ed88f50668eb65824dfefdc0456d11be9a15"}))};return e}());f.style=a}}}));

package/dist/magma-components/p-65ba0450.entry.js

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