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

package/dist/magma-components/p-13c6c73b.entry.js

@@ -0,0 +1 @@
+import{r as l,c as a,h as n,H as r,g as e}from"./p-eab621a7.js";import{m as o}from"./p-4252d906.js";import{K as b}from"./p-0f3e17bc.js";import{L as t}from"./p-c310b41f.js";import"./p-85aa8e05.js";const s={remove:"Αφαίρεση"},c={remove:"Remove"},d={remove:"Rimuovi"},g=class{constructor(n){l(this,n),this.deletedEvent=a(this,"mdsLabelDelete",7),this.km=new b,this.t=new t({el:s,en:c,es:c,it:d}),this.onClickDelete=l=>{l.stopPropagation(),l.preventDefault(),this.deletedEvent.emit()},this.handleKeyboard=()=>{var l;if(this.deletable){const a=null===(l=this.host.shadowRoot)||void 0===l?void 0:l.querySelector(".close");return this.km.addElement(a),void this.km.attachClickBehavior()}this.km.detachClickBehavior()},this.language=void 0,this.labelAction="Rimuovi",this.variant="sky",this.tone="quiet",this.truncate=void 0,this.typography="caption",this.deletable=!1}async updateLang(){this.language=this.t.lang(this.host)}componentDidLoad(){this.t.lang(this.host),this.handleKeyboard()}componentDidUpdate(){this.handleKeyboard()}disconnectedCallback(){this.km.detachClickBehavior()}render(){return n(r,{key:"298879cbb2e3124591fd56193e1fb4c9c742762f"},n("mds-text",{key:"d83285e05d3349893bb631c0959b308b77a61b91",class:"text",truncate:this.truncate,typography:this.typography},n("slot",{key:"91a1447d89af77cf4c04af5c317746645b8c42d6"})),this.deletable&&n("mds-button",{key:"5d19895daf7e8d9ea9c1bce66cc95446c8591f27",class:"button-close",icon:o,onClick:this.onClickDelete.bind(this),title:this.t.get("remove")}))}get host(){return e(this)}};g.style='@tailwind utilities;\n\n/**\n * @prop --mds-label-background: Sets the background-color of the component\n * @prop --mds-label-color: Sets the text color of the component\n * @prop --mds-label-icon-color: Sets the color of the icon\n * @prop --mds-label-selection-background: Sets the selection background color of the text\n * @prop --mds-label-selection-color: Sets the selection color of the text\n */\n\n:host {\n\n  --mds-label-background: rgb(var(--label-yellow-09));\n  --mds-label-color: rgb(var(--label-yellow-02));\n  --mds-label-icon-color: var(--mds-label-color);\n  --mds-label-radius: 0.375rem;\n  --mds-label-selection-background: var(--magma-selection-background, rgb(var(--label-yellow-09)));\n  --mds-label-selection-color: var(--magma-selection-color, rgb(var(--label-yellow-02)));\n  --mds-label-button-background: rgb(var(--label-yellow-08));\n  --mds-label-button-background-hover: rgb(var(--label-yellow-07));\n  --mds-label-button-icon-color: rgb(var(--label-yellow-03));\n  min-height: 2.25rem;\n  padding-left: 0.75rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  -ms-flex-align: stretch;\n\n  align-items: stretch;\n  background-color: var(--mds-label-background);\n  border-radius: var(--mds-label-radius);\n  color: var(--mds-label-color);\n  display: -ms-flexbox;\n  display: flex;\n  fill: var(--mds-label-icon-color);\n  -webkit-transition-property: color, background-color, fill;\n  transition-property: color, background-color, fill;\n}\n\n:host::-moz-selection {\n  background-color: var(--mds-label-selection-background);\n  color: var(--mds-label-selection-color);\n}\n\n:host::selection {\n  background-color: var(--mds-label-selection-background);\n  color: var(--mds-label-selection-color);\n}\n\n.text{\n\n  min-width: 0rem;\n\n  padding-top: 0.25rem;\n\n  padding-bottom: 0.25rem;\n\n  --mds-text-selection-background: var(--mds-label-selection-background);\n  --mds-text-selection-color: var(--mds-label-selection-color);\n\n  -ms-flex-item-align: center;\n\n  align-self: center;\n  display: block;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n}\n\n.text:last-child{\n\n  padding-right: 0.75rem;\n}\n\n.button-close{\n\n  border-top-right-radius: 0.375rem;\n\n  border-bottom-right-radius: 0.375rem;\n\n  padding-left: 0.375rem;\n\n  padding-right: 0.375rem;\n\n  --mds-button-background: var(--mds-label-button-background);\n\n  border-radius: 0 var(--mds-label-radius) var(--mds-label-radius) 0;\n  fill: var(--mds-label-button-icon-color);\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  height: auto;\n  -webkit-transition-duration: inherit;\n  transition-duration: inherit;\n}\n\n.button-close:hover {\n\n  --mds-button-background: var(--mds-label-button-background-hover);\n}\n\n@tailwind utilities;\n\n:host( [variant="amaranth"] ),\n:host( [variant="amaranth"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--label-amaranth-04));\n  --mds-label-button-background: rgb(var(--label-amaranth-04));\n  --mds-label-button-background-hover: rgb(var(--label-amaranth-05));\n  --mds-label-button-icon-color: rgb(var(--label-amaranth-10));\n  --mds-label-color: rgb(var(--label-amaranth-10));\n  --mds-label-icon-color: rgb(var(--label-amaranth-10));\n  --mds-label-selection-background: rgb(var(--label-amaranth-08));\n  --mds-label-selection-color: rgb(var(--label-amaranth-02));\n}\n\n:host( [variant="amaranth"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--label-amaranth-08));\n  --mds-label-button-background: rgb(var(--label-amaranth-09));\n  --mds-label-button-background-hover: rgb(var(--label-amaranth-08));\n  --mds-label-button-icon-color: rgb(var(--label-amaranth-04));\n  --mds-label-color: rgb(var(--label-amaranth-02));\n  --mds-label-icon-color: rgb(var(--label-amaranth-02));\n  --mds-label-selection-background: rgb(var(--label-amaranth-06));\n  --mds-label-selection-color: rgb(var(--label-amaranth-10));\n}\n\n:host( [variant="amaranth"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--label-amaranth-09));\n  --mds-label-button-background: rgb(var(--label-amaranth-09));\n  --mds-label-button-background-hover: rgb(var(--label-amaranth-08));\n  --mds-label-button-icon-color: rgb(var(--label-amaranth-04));\n  --mds-label-color: rgb(var(--label-amaranth-04));\n  --mds-label-icon-color: rgb(var(--label-amaranth-04));\n  --mds-label-selection-background: rgb(var(--label-amaranth-05));\n  --mds-label-selection-color: rgb(var(--label-amaranth-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="aqua"] ),\n:host( [variant="aqua"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--label-aqua-04));\n  --mds-label-button-background: rgb(var(--label-aqua-04));\n  --mds-label-button-background-hover: rgb(var(--label-aqua-05));\n  --mds-label-button-icon-color: rgb(var(--label-aqua-10));\n  --mds-label-color: rgb(var(--label-aqua-10));\n  --mds-label-icon-color: rgb(var(--label-aqua-10));\n  --mds-label-selection-background: rgb(var(--label-aqua-08));\n  --mds-label-selection-color: rgb(var(--label-aqua-02));\n}\n\n:host( [variant="aqua"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--label-aqua-08));\n  --mds-label-button-background: rgb(var(--label-aqua-09));\n  --mds-label-button-background-hover: rgb(var(--label-aqua-08));\n  --mds-label-button-icon-color: rgb(var(--label-aqua-04));\n  --mds-label-color: rgb(var(--label-aqua-02));\n  --mds-label-icon-color: rgb(var(--label-aqua-02));\n  --mds-label-selection-background: rgb(var(--label-aqua-06));\n  --mds-label-selection-color: rgb(var(--label-aqua-10));\n}\n\n:host( [variant="aqua"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--label-aqua-09));\n  --mds-label-button-background: rgb(var(--label-aqua-09));\n  --mds-label-button-background-hover: rgb(var(--label-aqua-08));\n  --mds-label-button-icon-color: rgb(var(--label-aqua-04));\n  --mds-label-color: rgb(var(--label-aqua-04));\n  --mds-label-icon-color: rgb(var(--label-aqua-04));\n  --mds-label-selection-background: rgb(var(--label-aqua-05));\n  --mds-label-selection-color: rgb(var(--label-aqua-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="blue"] ),\n:host( [variant="blue"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--label-blue-04));\n  --mds-label-button-background: rgb(var(--label-blue-04));\n  --mds-label-button-background-hover: rgb(var(--label-blue-05));\n  --mds-label-button-icon-color: rgb(var(--label-blue-10));\n  --mds-label-color: rgb(var(--label-blue-10));\n  --mds-label-icon-color: rgb(var(--label-blue-10));\n  --mds-label-selection-background: rgb(var(--label-blue-08));\n  --mds-label-selection-color: rgb(var(--label-blue-02));\n}\n\n:host( [variant="blue"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--label-blue-08));\n  --mds-label-button-background: rgb(var(--label-blue-09));\n  --mds-label-button-background-hover: rgb(var(--label-blue-08));\n  --mds-label-button-icon-color: rgb(var(--label-blue-04));\n  --mds-label-color: rgb(var(--label-blue-02));\n  --mds-label-icon-color: rgb(var(--label-blue-02));\n  --mds-label-selection-background: rgb(var(--label-blue-06));\n  --mds-label-selection-color: rgb(var(--label-blue-10));\n}\n\n:host( [variant="blue"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--label-blue-09));\n  --mds-label-button-background: rgb(var(--label-blue-09));\n  --mds-label-button-background-hover: rgb(var(--label-blue-08));\n  --mds-label-button-icon-color: rgb(var(--label-blue-04));\n  --mds-label-color: rgb(var(--label-blue-04));\n  --mds-label-icon-color: rgb(var(--label-blue-04));\n  --mds-label-selection-background: rgb(var(--label-blue-05));\n  --mds-label-selection-color: rgb(var(--label-blue-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="dark"] ),\n:host( [variant="dark"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--tone-neutral-02));\n  --mds-label-button-background: rgb(var(--tone-neutral-02));\n  --mds-label-button-background-hover: rgb(var(--tone-neutral-04));\n  --mds-label-button-icon-color: rgb(var(--tone-neutral-10));\n  --mds-label-color: rgb(var(--tone-neutral-09));\n  --mds-label-icon-color: rgb(var(--tone-neutral-09));\n  --mds-label-selection-background: rgb(var(--tone-neutral-08));\n  --mds-label-selection-color: rgb(var(--tone-neutral-02));\n}\n\n:host( [variant="dark"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--tone-neutral-08));\n  --mds-label-button-background: rgb(var(--tone-neutral-09));\n  --mds-label-button-background-hover: rgb(var(--tone-neutral-08));\n  --mds-label-button-icon-color: rgb(var(--tone-neutral-03));\n  --mds-label-color: rgb(var(--tone-neutral-02));\n  --mds-label-icon-color: rgb(var(--tone-neutral-02));\n  --mds-label-selection-background: rgb(var(--tone-neutral-06));\n  --mds-label-selection-color: rgb(var(--tone-neutral-10));\n}\n\n:host( [variant="dark"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--tone-neutral-09));\n  --mds-label-button-background: rgb(var(--tone-neutral-09));\n  --mds-label-button-background-hover: rgb(var(--tone-neutral-08));\n  --mds-label-button-icon-color: rgb(var(--tone-neutral-03));\n  --mds-label-color: rgb(var(--tone-neutral-04));\n  --mds-label-icon-color: rgb(var(--tone-neutral-04));\n  --mds-label-selection-background: rgb(var(--tone-neutral-05));\n  --mds-label-selection-color: rgb(var(--tone-neutral-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="error"] ),\n:host( [variant="error"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--status-error-04));\n  --mds-label-button-background: rgb(var(--status-error-04));\n  --mds-label-button-background-hover: rgb(var(--status-error-05));\n  --mds-label-button-icon-color: rgb(var(--status-error-10));\n  --mds-label-color: rgb(var(--status-error-10));\n  --mds-label-icon-color: rgb(var(--status-error-10));\n  --mds-label-selection-background: rgb(var(--status-error-08));\n  --mds-label-selection-color: rgb(var(--status-error-02));\n}\n\n:host( [variant="error"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--status-error-08));\n  --mds-label-button-background: rgb(var(--status-error-09));\n  --mds-label-button-background-hover: rgb(var(--status-error-08));\n  --mds-label-button-icon-color: rgb(var(--status-error-04));\n  --mds-label-color: rgb(var(--status-error-02));\n  --mds-label-icon-color: rgb(var(--status-error-02));\n  --mds-label-selection-background: rgb(var(--status-error-06));\n  --mds-label-selection-color: rgb(var(--status-error-10));\n}\n\n:host( [variant="error"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--status-error-09));\n  --mds-label-button-background: rgb(var(--status-error-09));\n  --mds-label-button-background-hover: rgb(var(--status-error-08));\n  --mds-label-button-icon-color: rgb(var(--status-error-04));\n  --mds-label-color: rgb(var(--status-error-04));\n  --mds-label-icon-color: rgb(var(--status-error-04));\n  --mds-label-selection-background: rgb(var(--status-error-05));\n  --mds-label-selection-color: rgb(var(--status-error-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="green"] ),\n:host( [variant="green"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--label-green-04));\n  --mds-label-button-background: rgb(var(--label-green-04));\n  --mds-label-button-background-hover: rgb(var(--label-green-05));\n  --mds-label-button-icon-color: rgb(var(--label-green-10));\n  --mds-label-color: rgb(var(--label-green-10));\n  --mds-label-icon-color: rgb(var(--label-green-10));\n  --mds-label-selection-background: rgb(var(--label-green-08));\n  --mds-label-selection-color: rgb(var(--label-green-02));\n}\n\n:host( [variant="green"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--label-green-08));\n  --mds-label-button-background: rgb(var(--label-green-09));\n  --mds-label-button-background-hover: rgb(var(--label-green-08));\n  --mds-label-button-icon-color: rgb(var(--label-green-04));\n  --mds-label-color: rgb(var(--label-green-02));\n  --mds-label-icon-color: rgb(var(--label-green-02));\n  --mds-label-selection-background: rgb(var(--label-green-06));\n  --mds-label-selection-color: rgb(var(--label-green-10));\n}\n\n:host( [variant="green"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--label-green-09));\n  --mds-label-button-background: rgb(var(--label-green-09));\n  --mds-label-button-background-hover: rgb(var(--label-green-08));\n  --mds-label-button-icon-color: rgb(var(--label-green-04));\n  --mds-label-color: rgb(var(--label-green-04));\n  --mds-label-icon-color: rgb(var(--label-green-04));\n  --mds-label-selection-background: rgb(var(--label-green-05));\n  --mds-label-selection-color: rgb(var(--label-green-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="info"] ),\n:host( [variant="info"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--status-info-04));\n  --mds-label-button-background: rgb(var(--status-info-04));\n  --mds-label-button-background-hover: rgb(var(--status-info-05));\n  --mds-label-button-icon-color: rgb(var(--status-info-10));\n  --mds-label-color: rgb(var(--status-info-10));\n  --mds-label-icon-color: rgb(var(--status-info-10));\n  --mds-label-selection-background: rgb(var(--status-info-08));\n  --mds-label-selection-color: rgb(var(--status-info-02));\n}\n\n:host( [variant="info"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--status-info-08));\n  --mds-label-button-background: rgb(var(--status-info-09));\n  --mds-label-button-background-hover: rgb(var(--status-info-08));\n  --mds-label-button-icon-color: rgb(var(--status-info-04));\n  --mds-label-color: rgb(var(--status-info-02));\n  --mds-label-icon-color: rgb(var(--status-info-02));\n  --mds-label-selection-background: rgb(var(--status-info-06));\n  --mds-label-selection-color: rgb(var(--status-info-10));\n}\n\n:host( [variant="info"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--status-info-09));\n  --mds-label-button-background: rgb(var(--status-info-09));\n  --mds-label-button-background-hover: rgb(var(--status-info-08));\n  --mds-label-button-icon-color: rgb(var(--status-info-04));\n  --mds-label-color: rgb(var(--status-info-04));\n  --mds-label-icon-color: rgb(var(--status-info-04));\n  --mds-label-selection-background: rgb(var(--status-info-05));\n  --mds-label-selection-color: rgb(var(--status-info-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="light"] ),\n:host( [variant="light"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--tone-neutral-10));\n  --mds-label-button-background: rgb(var(--tone-neutral-10));\n  --mds-label-button-background-hover: rgb(var(--tone-neutral-09));\n  --mds-label-button-icon-color: rgb(var(--tone-neutral-03));\n  --mds-label-color: rgb(var(--tone-neutral-03));\n  --mds-label-icon-color: rgb(var(--tone-neutral-03));\n  --mds-label-selection-background: rgb(var(--tone-neutral-03));\n  --mds-label-selection-color: rgb(var(--tone-neutral-09));\n}\n\n:host( [variant="light"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--tone-neutral-09));\n  --mds-label-button-background: rgb(var(--tone-neutral-09));\n  --mds-label-button-background-hover: rgb(var(--tone-neutral-10));\n  --mds-label-button-icon-color: rgb(var(--tone-neutral-03));\n  --mds-label-color: rgb(var(--tone-neutral-03));\n  --mds-label-icon-color: rgb(var(--tone-neutral-03));\n  --mds-label-selection-background: rgb(var(--tone-neutral-03));\n  --mds-label-selection-color: rgb(var(--tone-neutral-09));\n}\n\n:host( [variant="light"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--tone-neutral-09));\n  --mds-label-button-background: rgb(var(--tone-neutral-09));\n  --mds-label-button-background-hover: rgb(var(--tone-neutral-09));\n  --mds-label-button-icon-color: rgb(var(--tone-neutral-02));\n  --mds-label-color: rgb(var(--tone-neutral-02));\n  --mds-label-icon-color: rgb(var(--tone-neutral-02));\n  --mds-label-selection-background: rgb(var(--tone-neutral-02));\n  --mds-label-selection-color: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n:host( [variant="lime"] ),\n:host( [variant="lime"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--label-lime-04));\n  --mds-label-button-background: rgb(var(--label-lime-04));\n  --mds-label-button-background-hover: rgb(var(--label-lime-05));\n  --mds-label-button-icon-color: rgb(var(--label-lime-10));\n  --mds-label-color: rgb(var(--label-lime-10));\n  --mds-label-icon-color: rgb(var(--label-lime-10));\n  --mds-label-selection-background: rgb(var(--label-lime-08));\n  --mds-label-selection-color: rgb(var(--label-lime-02));\n}\n\n:host( [variant="lime"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--label-lime-08));\n  --mds-label-button-background: rgb(var(--label-lime-09));\n  --mds-label-button-background-hover: rgb(var(--label-lime-08));\n  --mds-label-button-icon-color: rgb(var(--label-lime-04));\n  --mds-label-color: rgb(var(--label-lime-02));\n  --mds-label-icon-color: rgb(var(--label-lime-02));\n  --mds-label-selection-background: rgb(var(--label-lime-06));\n  --mds-label-selection-color: rgb(var(--label-lime-10));\n}\n\n:host( [variant="lime"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--label-lime-09));\n  --mds-label-button-background: rgb(var(--label-lime-09));\n  --mds-label-button-background-hover: rgb(var(--label-lime-08));\n  --mds-label-button-icon-color: rgb(var(--label-lime-04));\n  --mds-label-color: rgb(var(--label-lime-04));\n  --mds-label-icon-color: rgb(var(--label-lime-04));\n  --mds-label-selection-background: rgb(var(--label-lime-05));\n  --mds-label-selection-color: rgb(var(--label-lime-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="orange"] ),\n:host( [variant="orange"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--label-orange-04));\n  --mds-label-button-background: rgb(var(--label-orange-04));\n  --mds-label-button-background-hover: rgb(var(--label-orange-05));\n  --mds-label-button-icon-color: rgb(var(--label-orange-10));\n  --mds-label-color: rgb(var(--label-orange-10));\n  --mds-label-icon-color: rgb(var(--label-orange-10));\n  --mds-label-selection-background: rgb(var(--label-orange-08));\n  --mds-label-selection-color: rgb(var(--label-orange-02));\n}\n\n:host( [variant="orange"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--label-orange-08));\n  --mds-label-button-background: rgb(var(--label-orange-09));\n  --mds-label-button-background-hover: rgb(var(--label-orange-08));\n  --mds-label-button-icon-color: rgb(var(--label-orange-04));\n  --mds-label-color: rgb(var(--label-orange-02));\n  --mds-label-icon-color: rgb(var(--label-orange-02));\n  --mds-label-selection-background: rgb(var(--label-orange-06));\n  --mds-label-selection-color: rgb(var(--label-orange-10));\n}\n\n:host( [variant="orange"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--label-orange-09));\n  --mds-label-button-background: rgb(var(--label-orange-09));\n  --mds-label-button-background-hover: rgb(var(--label-orange-08));\n  --mds-label-button-icon-color: rgb(var(--label-orange-04));\n  --mds-label-color: rgb(var(--label-orange-04));\n  --mds-label-icon-color: rgb(var(--label-orange-04));\n  --mds-label-selection-background: rgb(var(--label-orange-05));\n  --mds-label-selection-color: rgb(var(--label-orange-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="orchid"] ),\n:host( [variant="orchid"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--label-orchid-04));\n  --mds-label-button-background: rgb(var(--label-orchid-04));\n  --mds-label-button-background-hover: rgb(var(--label-orchid-05));\n  --mds-label-button-icon-color: rgb(var(--label-orchid-10));\n  --mds-label-color: rgb(var(--label-orchid-10));\n  --mds-label-icon-color: rgb(var(--label-orchid-10));\n  --mds-label-selection-background: rgb(var(--label-orchid-08));\n  --mds-label-selection-color: rgb(var(--label-orchid-02));\n}\n\n:host( [variant="orchid"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--label-orchid-08));\n  --mds-label-button-background: rgb(var(--label-orchid-09));\n  --mds-label-button-background-hover: rgb(var(--label-orchid-08));\n  --mds-label-button-icon-color: rgb(var(--label-orchid-04));\n  --mds-label-color: rgb(var(--label-orchid-02));\n  --mds-label-icon-color: rgb(var(--label-orchid-02));\n  --mds-label-selection-background: rgb(var(--label-orchid-06));\n  --mds-label-selection-color: rgb(var(--label-orchid-10));\n}\n\n:host( [variant="orchid"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--label-orchid-09));\n  --mds-label-button-background: rgb(var(--label-orchid-09));\n  --mds-label-button-background-hover: rgb(var(--label-orchid-08));\n  --mds-label-button-icon-color: rgb(var(--label-orchid-04));\n  --mds-label-color: rgb(var(--label-orchid-04));\n  --mds-label-icon-color: rgb(var(--label-orchid-04));\n  --mds-label-selection-background: rgb(var(--label-orchid-05));\n  --mds-label-selection-color: rgb(var(--label-orchid-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="sky"] ),\n:host( [variant="sky"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--label-sky-04));\n  --mds-label-button-background: rgb(var(--label-sky-04));\n  --mds-label-button-background-hover: rgb(var(--label-sky-05));\n  --mds-label-button-icon-color: rgb(var(--label-sky-10));\n  --mds-label-color: rgb(var(--label-sky-10));\n  --mds-label-icon-color: rgb(var(--label-sky-10));\n  --mds-label-selection-background: rgb(var(--label-sky-08));\n  --mds-label-selection-color: rgb(var(--label-sky-02));\n}\n\n:host( [variant="sky"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--label-sky-08));\n  --mds-label-button-background: rgb(var(--label-sky-09));\n  --mds-label-button-background-hover: rgb(var(--label-sky-08));\n  --mds-label-button-icon-color: rgb(var(--label-sky-04));\n  --mds-label-color: rgb(var(--label-sky-02));\n  --mds-label-icon-color: rgb(var(--label-sky-02));\n  --mds-label-selection-background: rgb(var(--label-sky-06));\n  --mds-label-selection-color: rgb(var(--label-sky-10));\n}\n\n:host( [variant="sky"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--label-sky-09));\n  --mds-label-button-background: rgb(var(--label-sky-09));\n  --mds-label-button-background-hover: rgb(var(--label-sky-08));\n  --mds-label-button-icon-color: rgb(var(--label-sky-04));\n  --mds-label-color: rgb(var(--label-sky-04));\n  --mds-label-icon-color: rgb(var(--label-sky-04));\n  --mds-label-selection-background: rgb(var(--label-sky-05));\n  --mds-label-selection-color: rgb(var(--label-sky-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="success"] ),\n:host( [variant="success"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--status-success-04));\n  --mds-label-button-background: rgb(var(--status-success-04));\n  --mds-label-button-background-hover: rgb(var(--status-success-05));\n  --mds-label-button-icon-color: rgb(var(--status-success-10));\n  --mds-label-color: rgb(var(--status-success-10));\n  --mds-label-icon-color: rgb(var(--status-success-10));\n  --mds-label-selection-background: rgb(var(--status-success-08));\n  --mds-label-selection-color: rgb(var(--status-success-02));\n}\n\n:host( [variant="success"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--status-success-08));\n  --mds-label-button-background: rgb(var(--status-success-09));\n  --mds-label-button-background-hover: rgb(var(--status-success-08));\n  --mds-label-button-icon-color: rgb(var(--status-success-04));\n  --mds-label-color: rgb(var(--status-success-02));\n  --mds-label-icon-color: rgb(var(--status-success-02));\n  --mds-label-selection-background: rgb(var(--status-success-06));\n  --mds-label-selection-color: rgb(var(--status-success-10));\n}\n\n:host( [variant="success"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--status-success-09));\n  --mds-label-button-background: rgb(var(--status-success-09));\n  --mds-label-button-background-hover: rgb(var(--status-success-08));\n  --mds-label-button-icon-color: rgb(var(--status-success-04));\n  --mds-label-color: rgb(var(--status-success-04));\n  --mds-label-icon-color: rgb(var(--status-success-04));\n  --mds-label-selection-background: rgb(var(--status-success-05));\n  --mds-label-selection-color: rgb(var(--status-success-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="violet"] ),\n:host( [variant="violet"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--label-violet-04));\n  --mds-label-button-background: rgb(var(--label-violet-04));\n  --mds-label-button-background-hover: rgb(var(--label-violet-05));\n  --mds-label-button-icon-color: rgb(var(--label-violet-10));\n  --mds-label-color: rgb(var(--label-violet-10));\n  --mds-label-icon-color: rgb(var(--label-violet-10));\n  --mds-label-selection-background: rgb(var(--label-violet-08));\n  --mds-label-selection-color: rgb(var(--label-violet-02));\n}\n\n:host( [variant="violet"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--label-violet-08));\n  --mds-label-button-background: rgb(var(--label-violet-09));\n  --mds-label-button-background-hover: rgb(var(--label-violet-08));\n  --mds-label-button-icon-color: rgb(var(--label-violet-04));\n  --mds-label-color: rgb(var(--label-violet-02));\n  --mds-label-icon-color: rgb(var(--label-violet-02));\n  --mds-label-selection-background: rgb(var(--label-violet-06));\n  --mds-label-selection-color: rgb(var(--label-violet-10));\n}\n\n:host( [variant="violet"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--label-violet-09));\n  --mds-label-button-background: rgb(var(--label-violet-09));\n  --mds-label-button-background-hover: rgb(var(--label-violet-08));\n  --mds-label-button-icon-color: rgb(var(--label-violet-04));\n  --mds-label-color: rgb(var(--label-violet-04));\n  --mds-label-icon-color: rgb(var(--label-violet-04));\n  --mds-label-selection-background: rgb(var(--label-violet-05));\n  --mds-label-selection-color: rgb(var(--label-violet-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="warning"] ),\n:host( [variant="warning"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--status-warning-04));\n  --mds-label-button-background: rgb(var(--status-warning-04));\n  --mds-label-button-background-hover: rgb(var(--status-warning-05));\n  --mds-label-button-icon-color: rgb(var(--status-warning-10));\n  --mds-label-color: rgb(var(--status-warning-10));\n  --mds-label-icon-color: rgb(var(--status-warning-10));\n  --mds-label-selection-background: rgb(var(--status-warning-08));\n  --mds-label-selection-color: rgb(var(--status-warning-02));\n}\n\n:host( [variant="warning"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--status-warning-08));\n  --mds-label-button-background: rgb(var(--status-warning-09));\n  --mds-label-button-background-hover: rgb(var(--status-warning-08));\n  --mds-label-button-icon-color: rgb(var(--status-warning-04));\n  --mds-label-color: rgb(var(--status-warning-02));\n  --mds-label-icon-color: rgb(var(--status-warning-02));\n  --mds-label-selection-background: rgb(var(--status-warning-06));\n  --mds-label-selection-color: rgb(var(--status-warning-10));\n}\n\n:host( [variant="warning"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--status-warning-09));\n  --mds-label-button-background: rgb(var(--status-warning-09));\n  --mds-label-button-background-hover: rgb(var(--status-warning-08));\n  --mds-label-button-icon-color: rgb(var(--status-warning-04));\n  --mds-label-color: rgb(var(--status-warning-04));\n  --mds-label-icon-color: rgb(var(--status-warning-04));\n  --mds-label-selection-background: rgb(var(--status-warning-05));\n  --mds-label-selection-color: rgb(var(--status-warning-09));\n}\n\n@tailwind utilities;\n\n:host( [variant="yellow"] ),\n:host( [variant="yellow"][tone="strong"] ) {\n\n  --mds-label-background: rgb(var(--label-yellow-04));\n  --mds-label-button-background: rgb(var(--label-yellow-04));\n  --mds-label-button-background-hover: rgb(var(--label-yellow-05));\n  --mds-label-button-icon-color: rgb(var(--label-yellow-10));\n  --mds-label-color: rgb(var(--label-yellow-10));\n  --mds-label-icon-color: rgb(var(--label-yellow-10));\n  --mds-label-selection-background: rgb(var(--label-yellow-08));\n  --mds-label-selection-color: rgb(var(--label-yellow-02));\n}\n\n:host( [variant="yellow"][tone="weak"] ) {\n\n  --mds-label-background: rgb(var(--label-yellow-08));\n  --mds-label-button-background: rgb(var(--label-yellow-09));\n  --mds-label-button-background-hover: rgb(var(--label-yellow-08));\n  --mds-label-button-icon-color: rgb(var(--label-yellow-04));\n  --mds-label-color: rgb(var(--label-yellow-02));\n  --mds-label-icon-color: rgb(var(--label-yellow-02));\n  --mds-label-selection-background: rgb(var(--label-yellow-06));\n  --mds-label-selection-color: rgb(var(--label-yellow-10));\n}\n\n:host( [variant="yellow"][tone="quiet"] ) {\n\n  --mds-label-background: rgb(var(--label-yellow-09));\n  --mds-label-button-background: rgb(var(--label-yellow-09));\n  --mds-label-button-background-hover: rgb(var(--label-yellow-08));\n  --mds-label-button-icon-color: rgb(var(--label-yellow-04));\n  --mds-label-color: rgb(var(--label-yellow-04));\n  --mds-label-icon-color: rgb(var(--label-yellow-04));\n  --mds-label-selection-background: rgb(var(--label-yellow-05));\n  --mds-label-selection-color: rgb(var(--label-yellow-09));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3) inset;\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3) inset;\n    }\n  }\n}\n\n\n';export{g as mds_label}

package/dist/magma-components/p-13ce8757.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(a,r,t,n){function e(a){return a instanceof t?a:new t((function(r){r(a)}))}return new(t||(t=Promise))((function(t,i){function v(a){try{o(n.next(a))}catch(a){i(a)}}function s(a){try{o(n["throw"](a))}catch(a){i(a)}}function o(a){a.done?t(a.value):e(a.value).then(v,s)}o((n=n.apply(a,r||[])).next())}))};var __generator=this&&this.__generator||function(a,r){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,e,i,v;return v={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(v[Symbol.iterator]=function(){return this}),v;function s(a){return function(r){return o([a,r])}}function o(s){if(n)throw new TypeError("Generator is already executing.");while(v&&(v=0,s[0]&&(t=0)),t)try{if(n=1,e&&(i=s[0]&2?e["return"]:s[0]?e["throw"]||((i=e["return"])&&i.call(e),0):e.next)&&!(i=i.call(e,s[1])).done)return i;if(e=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;e=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){t.label=s[1];break}if(s[0]===6&&t.label<i[1]){t.label=i[1];i=s;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(s);break}if(i[2])t.ops.pop();t.trys.pop();continue}s=r.call(a,t)}catch(a){s=[6,a];e=0}finally{n=i=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-269ab10e.system.js","./p-d7e5e5a1.system.js","./p-21b1acec.system.js"],(function(a){"use strict";var r,t,n,e,i,v,s,o;return{setters:[function(a){r=a.r;t=a.c;n=a.h;e=a.H;i=a.g},function(a){v=a.L},function(a){s=a.m},function(a){o=a.m},function(){}],execute:function(){var u="Afrikaans";var c="العربية";var h="Azərbaycanca";var f="Беларуская";var l="Български";var d="বাংলা";var m="Bosanski";var y="Català";var b="Cebuano";var g="Čeština";var k="Cymraeg";var p="Dansk";var w="Deutsch";var S="Ελληνικά";var _="English";var j="Esperanto";var C="Español";var z="Eesti";var E="Euskara";var L="فارسی";var B="Suomi";var G="Français";var M="Frysk";var q="Gaeilge";var x="Gàidhlig";var H="Galego";var I="ગુજરાતી";var N="Hausa";var P="ʻŌlelo Hawaiʻi";var T="עברית";var K="हिन्दी";var A="Hmoob";var D="Hrvatski";var F="Kreyòl ayisyen";var O="Magyar";var J="Հայերեն";var R="Bahasa Indonesia";var V="Igbo";var X="Íslenska";var Y="Italiano";var Z="日本語";var Q="Basa Jawa";var U="ქართული";var W="Қазақ тілі";var $="ភាសាខ្មែរ";var aa="ಕನ್ನಡ";var ra="한국어";var ta="Kurdî";var na="Кыргызча";var ea="Latina";var ia="Lëtzebuergesch";var va="ພາສາລາວ";var sa="Lietuvių";var oa="Latviešu";var ua="Malagasy";var ca="Māori";var ha="Македонски";var fa="മലയാളം";var la="Монгол";var da="मराठी";var ma="Bahasa Melayu";var ya="Malti";var ba="မြန်မာ";var ga="नेपाली";var ka="Nederlands";var pa="Norsk";var wa="Chinyanja";var Sa="ଓଡ଼ିଆ";var _a="ਪੰਜਾਬੀ";var ja="Polski";var Ca="پښتو";var za="Português";var Ea="Română";var La="Русский";var Ba="سنڌي";var Ga="සිංහල";var Ma="Slovenčina";var qa="Slovenščina";var xa="Gagana Sāmoa";var Ha="ChiShona";var Ia="Soomaali";var Na="Shqip";var Pa="Српски";var Ta="Sesotho";var Ka="Basa Sunda";var Aa="Svenska";var Da="Kiswahili";var Fa="தமிழ்";var Oa="తెలుగు";var Ja="Тоҷикӣ";var Ra="ไทย";var Va="Türkçe";var Xa="Tatarça";var Ya="Українська";var Za="اردو";var Qa="Oʻzbek";var Ua="Tiếng Việt";var Wa="isiXhosa";var $a="ייִדיש";var ar="Yorùbá";var rr="中文";var tr="isiZulu";var nr={af:u,ar:c,az:h,be:f,bg:l,bn:d,bs:m,ca:y,ceb:b,cs:g,cy:k,da:p,de:w,el:S,en:_,eo:j,es:C,et:z,eu:E,fa:L,fi:B,fr:G,fy:M,ga:q,gd:x,gl:H,gu:I,ha:N,haw:P,he:T,hi:K,hmn:A,hr:D,ht:F,hu:O,hy:J,id:R,ig:V,is:X,it:Y,ja:Z,jv:Q,ka:U,kk:W,km:$,kn:aa,ko:ra,ku:ta,ky:na,la:ea,lb:ia,lo:va,lt:sa,lv:oa,mg:ua,mi:ca,mk:ha,ml:fa,mn:la,mr:da,ms:ma,mt:ya,my:ba,ne:ga,nl:ka,no:pa,ny:wa,or:Sa,pa:_a,pl:ja,ps:Ca,pt:za,ro:Ea,ru:La,sd:Ba,si:Ga,sk:Ma,sl:qa,sm:xa,sn:Ha,so:Ia,sq:Na,sr:Pa,st:Ta,su:Ka,sv:Aa,sw:Da,ta:Fa,te:Oa,tg:Ja,th:Ra,tr:Va,tt:Xa,uk:Ya,ur:Za,uz:Qa,vi:Ua,xh:Wa,yi:$a,yo:ar,zh:rr,zu:tr};var er="Nessun code impostato";var ir={noCode:er};var vr="No code set";var sr={noCode:vr};var or=":host{display:block}";var ur=or;var cr=a("mds_pref_language_item",function(){function a(a){var n=this;r(this,a);this.selectLanguageEvent=t(this,"mdsPrefLanguageItemSelect",7);this.t=new v({en:sr,it:ir});this.handleClick=function(){n.selectLanguageEvent.emit({language:n.code})};this.language=undefined;this.code=undefined;this.selected=false}a.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.language=this.t.lang(this.element);return[2]}))}))};a.prototype.componentWillRender=function(){if(!nr[this.code]){throw Error("Language code not found: ".concat(this.code))}this.t.lang(this.element)};a.prototype.render=function(){return n(e,{key:"5bbbcd698ddbd64e19500ae8ea15f1f9cc98d7ef",onClick:this.handleClick},this.code?n("mds-button",{icon:this.selected?s:o,variant:"dark",tone:"quiet"},nr[this.code]):n("mds-button",{icon:s,variant:"error",tone:"quiet"},this.t.get("noCode")))};Object.defineProperty(a.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return a}());cr.style=ur}}}));

package/dist/magma-components/p-1400e3c3.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(e,t,n,i){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function s(e){try{u(i.next(e))}catch(e){r(e)}}function o(e){try{u(i["throw"](e))}catch(e){r(e)}}function u(e){e.done?n(e.value):a(e.value).then(s,o)}u((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={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(t){return u([e,t])}}function u(o){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(n=0)),n)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:n.label++;return{value:o[1],done:false};case 5:n.label++;a=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){n.label=o[1];break}if(o[0]===6&&n.label<r[1]){n.label=r[1];r=o;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(o);break}if(r[2])n.ops.pop();n.trys.pop();continue}o=t.call(e,n)}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-3759b1b2.system.js","./p-21b1acec.system.js"],(function(e){"use strict";var t,n,i,a,r;return{setters:[function(e){t=e.r;n=e.h;i=e.H;a=e.g},function(e){r=e.L},function(){}],execute:function(){var s="Πρέπει να ανανεώσετε τη σελίδα για να δείτε όλες τις αλλαγές, διαφορετικά θα είναι ορατές μόνο για τα πρόσφατα μεταφορτωμένα στοιχεία.";var o={reloadPageToSeeChanges:s};var u="You must refresh the page to see all changes, or they will only be visible for new items uploaded.";var c={reloadPageToSeeChanges:u};var f="Es necesario actualizar la página para ver todos los cambios, o solo serán visibles para los nuevos elementos cargados.";var h={reloadPageToSeeChanges:f};var d="È necessario aggiornare la pagina per vedere tutti i cambiamenti, oppure saranno visibili solo per i nuovi elementi caricati.";var l={reloadPageToSeeChanges:d};var p=":host{gap:1rem;display:grid}:host(:empty){display:none}.reload-required{gap:0.5rem;display:grid}";var m=p;var g=e("mds_pref",function(){function e(e){var n=this;t(this,e);this.prefNeedsReload=["consumption","language"];this.t=new r({el:o,en:c,es:h,it:l});this.addEvent=function(e){e.addEventListener("mdsPrefChange",(function(e){if(n.prefNeedsReload.includes(e.detail.preference)){n.showReload=true;if(e.detail.preference==="language"){n.t.lang(n.host)}}}))};this.showReload=false;this.language=undefined}e.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=this.t.lang(this.host);return[2]}))}))};e.prototype.componentWillRender=function(){this.t.lang(this.host)};e.prototype.componentDidLoad=function(){this.host.querySelector("mds-pref-animation")&&this.addEvent(this.host.querySelector("mds-pref-animation"));this.host.querySelector("mds-pref-consumption")&&this.addEvent(this.host.querySelector("mds-pref-consumption"));this.host.querySelector("mds-pref-contrast")&&this.addEvent(this.host.querySelector("mds-pref-contrast"));this.host.querySelector("mds-pref-language")&&this.addEvent(this.host.querySelector("mds-pref-language"));this.host.querySelector("mds-pref-theme")&&this.addEvent(this.host.querySelector("mds-pref-theme"))};e.prototype.render=function(){return n(i,{key:"ed9e2d6a5a70735b46fa37e47336a0b96b1da65d"},n("slot",{key:"60d3e90abdbb050a6a60ee9d839467bd743560c3"}),this.showReload&&n("div",{key:"95a1d0e9699b16a9dafba1dd51cd18a8efa9c360",class:"reload-required"},n("mds-text",{key:"75a50e34a35e0eae92345a5babfa9187ec9bc190",typography:"caption"},this.t.get("reloadPageToSeeChanges"))))};Object.defineProperty(e.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());g.style=m}}}));

package/dist/magma-components/p-1581b10e.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(n,t,r,e){function o(n){return n instanceof r?n:new r((function(t){t(n)}))}return new(r||(r=Promise))((function(r,i){function a(n){try{c(e.next(n))}catch(n){i(n)}}function s(n){try{c(e["throw"](n))}catch(n){i(n)}}function c(n){n.done?r(n.value):o(n.value).then(a,s)}c((e=e.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},e,o,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(n){return function(t){return c([n,t])}}function c(s){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(r=0)),r)try{if(e=1,o&&(i=s[0]&2?o["return"]:s[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,s[1])).done)return i;if(o=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;o=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(s[0]===6&&r.label<i[1]){r.label=i[1];i=s;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(s);break}if(i[2])r.ops.pop();r.trys.pop();continue}s=t.call(n,r)}catch(n){s=[6,n];o=0}finally{e=i=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-d8b1a0e7.system.js","./p-32f55263.system.js","./p-6803cf8d.system.js","./p-3759b1b2.system.js","./p-21b1acec.system.js"],(function(n){"use strict";var t,r,e,o,i,a,s,c,d;return{setters:[function(n){t=n.r;r=n.c;e=n.h;o=n.H;i=n.g},function(n){a=n.m},function(n){s=n.s},function(n){c=n.K},function(n){d=n.L},function(){}],execute:function(){var l="Αφαίρεση";var b={deleteLabel:l};var u="Remove";var h={deleteLabel:u};var p="Eliminar";var m={deleteLabel:p};var g="Rimuovi";var f={deleteLabel:g};var v='@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-chip-background: Sets the `background-color` of the component\n * @prop --mds-chip-color: Sets the `color` of the component\n * @prop --mds-chip-icon-background: Sets the `background-color` of the icon\n * @prop --mds-chip-icon-background-selected: Sets the `background-color` color of the icon when the component is selected\n * @prop --mds-chip-icon-color: Sets the `fill` color of the icon of the component\n * @prop --mds-chip-opacity-disabled: Sets the `opacity` of the component when it\'s disabled\n * @prop --mds-chip-backgroud-selected: Sets the `background-color` of the component when it\'s selected\n * @prop --mds-chip-color-selected: Sets the `color` of the component when it\'s selected\n * @prop --mds-chip-icon-color-selected: Sets the `fill` color of the icon of the component when it\'s selected\n */\n\n:host {\n\n  /* --mds-chip-backgroud-selected: theme(\'colors.tone-neutral-08\');\n  --mds-chip-border-selected: theme(\'colors.variant-primary-04\');\n  --mds-chip-color-selected: theme(\'colors.tone-neutral-01\');\n  --mds-chip-icon-background-selected: theme(\'colors.variant-primary-04\');\n  --mds-chip-icon-color-selected: theme(\'colors.tone-neutral\'); */\n\n  --mds-chip-background: rgb(var(--tone-neutral));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--variant-primary-06));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-opacity-disabled: var(--opacity-disabled, 0.5);\n  --mds-chip-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1);\n  height: 2.25rem;\n  gap: 0.375rem;\n  border-radius: 9999px;\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n  -webkit-transition-duration: 150ms;\n  transition-duration: 150ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-chip-background);\n  border: 2px solid var(--mds-chip-border);\n  -webkit-box-shadow: var(--mds-chip-shadow);\n  box-shadow: var(--mds-chip-shadow);\n  color: var(--mds-chip-color);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -webkit-transition-property: background-color, border-color, color, opacity, -webkit-box-shadow;\n  transition-property: background-color, border-color, color, opacity, -webkit-box-shadow;\n  transition-property: background-color, border-color, box-shadow, color, opacity;\n  transition-property: background-color, border-color, box-shadow, color, opacity, -webkit-box-shadow;\n}\n\n\n:host( [disabled]:not([disabled="false"]) ) {\n  opacity: var(--mds-chip-opacity-disabled);\n  pointer-events: none;\n}\n\n.label {\n  border-radius: 9999px;\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-positive: 1;\n\n  flex-grow: 1;\n  -webkit-text-decoration-color: transparent;\n  text-decoration-color: transparent;\n  -webkit-transition-property: color, outline, outline-offset, -webkit-text-decoration-color;\n  transition-property: color, outline, outline-offset, -webkit-text-decoration-color;\n  transition-property: color, text-decoration-color, outline, outline-offset;\n  transition-property: color, text-decoration-color, outline, outline-offset, -webkit-text-decoration-color;\n}\n\n:host( [clickable]:not([clickable="false"]) ) .label {\n  cursor: pointer;\n  text-decoration: underline;\n}\n\n:host( [clickable]:not([clickable="false"]) ) .label:hover {\n  -webkit-text-decoration-color: unset;\n  text-decoration-color: unset;\n}\n\n.label:first-child {\n  padding-left: 0.5rem;\n}\n\n.label:last-child {\n  padding-right: 0.5rem;\n}\n\n.label--interactive {\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n  }\n\n.label--interactive:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n\n    z-index: 10;\n  }\n\n.icon-area {\n  height: 1.5rem;\n  width: 1.5rem;\n  -ms-flex-pack: center;\n  justify-content: center;\n  border-radius: 9999px;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-chip-icon-background);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  -webkit-transition-duration: inherit;\n  transition-duration: inherit;\n  -webkit-transition-timing-function: inherit;\n  transition-timing-function: inherit;\n}\n\n.icon {\n  height: 1rem;\n  width: 1rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n\n  fill: var(--mds-chip-icon-color);\n  -webkit-transition: fill;\n  transition: fill;\n}\n\n.button-delete {\n  border-radius: 100px;\n  height: auto;\n  padding: 0;\n}\n\n:host([variant="primary"][tone="strong"]) {\n\n  --mds-chip-background: rgb(var(--tone-neutral));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--variant-primary-05));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1);\n}\n\n:host([variant="secondary"][tone="strong"]) {\n\n  --mds-chip-background: rgb(var(--tone-neutral));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--variant-secondary-05));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1);\n}\n\n:host([variant="dark"][tone="strong"]) {\n\n  --mds-chip-background: rgb(var(--tone-neutral-04));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--tone-neutral-05));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1);\n}\n\n:host([variant="info"][tone="strong"]) {\n\n  --mds-chip-background: rgb(var(--tone-neutral));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--status-info-05));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1);\n}\n\n:host([variant="success"][tone="strong"]) {\n\n  --mds-chip-background: rgb(var(--tone-neutral));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--status-success-05));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1);\n}\n\n:host([variant="warning"][tone="strong"]) {\n\n  --mds-chip-background: rgb(var(--tone-neutral));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--status-warning-05));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1);\n}\n\n:host([variant="error"][tone="strong"]) {\n\n  --mds-chip-background: rgb(var(--tone-neutral));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--status-error-05));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.1);\n}\n\n\n:host([variant="primary"][tone="weak"]) {\n\n  --mds-chip-background: rgb(var(--variant-primary-09));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--variant-primary-04));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: none;\n}\n\n:host([variant="secondary"][tone="weak"]) {\n\n  --mds-chip-background: rgb(var(--variant-secondary-09));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--variant-secondary-04));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: none;\n}\n\n:host([variant="dark"][tone="weak"]) {\n\n  --mds-chip-background: rgb(var(--tone-neutral-08));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: none;\n}\n\n:host([variant="info"][tone="weak"]) {\n\n  --mds-chip-background: rgb(var(--status-info-09));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--status-info-04));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: none;\n}\n\n:host([variant="success"][tone="weak"]) {\n\n  --mds-chip-background: rgb(var(--status-success-09));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--status-success-04));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: none;\n}\n\n:host([variant="warning"][tone="weak"]) {\n\n  --mds-chip-background: rgb(var(--status-warning-09));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--status-warning-04));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: none;\n}\n\n:host([variant="error"][tone="weak"]) {\n\n  --mds-chip-background: rgb(var(--status-error-09));\n  --mds-chip-border: transparent;\n  --mds-chip-color: rgb(var(--tone-neutral-03));\n  --mds-chip-icon-background: rgb(var(--status-error-04));\n  --mds-chip-icon-color: rgb(var(--tone-neutral));\n  --mds-chip-shadow: none;\n}\n\n:host([variant="primary"][selected]:not([selected="false"])) {\n\n  --mds-chip-border: rgb(var(--variant-primary-04));\n}\n\n:host([variant="secondary"][selected]:not([selected="false"])) {\n\n  --mds-chip-border: rgb(var(--variant-secondary-04));\n}\n\n:host([variant="dark"][selected]:not([selected="false"])) {\n\n  --mds-chip-border: rgb(var(--tone-neutral-05));\n}\n\n:host([variant="info"][selected]:not([selected="false"])) {\n\n  --mds-chip-border: rgb(var(--status-info-04));\n}\n\n:host([variant="success"][selected]:not([selected="false"])) {\n\n  --mds-chip-border: rgb(var(--status-success-04));\n}\n\n:host([variant="warning"][selected]:not([selected="false"])) {\n\n  --mds-chip-border: rgb(var(--status-warning-04));\n}\n\n:host([variant="error"][selected]:not([selected="false"])) {\n\n  --mds-chip-border: rgb(var(--status-error-04));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .label,\n  .icon {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .label,\n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-chip-background: rgb(var(--tone-neutral));\n    --mds-chip-color: rgb(var(--tone-neutral-02));\n    --mds-chip-icon-background-selected: rgb(var(--variant-primary-03));\n    --mds-chip-icon-color: rgb(var(--tone-neutral));\n    --mds-chip-opacity-disabled: var(--opacity-disabled, 0.6);\n    --mds-chip-backgroud-selected: rgb(var(--tone-neutral-09));\n    --mds-chip-color-selected: rgb(var(--tone-neutral-01));\n    --mds-chip-icon-color-selected: rgb(var(--tone-neutral));\n\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-chip-background: rgb(var(--tone-neutral));\n      --mds-chip-color: rgb(var(--tone-neutral-02));\n      --mds-chip-icon-background-selected: rgb(var(--variant-primary-03));\n      --mds-chip-icon-color: rgb(var(--tone-neutral));\n      --mds-chip-opacity-disabled: var(--opacity-disabled, 0.6);\n      --mds-chip-backgroud-selected: rgb(var(--tone-neutral-09));\n      --mds-chip-color-selected: rgb(var(--tone-neutral-01));\n      --mds-chip-icon-color-selected: rgb(var(--tone-neutral));\n\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n\n';var k=v;var w=n("mds_chip",function(){function n(n){var e=this;t(this,n);this.clickLabelEvent=r(this,"mdsChipClickLabel",7);this.deleteEvent=r(this,"mdsChipDelete",7);this.km=new c;this.t=new d({el:b,en:h,es:m,it:f});this.handleClickableKeyboard=function(n){var t;if(n){var r=(t=e.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".label");e.km.addElement(r,"label");e.km.attachClickBehavior("label");return}e.km.detachClickBehavior("label")};this.handleDeletableKeyboard=function(n){var t;if(n){var r=(t=e.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".button-delete");e.km.addElement(r,"delete");e.km.attachClickBehavior("delete");return}e.km.detachClickBehavior("delete")};this.handleClickableElement=function(n){var t;var r=(t=e.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".label");if(!r){return}if(n){s(r,"role","button");r.addEventListener("click",e.onClickLabelHandler.bind(e));return}r.removeAttribute("role");r.removeEventListener("click",e.onClickLabelHandler.bind(e))};this.handleDeletableElement=function(n){var t;var r=(t=e.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".button-delete");if(!r){return}if(n){r.addEventListener("click",e.onDeleteHandler.bind(e));return}r.removeAttribute("aria-hidden");r.removeEventListener("click",e.onDeleteHandler.bind(e))};this.language=undefined;this.clickable=undefined;this.deletable=undefined;this.disabled=false;this.icon=undefined;this.label=undefined;this.selected=false;this.selectable=false;this.variant="primary";this.tone="strong"}n.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.language=this.t.lang(this.host);return[2]}))}))};n.prototype.handleSelectableProp=function(n){if(n){this.clickable=true}};n.prototype.handleClickableProp=function(n){this.handleClickableElement(n);this.handleClickableKeyboard(n)};n.prototype.handleDeletableProp=function(n){this.handleDeletableElement(n);this.handleDeletableKeyboard(n)};n.prototype.onClickLabelHandler=function(n){this.clickLabelEvent.emit({event:n,element:this.host});if(this.selectable){this.selected=!this.selected}};n.prototype.onDeleteHandler=function(n){this.deleteEvent.emit({event:n,element:this.host})};n.prototype.componentWillLoad=function(){this.t.lang(this.host)};n.prototype.componentDidLoad=function(){if(this.clickable){this.handleClickableElement(true);this.handleClickableKeyboard(true)}if(this.deletable){this.handleDeletableElement(true);this.handleDeletableKeyboard(true)}};n.prototype.disconnectedCallback=function(){this.km.detachClickBehavior("label");this.km.detachClickBehavior("delete")};n.prototype.render=function(){return e(o,{key:"67d05d7b187efe97dd8127ff49c32356553500d2","aria-disabled":this.disabled?"true":"false"},this.icon&&e("div",{key:"10583c909ef3d3f346a65904c763cbc5582c1666","aria-hidden":"true",class:"icon-area"},e("mds-icon",{key:"5d6c3afd28d26951be06eaeee5a0b5414629b70f",class:"icon",name:this.icon})),this.clickable?e("mds-text",{class:"label label--interactive",tabindex:"0",typography:"caption",truncate:"word"},this.label):e("mds-text",{class:"label",typography:"caption",truncate:"word"},this.label),this.deletable&&e("mds-button",{key:"9a865e47188bd6433019e5ac0ca43c67d6495cec",class:"button-delete",icon:a,onClick:this.onDeleteHandler.bind(this),title:"".concat(this.t.get("deleteLabel")," ").concat(this.label),variant:"dark",tone:"quiet",size:"sm"}))};Object.defineProperty(n.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{selectable:["handleSelectableProp"],clickable:["handleClickableProp"],deletable:["handleDeletableProp"]}},enumerable:false,configurable:true});return n}());w.style=k}}}));

package/dist/magma-components/{p-8980cf86.system.entry.js → p-17d63927.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js"],(function(n){"use strict";var t,e,i,s,r;return{setters:[function(n){t=n.r;e=n.c;i=n.h;s=n.H;r=n.g}],execute:function(){var o='@tailwind utilities;\n\n:host{\n\n  gap: 1.5rem;\n\n  display: grid;\n  position: relative;\n}\n\n.items{\n\n  z-index: 10;\n\n  width: 100%;\n\n  gap: 0rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  overflow: auto;\n  position: relative;\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}\n\n:host( [linear="true"] ) ::slotted( mds-stepper-bar-item ),\n:host( [linear] ) ::slotted( mds-stepper-bar-item ) {\n  pointer-events: none;\n}\n\n:host( [linear="false"] ) ::slotted( mds-stepper-bar-item ) {\n  pointer-events: auto;\n}\n\n\n.contents{\n\n  width: 100%;\n\n  opacity: 0;\n\n  -webkit-transition-property: opacity;\n\n  transition-property: opacity;\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  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n}\n\n:host( [hydrated] ) .contents {\n  opacity: 1;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  .contents,\n  .items {\n    scroll-behavior: unset;\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    .contents,\n    .items {\n      scroll-behavior: unset;\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n';var a=o;var c=n("mds_stepper_bar",function(){function n(n){var i=this;t(this,n);this.changedEvent=e(this,"mdsStepperBarChange",7);this.queryItems=function(){return i.element.querySelectorAll("mds-stepper-bar-item")};this.queryContentItems=function(){return i.element.querySelectorAll("[slot=content]")};this.minmax=function(n,t,e){return Math.min(Math.max(n,t),e)};this.setCurrent=function(n){i.items=i.queryItems();i.currentItem=n-1;var t=new Array;i.items.forEach((function(n,e){n.done=false;if(e<i.currentItem){n.done=true;if(n.value){t.push(n.value)}}n.current=false;if(e===i.currentItem){n.current=true;i.currentItem=e}}));i.changedEvent.emit({value:t.toString(),step:i.currentItem});i.scrollItems();i.setCurrentContent()};this.setCurrentContent=function(){i.contentItems.forEach((function(n,t){n.classList.add("hidden");if(t===i.currentItem){n.classList.remove("hidden")}}))};this.scrollItems=function(){var n;var t=(n=i.element.shadowRoot)===null||n===void 0?void 0:n.querySelector(".items");var e=i.queryItems();var s=i.minmax(i.currentItem,0,i.items.length-1);if(!t)throw Error("No mds-stepper-bar-items found");if(s<=0){t.scrollLeft=0;return}if(s>=e.length){var r=e[e.length-1];t.scrollLeft=r.offsetLeft-t.offsetLeft;return}var o=e[s];t.scrollLeft=o.offsetLeft-t.offsetLeft-t.offsetWidth/2+o.offsetWidth/2};this.currentItem=0;this.itemsDone=1}n.prototype.componentWillLoad=function(){this.items=this.queryItems();this.items.forEach((function(n,t){n.id="mds-stepper-bar-item-".concat(t)}))};n.prototype.componentDidLoad=function(){this.contentItems=this.queryContentItems();this.setCurrent(this.itemsDone)};n.prototype.itemDone=function(n){this.setCurrent(n)};n.prototype.changeEventHandler=function(n){var t=this;this.items=this.queryItems();this.items.forEach((function(e,i){e.done=false;if("mds-stepper-bar-item-".concat(i)===n.detail){e.current=true;t.currentItem=i}}))};n.prototype.render=function(){return i(s,{key:"c5d8c6cb5fd5646e779b13d2e2bec4153779cc49"},i("div",{key:"291a35bd8e514bc20b0d0bfa91884d6856dbfb1a",class:"items"},i("slot",{key:"0a2372a33d6e2dd3640c32d960bbd8b2b0c774ed"})),i("div",{key:"015e8905ddcf52e2ae1f41c81b498dfc1b231223",class:"contents",part:"contents"},i("slot",{key:"b4391197ca58d2241c7cba04572b25e33da888bb",name:"content"})))};Object.defineProperty(n.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{itemsDone:["itemDone"]}},enumerable:false,configurable:true});return n}());c.style=a}}}));
+System.register(["./p-c94628eb.system.js"],(function(n){"use strict";var t,e,i,s,r;return{setters:[function(n){t=n.r;e=n.c;i=n.h;s=n.H;r=n.g}],execute:function(){var o='@tailwind utilities;\n\n:host{\n\n  gap: 1.5rem;\n\n  display: grid;\n  position: relative;\n}\n\n.items{\n\n  z-index: 10;\n\n  width: 100%;\n\n  gap: 0rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  overflow: auto;\n  position: relative;\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}\n\n:host( [linear="true"] ) ::slotted( mds-stepper-bar-item ),\n:host( [linear] ) ::slotted( mds-stepper-bar-item ) {\n  pointer-events: none;\n}\n\n:host( [linear="false"] ) ::slotted( mds-stepper-bar-item ) {\n  pointer-events: auto;\n}\n\n\n.contents{\n\n  width: 100%;\n\n  opacity: 0;\n\n  -webkit-transition-property: opacity;\n\n  transition-property: opacity;\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  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n}\n\n:host( [hydrated] ) .contents {\n  opacity: 1;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  .contents,\n  .items {\n    scroll-behavior: unset;\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    .contents,\n    .items {\n      scroll-behavior: unset;\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n';var a=o;var c=n("mds_stepper_bar",function(){function n(n){var i=this;t(this,n);this.changedEvent=e(this,"mdsStepperBarChange",7);this.queryItems=function(){return i.element.querySelectorAll("mds-stepper-bar-item")};this.queryContentItems=function(){return i.element.querySelectorAll("[slot=content]")};this.minmax=function(n,t,e){return Math.min(Math.max(n,t),e)};this.setCurrent=function(n){i.items=i.queryItems();i.currentItem=n-1;var t=new Array;i.items.forEach((function(n,e){n.done=false;if(e<i.currentItem){n.done=true;if(n.value){t.push(n.value)}}n.current=false;if(e===i.currentItem){n.current=true;i.currentItem=e}}));i.changedEvent.emit({value:t.toString(),step:i.currentItem});i.scrollItems();i.setCurrentContent()};this.setCurrentContent=function(){i.contentItems.forEach((function(n,t){n.classList.add("hidden");if(t===i.currentItem){n.classList.remove("hidden")}}))};this.scrollItems=function(){var n;var t=(n=i.element.shadowRoot)===null||n===void 0?void 0:n.querySelector(".items");var e=i.queryItems();var s=i.minmax(i.currentItem,0,i.items.length-1);if(!t)throw Error("No mds-stepper-bar-items found");if(s<=0){t.scrollLeft=0;return}if(s>=e.length){var r=e[e.length-1];t.scrollLeft=r.offsetLeft-t.offsetLeft;return}var o=e[s];t.scrollLeft=o.offsetLeft-t.offsetLeft-t.offsetWidth/2+o.offsetWidth/2};this.currentItem=0;this.itemsDone=1}n.prototype.componentWillLoad=function(){this.items=this.queryItems();this.items.forEach((function(n,t){n.id="mds-stepper-bar-item-".concat(t)}))};n.prototype.componentDidLoad=function(){this.contentItems=this.queryContentItems();this.setCurrent(this.itemsDone)};n.prototype.itemDone=function(n){this.setCurrent(n)};n.prototype.changeEventHandler=function(n){var t=this;this.items=this.queryItems();this.items.forEach((function(e,i){e.done=false;if("mds-stepper-bar-item-".concat(i)===n.detail){e.current=true;t.currentItem=i}}))};n.prototype.render=function(){return i(s,{key:"c5d8c6cb5fd5646e779b13d2e2bec4153779cc49"},i("div",{key:"291a35bd8e514bc20b0d0bfa91884d6856dbfb1a",class:"items"},i("slot",{key:"0a2372a33d6e2dd3640c32d960bbd8b2b0c774ed"})),i("div",{key:"015e8905ddcf52e2ae1f41c81b498dfc1b231223",class:"contents",part:"contents"},i("slot",{key:"b4391197ca58d2241c7cba04572b25e33da888bb",name:"content"})))};Object.defineProperty(n.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{itemsDone:["itemDone"]}},enumerable:false,configurable:true});return n}());c.style=a}}}));

package/dist/magma-components/{p-ae612034.system.entry.js → p-19114f13.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js","./p-06bbdfbc.system.js"],(function(n){"use strict";var t,e,r,o,a,s;return{setters:[function(n){t=n.r;e=n.c;r=n.h;o=n.H;a=n.g},function(n){s=n.s}],execute:function(){var i='@tailwind components;\n@tailwind utilities;\n\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-tab-duration: Sets the animation duration on how the contents height is resized when the component switch from a content to another one\n * @prop --mds-tab-scrollbar-margin: Sets the margin of the browser scroll bar (if supported)\n * @prop --mds-tab-scrollbar-radius: Sets the border-radius of the browser scroll bar (if supported)\n * @prop --mds-tab-scrollbar-size: Sets the height and width of the browser scroll bar (if supported)\n * @prop --mds-tab-scrollbar-thumb-background: Sets the background-color of the browser scroll bar thumb (if supported)\n * @prop --mds-tab-scrollbar-track-background: Sets the background-color of the browser scroll bar track (if supported)\n * @prop --mds-tab-timing-function: Sets the animation timing function on how the contents height is resized when the component switch from a content to another one\n */\n\n:host {\n\n  --mds-tab-duration: .75s;\n  --mds-tab-timing-function: cubic-bezier(1, 0, 0, 1);\n  --mds-tab-current-item: 2;\n  --mds-tab-scroll-scrollbar-radius: 0;\n  --mds-tab-scroll-scrollbar-margin: 0;\n  --mds-tab-scroll-scrollbar-size: 0.5rem;\n  --mds-tab-scroll-scrollbar-thumb-background: rgb(var(--tone-neutral-02) 0.3);\n  --mds-tab-scroll-scrollbar-track-background: rgb(var(--tone-neutral-06) 0.3);\n\n  display: grid;\n}\n\n.tabs{\n\n  gap: 0.5rem;\n\n  border-width: 0.125rem;\n\n  border-style: solid;\n\n  border-color: transparent;\n\n  padding: 0.5rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: rgb(var(--theme-default-06-secondary-background));\n  border-radius: 1rem;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  overflow: auto;\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.contents {\n\n  --mds-tab-contents-height: auto;\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n    gap: 1.5rem;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-tab-contents-height);\n  overflow-x: auto;\n  overflow-y: hidden;\n  position: relative;\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: height var(--mds-tab-duration) var(--mds-tab-timing-function);\n  transition: height var(--mds-tab-duration) var(--mds-tab-timing-function);\n}\n\n::slotted( [slot="content"] ){\n\n  width: 100%;\n\n  min-width: 100%;\n\n  -webkit-animation-duration: var(--mds-tab-duration);\n\n  animation-duration: var(--mds-tab-duration);\n  -webkit-animation-fill-mode: forwards;\n  animation-fill-mode: forwards;\n  -webkit-animation-timing-function: var(--mds-tab-timing-function);\n  animation-timing-function: var(--mds-tab-timing-function);\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  scroll-snap-align: start;\n}\n\n::slotted( [slot="content"][mds-tab-content-hidden] ) {\n    display: none !important;\n}\n\n@import \'~@maggioli-design-system/styles/dist/tailwind/components.css\';\n@tailwind components;\n@tailwind utilities;\n\n:host(:not([scrollbar])) .tabs {\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n\n:host(:not([scrollbar])) .tabs::-webkit-scrollbar {\n  display: none;\n}\n\n:host([scrollbar]:not([scrollbar="false"])) .tabs::-webkit-scrollbar {\n  height: var(--mds-tab-scroll-scrollbar-size);\n  width: var(--mds-tab-scroll-scrollbar-size);\n}\n\n:host([scrollbar]:not([scrollbar="false"])) .tabs::-webkit-scrollbar-track {\n  background-color: var(--mds-tab-scroll-scrollbar-track-background);\n  border-radius: var(--mds-tab-scroll-scrollbar-radius);\n  margin-block: var(--mds-tab-scroll-scrollbar-margin);\n  margin-inline: var(--mds-tab-scroll-scrollbar-margin);\n}\n\n:host([scrollbar]:not([scrollbar="false"])) .tabs::-webkit-scrollbar-thumb {\n  background-color: var(--mds-tab-scroll-scrollbar-thumb-background);\n  border-radius: var(--mds-tab-scroll-scrollbar-radius);\n}\n\n@supports (scrollbar-color: transparent transparent) {\n  .tabs {\n    scrollbar-color: var(--mds-tab-scroll-scrollbar-thumb-background) var(--mds-tab-scroll-scrollbar-track-background);\n    scrollbar-width: thin;\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-tab-duration: 0s;\n\n    -webkit-transition-duration: 0s;\n\n    transition-duration: 0s;\n  }\n\n  .contents,\n  .tabs {\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\n      --mds-tab-duration: 0s;\n\n      -webkit-transition-duration: 0s;\n\n      transition-duration: 0s;\n    }\n  \n    .contents,\n    .tabs {\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  .tabs {\n    border-color: rgb(var(--tone-neutral-08));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    .tabs {\n      border-color: rgb(var(--tone-neutral-08));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  .tabs {\n    border-color: rgb(var(--tone-neutral-06));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    .tabs {\n      border-color: rgb(var(--tone-neutral-06));\n    }\n  }\n}\n\n\n';var l=i;var d=n("mds_tab",function(){function n(n){var r=this;t(this,n);this.changedEvent=e(this,"mdsTabChange",7);this.currentItem=-1;this.queryContentItems=function(){return r.element.querySelectorAll("[slot=content]")};this.scrollTabs=function(n){var t=r.tabItems[n];r.tabs.scrollLeft=t.offsetLeft-r.tabs.offsetLeft-r.tabs.offsetWidth/2+t.offsetWidth/2};this.selectContentItem=function(){r.contentItems.forEach((function(n,t){n.setAttribute("mds-tab-content-hidden","");if(t===r.currentItem){n.removeAttribute("mds-tab-content-hidden")}}))};this.scrollbar=undefined}n.prototype.componentWillLoad=function(){var n=this;this.tabItems=this.element.querySelectorAll("mds-tab-item");this.tabItems.forEach((function(t,e){if(!t.id){t.id="mds-tab-item-".concat(e)}if(t.selected){n.currentItem=e}}))};n.prototype.componentDidLoad=function(){var n;this.tabs=(n=this.element.shadowRoot)===null||n===void 0?void 0:n.querySelector(".tabs");this.contentItems=this.queryContentItems();this.contentItems.forEach((function(n){s(n,"role","tabpanel")}));this.selectContentItem()};n.prototype.changeEventHandler=function(n){var t=this;this.tabItems.forEach((function(e,r){if(e.id===n.detail.target.id){e.selected=true;t.changedEvent.emit({id:r,value:e.value});t.currentItem=r;t.scrollTabs(r)}else{e.selected=false}}));this.selectContentItem()};n.prototype.focusEventHandler=function(n){var t=this;this.tabItems.forEach((function(e,r){if(e.id===n.detail.target.id){t.scrollTabs(r)}}))};n.prototype.render=function(){return r(o,{key:"21e53d7ffaff031d678118bad56b294434850b55"},r("div",{key:"1163324be5882c026755c4230ab816a8af379b3a",class:"tabs",part:"tabs",role:"tablist"},r("slot",{key:"2d43944cbc98837c9eb3e88681fae97d2aa7c833"})),r("div",{key:"1249e79e0c9ce4826eb1c5c998dfdc5bae45d306",class:"contents",part:"contents"},r("slot",{key:"ae717f86aadc0e95f430d3353ddd8a823bf4010a",name:"content"})))};Object.defineProperty(n.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return n}());d.style=l;var b='@tailwind utilities;\n\n/**\n * @prop --mds-tab-item-background-hover: Sets the background when the mouse is over the component\n * @prop --mds-tab-item-background-selected: Sets the background when the component is selected\n * @prop --mds-tab-item-background: Sets the background color of the component\n * @prop --mds-tab-item-color-hover: Sets the color when the mouse is over the component\n * @prop --mds-tab-item-color-selected: Sets the color when the component is selected\n * @prop --mds-tab-item-color: Sets the color of the component\n * @prop --mds-tab-item-radius: Sets the border-radius of the component\n * @prop --mds-tab-item-shadow-selected: Sets the box-shadow when the component is selected\n */\n\n:host{\n\n  display: -ms-flexbox;\n\n  display: flex;\n\n  --mds-tab-item-background-hover: transparent;\n  --mds-tab-item-background-selected: rgb(var(--tone-neutral));\n  --mds-tab-item-background: transparent;\n  --mds-tab-item-color-hover: rgb(var(--tone-neutral-02));\n  --mds-tab-item-color-selected: rgb(var(--tone-neutral-02));\n  --mds-tab-item-color: rgb(var(--tone-neutral-04));\n  --mds-tab-item-radius: 0.5rem;\n  --mds-tab-item-shadow-selected: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n}\n\n.button {\n\n  --mds-button-background: var(--mds-tab-item-background);\n  --mds-button-color: var(--mds-tab-item-color);\n  --mds-button-radius: var(--mds-tab-item-radius);\n\n  fill: var(--mds-tab-item-color);\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n}\n\n.button:hover {\n\n  --mds-button-background: var(--mds-tab-item-background-hover);\n  --mds-button-color: var(--mds-tab-item-color-hover);\n\n  fill: var(--mds-tab-item-color-hover);\n}\n\n:host([selected]:not([selected="false"])) .button,\n:host([selected]:not([selected="false"])) .button:hover {\n\n  --mds-button-background: var(--mds-tab-item-background-selected);\n  --mds-button-color: var(--mds-tab-item-color-selected);\n\n  -webkit-box-shadow: var(--mds-tab-item-shadow-selected);\n\n  box-shadow: var(--mds-tab-item-shadow-selected);\n  fill: var(--mds-tab-item-color-selected);\n  pointer-events: none;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-tab-item-background-selected: rgb(var(--tone-neutral-08));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-tab-item-background-selected: rgb(var(--tone-neutral-08));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-tab-item-color-selected: rgb(var(--tone-neutral-01));\n    --mds-tab-item-shadow-selected: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-tab-item-color-selected: rgb(var(--tone-neutral-01));\n      --mds-tab-item-shadow-selected: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n    }\n  }\n}\n\n';var c=b;var m=n("mds_tab_item",function(){function n(n){var r=this;t(this,n);this.selectedEvent=e(this,"mdsTabItemSelect",7);this.focusedEvent=e(this,"mdsTabItemFocus",7);this.toggle=function(){r.isSelected=!r.isSelected;if(r.isSelected){r.selectedEvent.emit({target:r.element,value:r.value})}};this.focus=function(){r.focusedEvent.emit({target:r.element,value:r.value})};this.isSelected=undefined;this.hasText=undefined;this.selected=undefined;this.icon=undefined;this.iconPosition="left";this.type="submit";this.size="md";this.value=undefined}n.prototype.validateActive=function(n){this.isSelected=n;if(this.selected){this.selectedEvent.emit({target:this.element,value:this.value})}};n.prototype.componentWillLoad=function(){this.hasText=this.element.innerHTML!==""};n.prototype.render=function(){return r(o,{key:"f3fafe16ed0bf7ed425aa22a513dab9a9e67451f",onClick:this.toggle},r("mds-button",{key:"ab7b9ee28b3e2fac37f21193efb8992f3d221cfe",class:"button",onFocus:this.focus,icon:this.icon,iconPosition:this.iconPosition,part:"button",role:"tab",size:this.size,type:this.type},this.hasText&&r("slot",{key:"a9f9a48dceb2338f538206a7400c3a0401b933a3"})))};Object.defineProperty(n.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{selected:["validateActive"]}},enumerable:false,configurable:true});return n}());m.style=c}}}));
+System.register(["./p-c94628eb.system.js","./p-32f55263.system.js"],(function(n){"use strict";var t,e,r,o,a,s;return{setters:[function(n){t=n.r;e=n.c;r=n.h;o=n.H;a=n.g},function(n){s=n.s}],execute:function(){var i='@tailwind components;\n@tailwind utilities;\n\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-tab-duration: Sets the animation duration on how the contents height is resized when the component switch from a content to another one\n * @prop --mds-tab-scrollbar-margin: Sets the margin of the browser scroll bar (if supported)\n * @prop --mds-tab-scrollbar-radius: Sets the border-radius of the browser scroll bar (if supported)\n * @prop --mds-tab-scrollbar-size: Sets the height and width of the browser scroll bar (if supported)\n * @prop --mds-tab-scrollbar-thumb-background: Sets the background-color of the browser scroll bar thumb (if supported)\n * @prop --mds-tab-scrollbar-track-background: Sets the background-color of the browser scroll bar track (if supported)\n * @prop --mds-tab-timing-function: Sets the animation timing function on how the contents height is resized when the component switch from a content to another one\n */\n\n:host {\n\n  --mds-tab-duration: .75s;\n  --mds-tab-timing-function: cubic-bezier(1, 0, 0, 1);\n  --mds-tab-current-item: 2;\n  --mds-tab-scroll-scrollbar-radius: 0;\n  --mds-tab-scroll-scrollbar-margin: 0;\n  --mds-tab-scroll-scrollbar-size: 0.5rem;\n  --mds-tab-scroll-scrollbar-thumb-background: rgb(var(--tone-neutral-02) 0.3);\n  --mds-tab-scroll-scrollbar-track-background: rgb(var(--tone-neutral-06) 0.3);\n\n  display: grid;\n}\n\n.tabs{\n\n  gap: 0.5rem;\n\n  border-width: 0.125rem;\n\n  border-style: solid;\n\n  border-color: transparent;\n\n  padding: 0.5rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: rgb(var(--theme-default-06-secondary-background));\n  border-radius: 1rem;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  overflow: auto;\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.contents {\n\n  --mds-tab-contents-height: auto;\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n    gap: 1.5rem;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-tab-contents-height);\n  overflow-x: auto;\n  overflow-y: hidden;\n  position: relative;\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: height var(--mds-tab-duration) var(--mds-tab-timing-function);\n  transition: height var(--mds-tab-duration) var(--mds-tab-timing-function);\n}\n\n::slotted( [slot="content"] ){\n\n  width: 100%;\n\n  min-width: 100%;\n\n  -webkit-animation-duration: var(--mds-tab-duration);\n\n  animation-duration: var(--mds-tab-duration);\n  -webkit-animation-fill-mode: forwards;\n  animation-fill-mode: forwards;\n  -webkit-animation-timing-function: var(--mds-tab-timing-function);\n  animation-timing-function: var(--mds-tab-timing-function);\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  scroll-snap-align: start;\n}\n\n::slotted( [slot="content"][mds-tab-content-hidden] ) {\n    display: none !important;\n}\n\n@import \'~@maggioli-design-system/styles/dist/tailwind/components.css\';\n@tailwind components;\n@tailwind utilities;\n\n:host(:not([scrollbar])) .tabs {\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n\n:host(:not([scrollbar])) .tabs::-webkit-scrollbar {\n  display: none;\n}\n\n:host([scrollbar]:not([scrollbar="false"])) .tabs::-webkit-scrollbar {\n  height: var(--mds-tab-scroll-scrollbar-size);\n  width: var(--mds-tab-scroll-scrollbar-size);\n}\n\n:host([scrollbar]:not([scrollbar="false"])) .tabs::-webkit-scrollbar-track {\n  background-color: var(--mds-tab-scroll-scrollbar-track-background);\n  border-radius: var(--mds-tab-scroll-scrollbar-radius);\n  margin-block: var(--mds-tab-scroll-scrollbar-margin);\n  margin-inline: var(--mds-tab-scroll-scrollbar-margin);\n}\n\n:host([scrollbar]:not([scrollbar="false"])) .tabs::-webkit-scrollbar-thumb {\n  background-color: var(--mds-tab-scroll-scrollbar-thumb-background);\n  border-radius: var(--mds-tab-scroll-scrollbar-radius);\n}\n\n@supports (scrollbar-color: transparent transparent) {\n  .tabs {\n    scrollbar-color: var(--mds-tab-scroll-scrollbar-thumb-background) var(--mds-tab-scroll-scrollbar-track-background);\n    scrollbar-width: thin;\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-tab-duration: 0s;\n\n    -webkit-transition-duration: 0s;\n\n    transition-duration: 0s;\n  }\n\n  .contents,\n  .tabs {\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\n      --mds-tab-duration: 0s;\n\n      -webkit-transition-duration: 0s;\n\n      transition-duration: 0s;\n    }\n  \n    .contents,\n    .tabs {\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  .tabs {\n    border-color: rgb(var(--tone-neutral-08));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    .tabs {\n      border-color: rgb(var(--tone-neutral-08));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  .tabs {\n    border-color: rgb(var(--tone-neutral-06));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    .tabs {\n      border-color: rgb(var(--tone-neutral-06));\n    }\n  }\n}\n\n\n';var l=i;var d=n("mds_tab",function(){function n(n){var r=this;t(this,n);this.changedEvent=e(this,"mdsTabChange",7);this.currentItem=-1;this.queryContentItems=function(){return r.element.querySelectorAll("[slot=content]")};this.scrollTabs=function(n){var t=r.tabItems[n];r.tabs.scrollLeft=t.offsetLeft-r.tabs.offsetLeft-r.tabs.offsetWidth/2+t.offsetWidth/2};this.selectContentItem=function(){r.contentItems.forEach((function(n,t){n.setAttribute("mds-tab-content-hidden","");if(t===r.currentItem){n.removeAttribute("mds-tab-content-hidden")}}))};this.scrollbar=undefined}n.prototype.componentWillLoad=function(){var n=this;this.tabItems=this.element.querySelectorAll("mds-tab-item");this.tabItems.forEach((function(t,e){if(!t.id){t.id="mds-tab-item-".concat(e)}if(t.selected){n.currentItem=e}}))};n.prototype.componentDidLoad=function(){var n;this.tabs=(n=this.element.shadowRoot)===null||n===void 0?void 0:n.querySelector(".tabs");this.contentItems=this.queryContentItems();this.contentItems.forEach((function(n){s(n,"role","tabpanel")}));this.selectContentItem()};n.prototype.changeEventHandler=function(n){var t=this;this.tabItems.forEach((function(e,r){if(e.id===n.detail.target.id){e.selected=true;t.changedEvent.emit({id:r,value:e.value});t.currentItem=r;t.scrollTabs(r)}else{e.selected=false}}));this.selectContentItem()};n.prototype.focusEventHandler=function(n){var t=this;this.tabItems.forEach((function(e,r){if(e.id===n.detail.target.id){t.scrollTabs(r)}}))};n.prototype.render=function(){return r(o,{key:"21e53d7ffaff031d678118bad56b294434850b55"},r("div",{key:"1163324be5882c026755c4230ab816a8af379b3a",class:"tabs",part:"tabs",role:"tablist"},r("slot",{key:"2d43944cbc98837c9eb3e88681fae97d2aa7c833"})),r("div",{key:"1249e79e0c9ce4826eb1c5c998dfdc5bae45d306",class:"contents",part:"contents"},r("slot",{key:"ae717f86aadc0e95f430d3353ddd8a823bf4010a",name:"content"})))};Object.defineProperty(n.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return n}());d.style=l;var b='@tailwind utilities;\n\n/**\n * @prop --mds-tab-item-background-hover: Sets the background when the mouse is over the component\n * @prop --mds-tab-item-background-selected: Sets the background when the component is selected\n * @prop --mds-tab-item-background: Sets the background color of the component\n * @prop --mds-tab-item-color-hover: Sets the color when the mouse is over the component\n * @prop --mds-tab-item-color-selected: Sets the color when the component is selected\n * @prop --mds-tab-item-color: Sets the color of the component\n * @prop --mds-tab-item-radius: Sets the border-radius of the component\n * @prop --mds-tab-item-shadow-selected: Sets the box-shadow when the component is selected\n */\n\n:host{\n\n  display: -ms-flexbox;\n\n  display: flex;\n\n  --mds-tab-item-background-hover: transparent;\n  --mds-tab-item-background-selected: rgb(var(--tone-neutral));\n  --mds-tab-item-background: transparent;\n  --mds-tab-item-color-hover: rgb(var(--tone-neutral-02));\n  --mds-tab-item-color-selected: rgb(var(--tone-neutral-02));\n  --mds-tab-item-color: rgb(var(--tone-neutral-04));\n  --mds-tab-item-radius: 0.5rem;\n  --mds-tab-item-shadow-selected: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n}\n\n.button {\n\n  --mds-button-background: var(--mds-tab-item-background);\n  --mds-button-color: var(--mds-tab-item-color);\n  --mds-button-radius: var(--mds-tab-item-radius);\n\n  fill: var(--mds-tab-item-color);\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n}\n\n.button:hover {\n\n  --mds-button-background: var(--mds-tab-item-background-hover);\n  --mds-button-color: var(--mds-tab-item-color-hover);\n\n  fill: var(--mds-tab-item-color-hover);\n}\n\n:host([selected]:not([selected="false"])) .button,\n:host([selected]:not([selected="false"])) .button:hover {\n\n  --mds-button-background: var(--mds-tab-item-background-selected);\n  --mds-button-color: var(--mds-tab-item-color-selected);\n\n  -webkit-box-shadow: var(--mds-tab-item-shadow-selected);\n\n  box-shadow: var(--mds-tab-item-shadow-selected);\n  fill: var(--mds-tab-item-color-selected);\n  pointer-events: none;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-tab-item-background-selected: rgb(var(--tone-neutral-08));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-tab-item-background-selected: rgb(var(--tone-neutral-08));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-tab-item-color-selected: rgb(var(--tone-neutral-01));\n    --mds-tab-item-shadow-selected: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-tab-item-color-selected: rgb(var(--tone-neutral-01));\n      --mds-tab-item-shadow-selected: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n    }\n  }\n}\n\n';var c=b;var m=n("mds_tab_item",function(){function n(n){var r=this;t(this,n);this.selectedEvent=e(this,"mdsTabItemSelect",7);this.focusedEvent=e(this,"mdsTabItemFocus",7);this.toggle=function(){r.isSelected=!r.isSelected;if(r.isSelected){r.selectedEvent.emit({target:r.element,value:r.value})}};this.focus=function(){r.focusedEvent.emit({target:r.element,value:r.value})};this.isSelected=undefined;this.hasText=undefined;this.selected=undefined;this.icon=undefined;this.iconPosition="left";this.type="submit";this.size="md";this.value=undefined}n.prototype.validateActive=function(n){this.isSelected=n;if(this.selected){this.selectedEvent.emit({target:this.element,value:this.value})}};n.prototype.componentWillLoad=function(){this.hasText=this.element.innerHTML!==""};n.prototype.render=function(){return r(o,{key:"f3fafe16ed0bf7ed425aa22a513dab9a9e67451f",onClick:this.toggle},r("mds-button",{key:"ab7b9ee28b3e2fac37f21193efb8992f3d221cfe",class:"button",onFocus:this.focus,icon:this.icon,iconPosition:this.iconPosition,part:"button",role:"tab",size:this.size,type:this.type},this.hasText&&r("slot",{key:"a9f9a48dceb2338f538206a7400c3a0401b933a3"})))};Object.defineProperty(n.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{selected:["validateActive"]}},enumerable:false,configurable:true});return n}());m.style=c}}}));

package/dist/magma-components/{p-53f8a981.entry.js → p-19c55d3e.entry.js}

@@ -1 +1 @@
-import{r as t,c as n,h as i,H as e,g as s}from"./p-b6defcb6.js";const o=class{constructor(i){t(this,i),this.changedEvent=n(this,"mdsStepperBarChange",7),this.queryItems=()=>this.element.querySelectorAll("mds-stepper-bar-item"),this.queryContentItems=()=>this.element.querySelectorAll("[slot=content]"),this.minmax=(t,n,i)=>Math.min(Math.max(t,n),i),this.setCurrent=t=>{this.items=this.queryItems(),this.currentItem=t-1;const n=new Array;this.items.forEach(((t,i)=>{t.done=!1,i<this.currentItem&&(t.done=!0,t.value&&n.push(t.value)),t.current=!1,i===this.currentItem&&(t.current=!0,this.currentItem=i)})),this.changedEvent.emit({value:n.toString(),step:this.currentItem}),this.scrollItems(),this.setCurrentContent()},this.setCurrentContent=()=>{this.contentItems.forEach(((t,n)=>{t.classList.add("hidden"),n===this.currentItem&&t.classList.remove("hidden")}))},this.scrollItems=()=>{var t;const n=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".items"),i=this.queryItems(),e=this.minmax(this.currentItem,0,this.items.length-1);if(!n)throw Error("No mds-stepper-bar-items found");if(e<=0)return void(n.scrollLeft=0);if(e>=i.length)return void(n.scrollLeft=i[i.length-1].offsetLeft-n.offsetLeft);const s=i[e];n.scrollLeft=s.offsetLeft-n.offsetLeft-n.offsetWidth/2+s.offsetWidth/2},this.currentItem=0,this.itemsDone=1}componentWillLoad(){this.items=this.queryItems(),this.items.forEach(((t,n)=>{t.id=`mds-stepper-bar-item-${n}`}))}componentDidLoad(){this.contentItems=this.queryContentItems(),this.setCurrent(this.itemsDone)}itemDone(t){this.setCurrent(t)}changeEventHandler(t){this.items=this.queryItems(),this.items.forEach(((n,i)=>{n.done=!1,`mds-stepper-bar-item-${i}`===t.detail&&(n.current=!0,this.currentItem=i)}))}render(){return i(e,{key:"c5d8c6cb5fd5646e779b13d2e2bec4153779cc49"},i("div",{key:"291a35bd8e514bc20b0d0bfa91884d6856dbfb1a",class:"items"},i("slot",{key:"0a2372a33d6e2dd3640c32d960bbd8b2b0c774ed"})),i("div",{key:"015e8905ddcf52e2ae1f41c81b498dfc1b231223",class:"contents",part:"contents"},i("slot",{key:"b4391197ca58d2241c7cba04572b25e33da888bb",name:"content"})))}get element(){return s(this)}static get watchers(){return{itemsDone:["itemDone"]}}};o.style='@tailwind utilities;\n\n:host{\n\n  gap: 1.5rem;\n\n  display: grid;\n  position: relative;\n}\n\n.items{\n\n  z-index: 10;\n\n  width: 100%;\n\n  gap: 0rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  overflow: auto;\n  position: relative;\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}\n\n:host( [linear="true"] ) ::slotted( mds-stepper-bar-item ),\n:host( [linear] ) ::slotted( mds-stepper-bar-item ) {\n  pointer-events: none;\n}\n\n:host( [linear="false"] ) ::slotted( mds-stepper-bar-item ) {\n  pointer-events: auto;\n}\n\n\n.contents{\n\n  width: 100%;\n\n  opacity: 0;\n\n  -webkit-transition-property: opacity;\n\n  transition-property: opacity;\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  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n}\n\n:host( [hydrated] ) .contents {\n  opacity: 1;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  .contents,\n  .items {\n    scroll-behavior: unset;\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    .contents,\n    .items {\n      scroll-behavior: unset;\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n';export{o as mds_stepper_bar}
+import{r as t,c as n,h as i,H as e,g as s}from"./p-eab621a7.js";const o=class{constructor(i){t(this,i),this.changedEvent=n(this,"mdsStepperBarChange",7),this.queryItems=()=>this.element.querySelectorAll("mds-stepper-bar-item"),this.queryContentItems=()=>this.element.querySelectorAll("[slot=content]"),this.minmax=(t,n,i)=>Math.min(Math.max(t,n),i),this.setCurrent=t=>{this.items=this.queryItems(),this.currentItem=t-1;const n=new Array;this.items.forEach(((t,i)=>{t.done=!1,i<this.currentItem&&(t.done=!0,t.value&&n.push(t.value)),t.current=!1,i===this.currentItem&&(t.current=!0,this.currentItem=i)})),this.changedEvent.emit({value:n.toString(),step:this.currentItem}),this.scrollItems(),this.setCurrentContent()},this.setCurrentContent=()=>{this.contentItems.forEach(((t,n)=>{t.classList.add("hidden"),n===this.currentItem&&t.classList.remove("hidden")}))},this.scrollItems=()=>{var t;const n=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".items"),i=this.queryItems(),e=this.minmax(this.currentItem,0,this.items.length-1);if(!n)throw Error("No mds-stepper-bar-items found");if(e<=0)return void(n.scrollLeft=0);if(e>=i.length)return void(n.scrollLeft=i[i.length-1].offsetLeft-n.offsetLeft);const s=i[e];n.scrollLeft=s.offsetLeft-n.offsetLeft-n.offsetWidth/2+s.offsetWidth/2},this.currentItem=0,this.itemsDone=1}componentWillLoad(){this.items=this.queryItems(),this.items.forEach(((t,n)=>{t.id=`mds-stepper-bar-item-${n}`}))}componentDidLoad(){this.contentItems=this.queryContentItems(),this.setCurrent(this.itemsDone)}itemDone(t){this.setCurrent(t)}changeEventHandler(t){this.items=this.queryItems(),this.items.forEach(((n,i)=>{n.done=!1,`mds-stepper-bar-item-${i}`===t.detail&&(n.current=!0,this.currentItem=i)}))}render(){return i(e,{key:"c5d8c6cb5fd5646e779b13d2e2bec4153779cc49"},i("div",{key:"291a35bd8e514bc20b0d0bfa91884d6856dbfb1a",class:"items"},i("slot",{key:"0a2372a33d6e2dd3640c32d960bbd8b2b0c774ed"})),i("div",{key:"015e8905ddcf52e2ae1f41c81b498dfc1b231223",class:"contents",part:"contents"},i("slot",{key:"b4391197ca58d2241c7cba04572b25e33da888bb",name:"content"})))}get element(){return s(this)}static get watchers(){return{itemsDone:["itemDone"]}}};o.style='@tailwind utilities;\n\n:host{\n\n  gap: 1.5rem;\n\n  display: grid;\n  position: relative;\n}\n\n.items{\n\n  z-index: 10;\n\n  width: 100%;\n\n  gap: 0rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  overflow: auto;\n  position: relative;\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}\n\n:host( [linear="true"] ) ::slotted( mds-stepper-bar-item ),\n:host( [linear] ) ::slotted( mds-stepper-bar-item ) {\n  pointer-events: none;\n}\n\n:host( [linear="false"] ) ::slotted( mds-stepper-bar-item ) {\n  pointer-events: auto;\n}\n\n\n.contents{\n\n  width: 100%;\n\n  opacity: 0;\n\n  -webkit-transition-property: opacity;\n\n  transition-property: opacity;\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  -webkit-transition-duration: 150ms;\n\n  transition-duration: 150ms;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n}\n\n:host( [hydrated] ) .contents {\n  opacity: 1;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  .contents,\n  .items {\n    scroll-behavior: unset;\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    .contents,\n    .items {\n      scroll-behavior: unset;\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n';export{o as mds_stepper_bar}

package/dist/magma-components/{p-5258907f.system.entry.js → p-1b436c7c.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js"],(function(n){"use strict";var t,r,e,o,a;return{setters:[function(n){t=n.r;r=n.c;e=n.h;o=n.H;a=n.g}],execute:function(){var i="@tailwind utilities;\n\n:host{\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  background-color: rgb(var(--tone-neutral));\n  bottom: 0;\n  -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.15);\n  box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.15);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: distribute;\n  justify-content: space-around;\n  left: 0;\n  position: fixed;\n  right: 0;\n  -webkit-transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, color, box-shadow;\n  transition-property: background-color, color, box-shadow, -webkit-box-shadow;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    -webkit-box-shadow: 0 0 0 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-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\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@container style(--magma-pref-contrast: more) {\n  :host {\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      -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";var s=i;var b=n("mds_tab_bar",function(){function n(n){var e=this;t(this,n);this.changedEvent=r(this,"mdsTabBarChange",7);this.queryItems=function(){return e.element.querySelectorAll("mds-tab-bar-item")}}n.prototype.componentWillLoad=function(){var n=this.queryItems();n.forEach((function(n,t){return n.id="mds-tab-bar-item-".concat(t)}))};n.prototype.changeEventHandler=function(n){var t=this;var r=this.queryItems();r.forEach((function(r,e){r.selected="mds-tab-bar-item-".concat(e)===n.detail;if(r.selected){t.changedEvent.emit({index:e})}}))};n.prototype.render=function(){return e(o,{key:"143f956bec3fad0f56df5d076f8be11759347f2b"},e("slot",{key:"62a642468cae60d404806b0a543eecff5ec8f8be"}))};Object.defineProperty(n.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return n}());b.style=s}}}));
+System.register(["./p-c94628eb.system.js"],(function(n){"use strict";var t,e,r,o,a;return{setters:[function(n){t=n.r;e=n.c;r=n.h;o=n.H;a=n.g}],execute:function(){var i="@tailwind utilities;\n\n:host{\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  background-color: rgb(var(--tone-neutral));\n  bottom: 0;\n  -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.15);\n  box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.15);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: distribute;\n  justify-content: space-around;\n  left: 0;\n  position: fixed;\n  right: 0;\n  -webkit-transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, color, -webkit-box-shadow;\n  transition-property: background-color, color, box-shadow;\n  transition-property: background-color, color, box-shadow, -webkit-box-shadow;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    -webkit-box-shadow: 0 0 0 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-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\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@container style(--magma-pref-contrast: more) {\n  :host {\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      -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";var s=i;var b=n("mds_tab_bar",function(){function n(n){var r=this;t(this,n);this.changedEvent=e(this,"mdsTabBarChange",7);this.queryItems=function(){return r.element.querySelectorAll("mds-tab-bar-item")}}n.prototype.componentWillLoad=function(){var n=this.queryItems();n.forEach((function(n,t){return n.id="mds-tab-bar-item-".concat(t)}))};n.prototype.changeEventHandler=function(n){var t=this;var e=this.queryItems();e.forEach((function(e,r){e.selected="mds-tab-bar-item-".concat(r)===n.detail;if(e.selected){t.changedEvent.emit({index:r})}}))};n.prototype.render=function(){return r(o,{key:"143f956bec3fad0f56df5d076f8be11759347f2b"},r("slot",{key:"62a642468cae60d404806b0a543eecff5ec8f8be"}))};Object.defineProperty(n.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return n}());b.style=s}}}));

package/dist/magma-components/{p-2f7dd737.system.entry.js → p-1bb949c2.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js"],(function(n){"use strict";var e,r,t;return{setters:[function(n){e=n.r;r=n.h;t=n.H}],execute:function(){var o="\n@tailwind utilities;\n\n:host{\n\n  height: 0.25rem;\n\n  width: 100%;\n\n  border-radius: 0.25rem;\n\n  background-color: rgb(var(--tone-neutral-08));\n  border: 0;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    background-color: rgb(var(--tone-neutral-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      background-color: rgb(var(--tone-neutral-07));\n    }\n  }\n}\n\n";var a=o;var s=n("mds_hr",function(){function n(n){e(this,n)}n.prototype.render=function(){return r(t,{key:"216de86ffc561314f87514ff7c46fab4c3320ced"})};return n}());s.style=a}}}));
+System.register(["./p-c94628eb.system.js"],(function(n){"use strict";var e,r,t;return{setters:[function(n){e=n.r;r=n.h;t=n.H}],execute:function(){var o="\n@tailwind utilities;\n\n:host{\n\n  height: 0.25rem;\n\n  width: 100%;\n\n  border-radius: 0.25rem;\n\n  background-color: rgb(var(--tone-neutral-08));\n  border: 0;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    background-color: rgb(var(--tone-neutral-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      background-color: rgb(var(--tone-neutral-07));\n    }\n  }\n}\n\n";var a=o;var s=n("mds_hr",function(){function n(n){e(this,n)}n.prototype.render=function(){return r(t,{key:"216de86ffc561314f87514ff7c46fab4c3320ced"})};return n}());s.style=a}}}));

package/dist/magma-components/p-217aed60.system.entry.js

@@ -0,0 +1 @@
+var __spreadArray=this&&this.__spreadArray||function(n,t,e){if(e||arguments.length===2)for(var i=0,r=t.length,o;i<r;i++){if(o||!(i in t)){if(!o)o=Array.prototype.slice.call(t,0,i);o[i]=t[i]}}return n.concat(o||Array.prototype.slice.call(t))};System.register(["./p-c94628eb.system.js","./p-48f78684.system.js","./p-b26ef48a.system.js","./p-d68089ba.system.js"],(function(n){"use strict";var t,e,i,r,o,a,s;return{setters:[function(n){t=n.r;e=n.h;i=n.H;r=n.g},function(n){o=n.m},function(n){a=n.m},function(n){s=n.c}],execute:function(){var l='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 5.83L15.17 9l1.41-1.41L12 3L7.41 7.59L8.83 9L12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15L12 18.17z"/></svg>';var c="@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-table-header-cell-padding: The padding of the table cell\n */\n\n:host {\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  background-color: var(--mds-table-background);\n  border-bottom: var(--mds-table-cell-border-width) solid var(--mds-table-cell-border-color) !important;\n  border-top: var(--mds-table-cell-border-width) solid transparent !important;\n  display: table-cell;\n  padding: var(--mds-table-cell-padding);\n  -webkit-transition-property: background-color, border-color, color;\n  transition-property: background-color, border-color, color;\n  vertical-align: top;\n}\n\n.action {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.action::part(label) {\n  min-height: 1rem;\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n  font-weight: 700;\n  text-transform: uppercase;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n\n.label {\n  height: 1.75rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";var u=c;var d;(function(n){n["ASC"]="ascending";n["DESC"]="descending";n["NONE"]="none"})(d||(d={}));var f=n("mds_table_header_cell",function(){function n(n){var e=this;t(this,n);this.currentDirection=d.NONE;this.index=0;this.prepareSorter=function(){var n,t;if(!e.sortable||e.sortable&&((n=e.tableHeaderCellSiblings)===null||n===void 0?void 0:n.length))return;e.tableBody=(t=e.element.closest("mds-table"))===null||t===void 0?void 0:t.querySelector("mds-table-body");e.tableHeader=e.element.closest("mds-table-header");e.tableHeaderCellSiblings=Array.from(e.tableHeader.children);e.index=e.tableHeaderCellSiblings.indexOf(e.element);e.tableRows=Array.from(e.tableBody.children);e.tableRowsDefaultSorted=Array.from(e.tableBody.children)};this.getValue=function(n){if(n.value){return n.value}return n.textContent?n.textContent.trim():""};this.resetSortAttribute=function(){e.tableHeaderCellSiblings.forEach((function(n){if(e.tableHeaderCellSiblings.indexOf(n)!==e.index){n.direction="none"}}));e.tableRows.forEach((function(n){var t=Array.from(n.children);t.forEach((function(n,t){if(e.index===t&&e.currentDirection!==d.NONE){n.setAttribute("sorted","");return}n.removeAttribute("sorted")}))}))};this.sortRows=function(){if(e.currentDirection===d.NONE){e.tableRowsDefaultSorted.forEach((function(n){return e.tableBody.appendChild(n)}));return}var n=__spreadArray([],e.tableRows,true).sort((function(n,t){var i=e.getValue(n.querySelectorAll("mds-table-cell")[e.index]);var r=e.getValue(t.querySelectorAll("mds-table-cell")[e.index]);var o=!isNaN(Number(i))&&!isNaN(Number(r));if(o){return e.direction==="ascending"?Number(i)-Number(r):Number(r)-Number(i)}return e.direction==="ascending"?String(i).localeCompare(String(r)):String(r).localeCompare(String(i))}));n.forEach((function(n){return e.tableBody.appendChild(n)}))};this.updateDirection=function(){e.currentDirection=Object.values(d)[(Object.values(d).indexOf(e.currentDirection)+1)%Object.values(d).length];e.direction=e.currentDirection.toString()};this.sort=function(){e.updateDirection();e.sortRows();e.resetSortAttribute();if(e.currentDirection!==d.NONE){e.tableRows.forEach((function(n){n.setAttribute("sorted","")}));return}e.tableRows.forEach((function(n){n.removeAttribute("sorted")}))};this.isAscending=true;this.sortable=undefined;this.label=undefined;this.direction="none"}n.prototype.componentDidLoad=function(){this.prepareSorter()};n.prototype.sortableHandler=function(){this.prepareSorter()};n.prototype.directionHandler=function(n){if(n==="none"){this.direction="none";this.currentDirection=d.NONE}};n.prototype.render=function(){return e(i,{key:"3d17c76c086828a39ad0090acabbebb3ea449198",role:"columnheader","aria-sort":this.direction},this.sortable?e("mds-button",{class:"action",icon:s(this.direction==="none"&&l,this.direction==="ascending"&&o,this.direction==="descending"&&a),"icon-position":"right",onClick:this.sort,tone:"quiet",variant:"dark",size:"sm",part:"action"},this.label):e("mds-text",{class:"label",typography:"label",part:"label"},this.label))};Object.defineProperty(n.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{sortable:["sortableHandler"],direction:["directionHandler"]}},enumerable:false,configurable:true});return n}());f.style=u}}}));

package/dist/magma-components/p-21b1acec.system.js

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

package/dist/magma-components/{p-f62b4856.entry.js → p-22954bd0.entry.js}

@@ -1 +1 @@
-import{r as t,c as n,h as e,H as o,g as r}from"./p-b6defcb6.js";import{s}from"./p-b975c42a.js";const a=class{constructor(e){t(this,e),this.changedEvent=n(this,"mdsTabChange",7),this.currentItem=-1,this.queryContentItems=()=>this.element.querySelectorAll("[slot=content]"),this.scrollTabs=t=>{const n=this.tabItems[t];this.tabs.scrollLeft=n.offsetLeft-this.tabs.offsetLeft-this.tabs.offsetWidth/2+n.offsetWidth/2},this.selectContentItem=()=>{this.contentItems.forEach(((t,n)=>{t.setAttribute("mds-tab-content-hidden",""),n===this.currentItem&&t.removeAttribute("mds-tab-content-hidden")}))},this.scrollbar=void 0}componentWillLoad(){this.tabItems=this.element.querySelectorAll("mds-tab-item"),this.tabItems.forEach(((t,n)=>{t.id||(t.id=`mds-tab-item-${n}`),t.selected&&(this.currentItem=n)}))}componentDidLoad(){var t;this.tabs=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tabs"),this.contentItems=this.queryContentItems(),this.contentItems.forEach((t=>{s(t,"role","tabpanel")})),this.selectContentItem()}changeEventHandler(t){this.tabItems.forEach(((n,e)=>{n.id===t.detail.target.id?(n.selected=!0,this.changedEvent.emit({id:e,value:n.value}),this.currentItem=e,this.scrollTabs(e)):n.selected=!1})),this.selectContentItem()}focusEventHandler(t){this.tabItems.forEach(((n,e)=>{n.id===t.detail.target.id&&this.scrollTabs(e)}))}render(){return e(o,{key:"21e53d7ffaff031d678118bad56b294434850b55"},e("div",{key:"1163324be5882c026755c4230ab816a8af379b3a",class:"tabs",part:"tabs",role:"tablist"},e("slot",{key:"2d43944cbc98837c9eb3e88681fae97d2aa7c833"})),e("div",{key:"1249e79e0c9ce4826eb1c5c998dfdc5bae45d306",class:"contents",part:"contents"},e("slot",{key:"ae717f86aadc0e95f430d3353ddd8a823bf4010a",name:"content"})))}get element(){return r(this)}};a.style='@tailwind components;\n@tailwind utilities;\n\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-tab-duration: Sets the animation duration on how the contents height is resized when the component switch from a content to another one\n * @prop --mds-tab-scrollbar-margin: Sets the margin of the browser scroll bar (if supported)\n * @prop --mds-tab-scrollbar-radius: Sets the border-radius of the browser scroll bar (if supported)\n * @prop --mds-tab-scrollbar-size: Sets the height and width of the browser scroll bar (if supported)\n * @prop --mds-tab-scrollbar-thumb-background: Sets the background-color of the browser scroll bar thumb (if supported)\n * @prop --mds-tab-scrollbar-track-background: Sets the background-color of the browser scroll bar track (if supported)\n * @prop --mds-tab-timing-function: Sets the animation timing function on how the contents height is resized when the component switch from a content to another one\n */\n\n:host {\n\n  --mds-tab-duration: .75s;\n  --mds-tab-timing-function: cubic-bezier(1, 0, 0, 1);\n  --mds-tab-current-item: 2;\n  --mds-tab-scroll-scrollbar-radius: 0;\n  --mds-tab-scroll-scrollbar-margin: 0;\n  --mds-tab-scroll-scrollbar-size: 0.5rem;\n  --mds-tab-scroll-scrollbar-thumb-background: rgb(var(--tone-neutral-02) 0.3);\n  --mds-tab-scroll-scrollbar-track-background: rgb(var(--tone-neutral-06) 0.3);\n\n  display: grid;\n}\n\n.tabs{\n\n  gap: 0.5rem;\n\n  border-width: 0.125rem;\n\n  border-style: solid;\n\n  border-color: transparent;\n\n  padding: 0.5rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: rgb(var(--theme-default-06-secondary-background));\n  border-radius: 1rem;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  overflow: auto;\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.contents {\n\n  --mds-tab-contents-height: auto;\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n    gap: 1.5rem;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-tab-contents-height);\n  overflow-x: auto;\n  overflow-y: hidden;\n  position: relative;\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: height var(--mds-tab-duration) var(--mds-tab-timing-function);\n  transition: height var(--mds-tab-duration) var(--mds-tab-timing-function);\n}\n\n::slotted( [slot="content"] ){\n\n  width: 100%;\n\n  min-width: 100%;\n\n  -webkit-animation-duration: var(--mds-tab-duration);\n\n  animation-duration: var(--mds-tab-duration);\n  -webkit-animation-fill-mode: forwards;\n  animation-fill-mode: forwards;\n  -webkit-animation-timing-function: var(--mds-tab-timing-function);\n  animation-timing-function: var(--mds-tab-timing-function);\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  scroll-snap-align: start;\n}\n\n::slotted( [slot="content"][mds-tab-content-hidden] ) {\n    display: none !important;\n}\n\n@import \'~@maggioli-design-system/styles/dist/tailwind/components.css\';\n@tailwind components;\n@tailwind utilities;\n\n:host(:not([scrollbar])) .tabs {\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n\n:host(:not([scrollbar])) .tabs::-webkit-scrollbar {\n  display: none;\n}\n\n:host([scrollbar]:not([scrollbar="false"])) .tabs::-webkit-scrollbar {\n  height: var(--mds-tab-scroll-scrollbar-size);\n  width: var(--mds-tab-scroll-scrollbar-size);\n}\n\n:host([scrollbar]:not([scrollbar="false"])) .tabs::-webkit-scrollbar-track {\n  background-color: var(--mds-tab-scroll-scrollbar-track-background);\n  border-radius: var(--mds-tab-scroll-scrollbar-radius);\n  margin-block: var(--mds-tab-scroll-scrollbar-margin);\n  margin-inline: var(--mds-tab-scroll-scrollbar-margin);\n}\n\n:host([scrollbar]:not([scrollbar="false"])) .tabs::-webkit-scrollbar-thumb {\n  background-color: var(--mds-tab-scroll-scrollbar-thumb-background);\n  border-radius: var(--mds-tab-scroll-scrollbar-radius);\n}\n\n@supports (scrollbar-color: transparent transparent) {\n  .tabs {\n    scrollbar-color: var(--mds-tab-scroll-scrollbar-thumb-background) var(--mds-tab-scroll-scrollbar-track-background);\n    scrollbar-width: thin;\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-tab-duration: 0s;\n\n    -webkit-transition-duration: 0s;\n\n    transition-duration: 0s;\n  }\n\n  .contents,\n  .tabs {\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\n      --mds-tab-duration: 0s;\n\n      -webkit-transition-duration: 0s;\n\n      transition-duration: 0s;\n    }\n  \n    .contents,\n    .tabs {\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  .tabs {\n    border-color: rgb(var(--tone-neutral-08));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    .tabs {\n      border-color: rgb(var(--tone-neutral-08));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  .tabs {\n    border-color: rgb(var(--tone-neutral-06));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    .tabs {\n      border-color: rgb(var(--tone-neutral-06));\n    }\n  }\n}\n\n\n';const i=class{constructor(e){t(this,e),this.selectedEvent=n(this,"mdsTabItemSelect",7),this.focusedEvent=n(this,"mdsTabItemFocus",7),this.toggle=()=>{this.isSelected=!this.isSelected,this.isSelected&&this.selectedEvent.emit({target:this.element,value:this.value})},this.focus=()=>{this.focusedEvent.emit({target:this.element,value:this.value})},this.isSelected=void 0,this.hasText=void 0,this.selected=void 0,this.icon=void 0,this.iconPosition="left",this.type="submit",this.size="md",this.value=void 0}validateActive(t){this.isSelected=t,this.selected&&this.selectedEvent.emit({target:this.element,value:this.value})}componentWillLoad(){this.hasText=""!==this.element.innerHTML}render(){return e(o,{key:"f3fafe16ed0bf7ed425aa22a513dab9a9e67451f",onClick:this.toggle},e("mds-button",{key:"ab7b9ee28b3e2fac37f21193efb8992f3d221cfe",class:"button",onFocus:this.focus,icon:this.icon,iconPosition:this.iconPosition,part:"button",role:"tab",size:this.size,type:this.type},this.hasText&&e("slot",{key:"a9f9a48dceb2338f538206a7400c3a0401b933a3"})))}get element(){return r(this)}static get watchers(){return{selected:["validateActive"]}}};i.style='@tailwind utilities;\n\n/**\n * @prop --mds-tab-item-background-hover: Sets the background when the mouse is over the component\n * @prop --mds-tab-item-background-selected: Sets the background when the component is selected\n * @prop --mds-tab-item-background: Sets the background color of the component\n * @prop --mds-tab-item-color-hover: Sets the color when the mouse is over the component\n * @prop --mds-tab-item-color-selected: Sets the color when the component is selected\n * @prop --mds-tab-item-color: Sets the color of the component\n * @prop --mds-tab-item-radius: Sets the border-radius of the component\n * @prop --mds-tab-item-shadow-selected: Sets the box-shadow when the component is selected\n */\n\n:host{\n\n  display: -ms-flexbox;\n\n  display: flex;\n\n  --mds-tab-item-background-hover: transparent;\n  --mds-tab-item-background-selected: rgb(var(--tone-neutral));\n  --mds-tab-item-background: transparent;\n  --mds-tab-item-color-hover: rgb(var(--tone-neutral-02));\n  --mds-tab-item-color-selected: rgb(var(--tone-neutral-02));\n  --mds-tab-item-color: rgb(var(--tone-neutral-04));\n  --mds-tab-item-radius: 0.5rem;\n  --mds-tab-item-shadow-selected: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n}\n\n.button {\n\n  --mds-button-background: var(--mds-tab-item-background);\n  --mds-button-color: var(--mds-tab-item-color);\n  --mds-button-radius: var(--mds-tab-item-radius);\n\n  fill: var(--mds-tab-item-color);\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n}\n\n.button:hover {\n\n  --mds-button-background: var(--mds-tab-item-background-hover);\n  --mds-button-color: var(--mds-tab-item-color-hover);\n\n  fill: var(--mds-tab-item-color-hover);\n}\n\n:host([selected]:not([selected="false"])) .button,\n:host([selected]:not([selected="false"])) .button:hover {\n\n  --mds-button-background: var(--mds-tab-item-background-selected);\n  --mds-button-color: var(--mds-tab-item-color-selected);\n\n  -webkit-box-shadow: var(--mds-tab-item-shadow-selected);\n\n  box-shadow: var(--mds-tab-item-shadow-selected);\n  fill: var(--mds-tab-item-color-selected);\n  pointer-events: none;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-tab-item-background-selected: rgb(var(--tone-neutral-08));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-tab-item-background-selected: rgb(var(--tone-neutral-08));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-tab-item-color-selected: rgb(var(--tone-neutral-01));\n    --mds-tab-item-shadow-selected: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-tab-item-color-selected: rgb(var(--tone-neutral-01));\n      --mds-tab-item-shadow-selected: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n    }\n  }\n}\n\n';export{a as mds_tab,i as mds_tab_item}
+import{r as t,c as n,h as e,H as o,g as r}from"./p-eab621a7.js";import{s}from"./p-f00c93f4.js";const a=class{constructor(e){t(this,e),this.changedEvent=n(this,"mdsTabChange",7),this.currentItem=-1,this.queryContentItems=()=>this.element.querySelectorAll("[slot=content]"),this.scrollTabs=t=>{const n=this.tabItems[t];this.tabs.scrollLeft=n.offsetLeft-this.tabs.offsetLeft-this.tabs.offsetWidth/2+n.offsetWidth/2},this.selectContentItem=()=>{this.contentItems.forEach(((t,n)=>{t.setAttribute("mds-tab-content-hidden",""),n===this.currentItem&&t.removeAttribute("mds-tab-content-hidden")}))},this.scrollbar=void 0}componentWillLoad(){this.tabItems=this.element.querySelectorAll("mds-tab-item"),this.tabItems.forEach(((t,n)=>{t.id||(t.id=`mds-tab-item-${n}`),t.selected&&(this.currentItem=n)}))}componentDidLoad(){var t;this.tabs=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tabs"),this.contentItems=this.queryContentItems(),this.contentItems.forEach((t=>{s(t,"role","tabpanel")})),this.selectContentItem()}changeEventHandler(t){this.tabItems.forEach(((n,e)=>{n.id===t.detail.target.id?(n.selected=!0,this.changedEvent.emit({id:e,value:n.value}),this.currentItem=e,this.scrollTabs(e)):n.selected=!1})),this.selectContentItem()}focusEventHandler(t){this.tabItems.forEach(((n,e)=>{n.id===t.detail.target.id&&this.scrollTabs(e)}))}render(){return e(o,{key:"21e53d7ffaff031d678118bad56b294434850b55"},e("div",{key:"1163324be5882c026755c4230ab816a8af379b3a",class:"tabs",part:"tabs",role:"tablist"},e("slot",{key:"2d43944cbc98837c9eb3e88681fae97d2aa7c833"})),e("div",{key:"1249e79e0c9ce4826eb1c5c998dfdc5bae45d306",class:"contents",part:"contents"},e("slot",{key:"ae717f86aadc0e95f430d3353ddd8a823bf4010a",name:"content"})))}get element(){return r(this)}};a.style='@tailwind components;\n@tailwind utilities;\n\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-tab-duration: Sets the animation duration on how the contents height is resized when the component switch from a content to another one\n * @prop --mds-tab-scrollbar-margin: Sets the margin of the browser scroll bar (if supported)\n * @prop --mds-tab-scrollbar-radius: Sets the border-radius of the browser scroll bar (if supported)\n * @prop --mds-tab-scrollbar-size: Sets the height and width of the browser scroll bar (if supported)\n * @prop --mds-tab-scrollbar-thumb-background: Sets the background-color of the browser scroll bar thumb (if supported)\n * @prop --mds-tab-scrollbar-track-background: Sets the background-color of the browser scroll bar track (if supported)\n * @prop --mds-tab-timing-function: Sets the animation timing function on how the contents height is resized when the component switch from a content to another one\n */\n\n:host {\n\n  --mds-tab-duration: .75s;\n  --mds-tab-timing-function: cubic-bezier(1, 0, 0, 1);\n  --mds-tab-current-item: 2;\n  --mds-tab-scroll-scrollbar-radius: 0;\n  --mds-tab-scroll-scrollbar-margin: 0;\n  --mds-tab-scroll-scrollbar-size: 0.5rem;\n  --mds-tab-scroll-scrollbar-thumb-background: rgb(var(--tone-neutral-02) 0.3);\n  --mds-tab-scroll-scrollbar-track-background: rgb(var(--tone-neutral-06) 0.3);\n\n  display: grid;\n}\n\n.tabs{\n\n  gap: 0.5rem;\n\n  border-width: 0.125rem;\n\n  border-style: solid;\n\n  border-color: transparent;\n\n  padding: 0.5rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: rgb(var(--theme-default-06-secondary-background));\n  border-radius: 1rem;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  overflow: auto;\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.contents {\n\n  --mds-tab-contents-height: auto;\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n    gap: 1.5rem;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-tab-contents-height);\n  overflow-x: auto;\n  overflow-y: hidden;\n  position: relative;\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: height var(--mds-tab-duration) var(--mds-tab-timing-function);\n  transition: height var(--mds-tab-duration) var(--mds-tab-timing-function);\n}\n\n::slotted( [slot="content"] ){\n\n  width: 100%;\n\n  min-width: 100%;\n\n  -webkit-animation-duration: var(--mds-tab-duration);\n\n  animation-duration: var(--mds-tab-duration);\n  -webkit-animation-fill-mode: forwards;\n  animation-fill-mode: forwards;\n  -webkit-animation-timing-function: var(--mds-tab-timing-function);\n  animation-timing-function: var(--mds-tab-timing-function);\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  scroll-snap-align: start;\n}\n\n::slotted( [slot="content"][mds-tab-content-hidden] ) {\n    display: none !important;\n}\n\n@import \'~@maggioli-design-system/styles/dist/tailwind/components.css\';\n@tailwind components;\n@tailwind utilities;\n\n:host(:not([scrollbar])) .tabs {\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n\n:host(:not([scrollbar])) .tabs::-webkit-scrollbar {\n  display: none;\n}\n\n:host([scrollbar]:not([scrollbar="false"])) .tabs::-webkit-scrollbar {\n  height: var(--mds-tab-scroll-scrollbar-size);\n  width: var(--mds-tab-scroll-scrollbar-size);\n}\n\n:host([scrollbar]:not([scrollbar="false"])) .tabs::-webkit-scrollbar-track {\n  background-color: var(--mds-tab-scroll-scrollbar-track-background);\n  border-radius: var(--mds-tab-scroll-scrollbar-radius);\n  margin-block: var(--mds-tab-scroll-scrollbar-margin);\n  margin-inline: var(--mds-tab-scroll-scrollbar-margin);\n}\n\n:host([scrollbar]:not([scrollbar="false"])) .tabs::-webkit-scrollbar-thumb {\n  background-color: var(--mds-tab-scroll-scrollbar-thumb-background);\n  border-radius: var(--mds-tab-scroll-scrollbar-radius);\n}\n\n@supports (scrollbar-color: transparent transparent) {\n  .tabs {\n    scrollbar-color: var(--mds-tab-scroll-scrollbar-thumb-background) var(--mds-tab-scroll-scrollbar-track-background);\n    scrollbar-width: thin;\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-tab-duration: 0s;\n\n    -webkit-transition-duration: 0s;\n\n    transition-duration: 0s;\n  }\n\n  .contents,\n  .tabs {\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\n      --mds-tab-duration: 0s;\n\n      -webkit-transition-duration: 0s;\n\n      transition-duration: 0s;\n    }\n  \n    .contents,\n    .tabs {\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  .tabs {\n    border-color: rgb(var(--tone-neutral-08));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    .tabs {\n      border-color: rgb(var(--tone-neutral-08));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  .tabs {\n    border-color: rgb(var(--tone-neutral-06));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    .tabs {\n      border-color: rgb(var(--tone-neutral-06));\n    }\n  }\n}\n\n\n';const i=class{constructor(e){t(this,e),this.selectedEvent=n(this,"mdsTabItemSelect",7),this.focusedEvent=n(this,"mdsTabItemFocus",7),this.toggle=()=>{this.isSelected=!this.isSelected,this.isSelected&&this.selectedEvent.emit({target:this.element,value:this.value})},this.focus=()=>{this.focusedEvent.emit({target:this.element,value:this.value})},this.isSelected=void 0,this.hasText=void 0,this.selected=void 0,this.icon=void 0,this.iconPosition="left",this.type="submit",this.size="md",this.value=void 0}validateActive(t){this.isSelected=t,this.selected&&this.selectedEvent.emit({target:this.element,value:this.value})}componentWillLoad(){this.hasText=""!==this.element.innerHTML}render(){return e(o,{key:"f3fafe16ed0bf7ed425aa22a513dab9a9e67451f",onClick:this.toggle},e("mds-button",{key:"ab7b9ee28b3e2fac37f21193efb8992f3d221cfe",class:"button",onFocus:this.focus,icon:this.icon,iconPosition:this.iconPosition,part:"button",role:"tab",size:this.size,type:this.type},this.hasText&&e("slot",{key:"a9f9a48dceb2338f538206a7400c3a0401b933a3"})))}get element(){return r(this)}static get watchers(){return{selected:["validateActive"]}}};i.style='@tailwind utilities;\n\n/**\n * @prop --mds-tab-item-background-hover: Sets the background when the mouse is over the component\n * @prop --mds-tab-item-background-selected: Sets the background when the component is selected\n * @prop --mds-tab-item-background: Sets the background color of the component\n * @prop --mds-tab-item-color-hover: Sets the color when the mouse is over the component\n * @prop --mds-tab-item-color-selected: Sets the color when the component is selected\n * @prop --mds-tab-item-color: Sets the color of the component\n * @prop --mds-tab-item-radius: Sets the border-radius of the component\n * @prop --mds-tab-item-shadow-selected: Sets the box-shadow when the component is selected\n */\n\n:host{\n\n  display: -ms-flexbox;\n\n  display: flex;\n\n  --mds-tab-item-background-hover: transparent;\n  --mds-tab-item-background-selected: rgb(var(--tone-neutral));\n  --mds-tab-item-background: transparent;\n  --mds-tab-item-color-hover: rgb(var(--tone-neutral-02));\n  --mds-tab-item-color-selected: rgb(var(--tone-neutral-02));\n  --mds-tab-item-color: rgb(var(--tone-neutral-04));\n  --mds-tab-item-radius: 0.5rem;\n  --mds-tab-item-shadow-selected: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n}\n\n.button {\n\n  --mds-button-background: var(--mds-tab-item-background);\n  --mds-button-color: var(--mds-tab-item-color);\n  --mds-button-radius: var(--mds-tab-item-radius);\n\n  fill: var(--mds-tab-item-color);\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n}\n\n.button:hover {\n\n  --mds-button-background: var(--mds-tab-item-background-hover);\n  --mds-button-color: var(--mds-tab-item-color-hover);\n\n  fill: var(--mds-tab-item-color-hover);\n}\n\n:host([selected]:not([selected="false"])) .button,\n:host([selected]:not([selected="false"])) .button:hover {\n\n  --mds-button-background: var(--mds-tab-item-background-selected);\n  --mds-button-color: var(--mds-tab-item-color-selected);\n\n  -webkit-box-shadow: var(--mds-tab-item-shadow-selected);\n\n  box-shadow: var(--mds-tab-item-shadow-selected);\n  fill: var(--mds-tab-item-color-selected);\n  pointer-events: none;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-tab-item-background-selected: rgb(var(--tone-neutral-08));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n  \n      --mds-tab-item-background-selected: rgb(var(--tone-neutral-08));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-tab-item-color-selected: rgb(var(--tone-neutral-01));\n    --mds-tab-item-shadow-selected: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-tab-item-color-selected: rgb(var(--tone-neutral-01));\n      --mds-tab-item-shadow-selected: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n    }\n  }\n}\n\n';export{a as mds_tab,i as mds_tab_item}

package/dist/magma-components/{p-67f8aea1.entry.js → p-23c0e5bb.entry.js}

@@ -1 +1 @@
-import{r as n,h as t,H as e}from"./p-b6defcb6.js";const o=class{constructor(t){n(this,t)}render(){return t(e,{key:"ac7dfdb13d45c42bd1e3b65e460e785f758f2928"},t("slot",{key:"497de5aee2af6a62ae7bac0d91f058e0e3dafc8d"}),t("div",{key:"e4cc7a36a64cffd7c511c58b2c765605e5f84a6c",class:"contents",part:"contents"},t("slot",{key:"48085d5a1624758fc659fa0fe86d95fff5e23610",name:"content"})),t("footer",{key:"40af4b696b8084b7206e74a9e4b83783f69794e0",class:"actions",part:"actions"},t("slot",{key:"0dd0c9f28ac707d0426701a0b11004d6e22e73ac",name:"action"})))}};o.style='@tailwind utilities;\n\n/**\n * @prop --mds-zero-contents-max-width: Set if the contents has a max width to be centered in the component\n */\n\n:host {\n\n  --mds-zero-contents-max-width: 400px;\n\n  gap: 1.5rem;\n\n  border-radius: 0.75rem;\n\n  padding: 3rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n@media (max-width: 767px){\n\n  :host{\n\n    padding-left: 1.5rem;\n\n    padding-right: 1.5rem;\n  }\n}\n\n:host {\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: rgb(var(--tone-neutral-10));\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  justify-items: center;\n  -webkit-transition-property: background-color, -webkit-box-shadow;\n  transition-property: background-color, -webkit-box-shadow;\n  transition-property: box-shadow, background-color;\n  transition-property: box-shadow, background-color, -webkit-box-shadow;\n}\n\n:host .contents {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  justify-items: center;\n  max-width: var(--mds-zero-contents-max-width);\n  text-align: center;\n}\n\n:host .actions{\n\n  gap: 0.5rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  justify-items: center;\n  width: 100%;\n}\n\n:host ::slotted([slot="action"]) {\n  margin: auto;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    background-color: rgb(var(--tone-neutral-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      background-color: rgb(var(--tone-neutral-09));\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    -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      -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';export{o as mds_zero}
+import{r as n,h as t,H as e}from"./p-eab621a7.js";const a=class{constructor(t){n(this,t)}render(){return t(e,{key:"9c19b48ff4f43f7124c1ab435a0c459fa99ae119"},t("slot",{key:"6b8695731411251458089f2adf7a262070df66b0"}),t("div",{key:"395deabebcac70a1db76588b32d7ebb31f56b03f",class:"contents",part:"contents"},t("slot",{key:"67427905a2049879301416aa7f16c0512f59d4f3",name:"content"})),t("footer",{key:"f713f2108319918adf277a51b4e60d85210c391a",class:"actions",part:"actions"},t("slot",{key:"86cb45fff8a7c28aa4855342237982434c40792c",name:"action"})))}};a.style='@tailwind utilities;\n\n/**\n * @prop --mds-zero-contents-max-width: Set if the contents has a max width to be centered in the component\n */\n\n:host {\n\n  --mds-zero-contents-max-width: 400px;\n\n  gap: 1.5rem;\n\n  border-radius: 0.75rem;\n\n  padding: 3rem;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n\n@media (max-width: 767px){\n\n  :host{\n\n    padding-left: 1.5rem;\n\n    padding-right: 1.5rem;\n  }\n}\n\n:host {\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: rgb(var(--tone-neutral-10));\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  justify-items: center;\n  -webkit-transition-property: background-color, -webkit-box-shadow;\n  transition-property: background-color, -webkit-box-shadow;\n  transition-property: box-shadow, background-color;\n  transition-property: box-shadow, background-color, -webkit-box-shadow;\n}\n\n:host .contents {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  justify-items: center;\n  max-width: var(--mds-zero-contents-max-width);\n  text-align: center;\n}\n\n:host .actions{\n\n  gap: 0.5rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  justify-items: center;\n  width: 100%;\n}\n\n:host ::slotted([slot="action"]) {\n  margin: auto;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    background-color: rgb(var(--tone-neutral-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      background-color: rgb(var(--tone-neutral-09));\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    -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      -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';export{a as mds_zero}

package/dist/magma-components/p-247e25c9.entry.js

@@ -0,0 +1 @@
+import{r as n,h as e,H as t,g as i}from"./p-eab621a7.js";const r=class{constructor(e){n(this,e),this.await=void 0,this.icon=void 0,this.src=void 0,this.initials=void 0,this.tone=void 0,this.variant=void 0}checkAvatar(){let n=!1;return void 0!==this.src&&(n=!0),void 0!==this.icon&&(n=!0),void 0!==this.initials&&(n=!0),!this.await&&n}componentWillLoad(){this.details=null!==this.hostElement.querySelector('[slot="detail"]'),this.actions=null!==this.hostElement.querySelector('[slot="action"]')}render(){return e(t,{key:"9391672c7ecfde903e03798d210760e52370c90b"},e("div",{key:"fab671cb638c283a8ea3648aee9c9188512e8fa0",class:"spinner"},e("mds-spinner",{key:"baed37a926e1f606b41fb85b24be7728f671ab54",running:!0})),this.checkAvatar()&&e("mds-avatar",{key:"380ed5fdef281b9e9338e4beeecffa4ef9bae7b5",class:"preview",icon:this.icon,initials:this.initials,src:this.src,tone:this.tone,variant:this.variant}),e("div",{key:"d876fe0ce1f53eec1cc1062e5c38b82d67b3bd89",class:"infos"},e("slot",{key:"949113bb0e3dbf092e6604358544630440a43740"}),this.details&&e("div",{key:"7635a1805fa615b2907e3b89fffa250db9b71dce",class:"details"},e("slot",{key:"a6b8ff76384000ebc4b1684b3b888d7dd60cafd3",name:"deuploadtail"}))),this.actions&&e("div",{key:"11c50375bc0e9ea56989d7549e95b99a6db191c7",class:"actions"},e("slot",{key:"653e308b14d27197b9c945269190030984ac2ebd",name:"action"})))}get hostElement(){return i(this)}};r.style='@tailwind utilities;\n\n/**\n * @prop --mds-entity-background: The background-color of the entity\n * @prop --mds-entity-color: The color of the entity name\n * @prop --mds-entity-detail-color: The color of the text details\n * @prop --mds-entity-icon-background: The background-color of the icon\n * @prop --mds-entity-icon-color: The color of the icon\n * @prop --mds-entity-shadow: The box-shadow od the component\n */\n\n:host {\n\n  --mds-entity-background: rgb(var(--tone-neutral));\n  --mds-entity-color: rgb(var(--tone-neutral-02));\n  --mds-entity-detail-color: rgb(var(--tone-neutral-03));\n  --mds-entity-icon-background: rgb(var(--label-blue-09));\n  --mds-entity-icon-radius: 0.25rem;\n  --mds-entity-icon-color: rgb(var(--label-blue-04));\n  --mds-entity-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  gap: 0.5rem;\n  border-radius: 0.5rem;\n  padding: 0.5rem;\n\n  -ms-flex-align: stretch;\n\n  align-items: stretch;\n  background-color: var(--mds-entity-background);\n  -webkit-box-shadow: var(--mds-entity-shadow);\n  box-shadow: var(--mds-entity-shadow);\n  color: var(--mds-entity-color);\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.spinner,\n.preview,\n.delete{\n\n  width: 2.75rem;\n\n  border-radius: 0.25rem;\n\n  -ms-flex-negative: 0;\n\n  flex-shrink: 0;\n}\n\n.spinner,\n.preview{\n\n  aspect-ratio: 1/1;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-entity-icon-background);\n  border-radius: var(--mds-entity-icon-radius);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  fill: var(--mds-entity-icon-color);\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n.preview {\n\n  --mds-avatar-radius: var(--mds-entity-icon-radius);\n}\n\n.spinner {\n  background-color: transparent;\n  display: none;\n  fill: var(--mds-entity-icon-color);\n}\n\n:host([await]:not([await="false"])) .spinner {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\nmds-spinner{\n\n  height: 2.25rem;\n\n  width: 2.25rem;\n}\n\n.infos{\n\n  min-width: 0rem;\n\n  gap: 0rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-pack: center;\n  justify-content: center;\n  white-space: nowrap;\n}\n\n.details{\n\n  gap: 0.25rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  color: var(--mds-entity-detail-color);\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.actions{\n\n  gap: 0.5rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n::slotted( [slot="action"] ){\n\n  aspect-ratio: 1/1;\n\n  width: 2.75rem;\n\n  height: auto;\n}\n\n::slotted( * ){\n\n  overflow: hidden;\n\n  text-overflow: ellipsis;\n\n  white-space: nowrap;\n}\n\n.title{\n\n  min-width: 0rem;\n\n  overflow: hidden;\n\n  text-overflow: ellipsis;\n\n  white-space: nowrap;\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-entity-background: rgb(var(--tone-neutral));\n    --mds-entity-color: rgb(var(--tone-neutral-01));\n    --mds-entity-detail-color: rgb(var(--tone-neutral-02));\n    --mds-entity-icon-background: rgb(var(--label-blue-08));\n    --mds-entity-icon-color: rgb(var(--label-blue-03));\n    --mds-entity-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-entity-background: rgb(var(--tone-neutral));\n      --mds-entity-color: rgb(var(--tone-neutral-01));\n      --mds-entity-detail-color: rgb(var(--tone-neutral-02));\n      --mds-entity-icon-background: rgb(var(--label-blue-08));\n      --mds-entity-icon-color: rgb(var(--label-blue-03));\n      --mds-entity-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-entity-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-entity-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3);\n    }\n  }\n}\n\n';export{r as mds_entity}

package/dist/magma-components/p-2547e1c5.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,H as e}from"./p-eab621a7.js";import{h as s}from"./p-f00c93f4.js";const o=class{constructor(i){t(this,i),this.icon=void 0,this.autoPlacement=!0,this.placement="top"}componentWillLoad(){this.id=s("mds-help")}render(){var t;return i(e,{key:"93b3a04a7919b2e5c0297e54a94ef40955a918d2"},i("mds-icon",{key:"4fc245e92c28392f5090b2d3025f1061e876e1cf",id:this.id,name:null!==(t=this.icon)&&void 0!==t?t:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5c0-2.21-1.79-4-4-4z"/></svg>'}),i("mds-tooltip",{key:"bfad74ee1597eafc0d2ab21b37e16fcddf3d9cc8",placement:this.placement,autoPlacement:this.autoPlacement,strategy:"fixed",target:"#"+this.id},i("slot",{key:"d7cd7b45875df092dd2889fd6f77c086ae09a838"})))}};o.style="@tailwind components; @tailwind utilities; :host{--mds-help-tooltip-width:fit-content;--mds-help-tooltip-max-width:280px;--mds-help-tooltip-delay:0.25s;margin-left:0.25rem;color:rgb(var(--tone-neutral-03));cursor:help;display:-ms-inline-flexbox;display:inline-flex;fill:currentcolor;-ms-flex-pack:start;justify-content:flex-start;overflow:visible;position:relative}i{display:-ms-flexbox;display:flex}i svg{aspect-ratio:1/1;height:100%;width:100%}mds-tooltip{--mds-tooltip-delay:var(--mds-help-tooltip-delay);max-width:var(--mds-help-tooltip-max-width);min-width:var(--mds-help-tooltip-width)}mds-tooltip::part(text){max-width:var(--mds-help-tooltip-max-width);min-width:var(--mds-help-tooltip-width);width:var(--mds-help-tooltip-width)}mds-icon,i{height:1rem;width:1rem;fill:inherit}";export{o as mds_help}

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

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

package/dist/magma-components/{p-dbde7f2c.system.entry.js → p-27923d25.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-369fc037.system.js"],(function(n){"use strict";var e,t,r,a,o;return{setters:[function(n){e=n.r;t=n.c;r=n.h;a=n.H;o=n.g}],execute:function(){var i='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"/></svg>';var s='@tailwind utilities;\n\n:host {\n\n  --mds-header-bar-hamburger-color: rgb(var(--tone-neutral-03));\n\n  padding-left: 1.5rem;\n\n  padding-right: 1.5rem;\n\n  padding-top: 1rem;\n\n  padding-bottom: 1rem;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: rgb(var(--tone-neutral));\n  -webkit-box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n  box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n  display: -ms-flexbox;\n  display: flex;\n  inset: 0 0 auto;\n  interpolate-size: allow-keywords; /* not supported yet https://youtu.be/JN-nme9oF10 */\n  -ms-flex-pack: center;\n  justify-content: center;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: fixed;\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-property: background-color, border-radius, margin, max-width, width, -webkit-transform;\n  transition-property: background-color, border-radius, margin, max-width, width, -webkit-transform;\n  transition-property: background-color, border-radius, margin, max-width, transform, width;\n  transition-property: background-color, border-radius, margin, max-width, transform, width, -webkit-transform;\n}\n\n.logo {\n  color: inherit;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.content{\n\n  max-width: 1280px;\n\n  gap: 1rem;\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: justify;\n  justify-content: space-between;\n}\n\n.actions{\n\n  gap: 1.5rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n.nav{\n\n  gap: 1rem;\n\n  display: -ms-inline-flexbox;\n\n  display: inline-flex;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n}\n\n.menu {\n\n  --mds-button-background: transparent;\n\n  fill: var(--mds-header-bar-hamburger-color);\n  padding: 0;\n}\n\n.menu::part(icon){\n\n  width: 2rem;\n}\n\n@media (max-width: 1023px){\n\n  :host([menu="desktop"]) .menu,\n:host([nav="desktop"]) .nav{\n\n    display: none;\n  }\n}\n\n@media (min-width: 1024px){\n\n  :host([menu="mobile"]) .menu,\n:host([nav="mobile"]) .nav{\n\n    display: none;\n  }\n}\n\n:host([menu="none"]) .menu,\n:host([nav="none"]) .nav {\n  display: none;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n  }\n  }\n}\n\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    background-color: rgb(var(--tone-neutral-10));\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      background-color: rgb(var(--tone-neutral-10));\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-header-bar-hamburger-color: rgb(var(--tone-neutral-01));\n\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-header-bar-hamburger-color: rgb(var(--tone-neutral-01));\n\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n    }\n  }\n}\n\n';var p=s;var b=n("mds_header_bar",function(){function n(n){var r=this;e(this,n);this.openedEvent=t(this,"mdsHeaderBarOpen",7);this.open=function(){r.isOpened=true;r.openedEvent.emit()};this.isOpened=undefined;this.menu="mobile";this.nav="desktop"}n.prototype.componentWillLoad=function(){this.hasNav=this.host.querySelector('[slot="nav"]')!==null};n.prototype.closedHandler=function(){this.isOpened=false};n.prototype.render=function(){return r(a,{key:"7ab04f4ac6155b1313e2ee22596e6de9b8fab5be"},r("div",{key:"154ea9ed773a592ce6e336f3c5798ac43453fd4a",class:"content",part:"content"},r("div",{key:"b4e50840f935b268687a3c23408ef0b5430932b4",class:"logo"},r("slot",{key:"211959873b9bd4a1beb8e6508290d176acc76c80"})),r("div",{key:"ca5b1e89865bc47edb0970f96156fe7b36d11144",class:"actions",part:"actions"},this.nav!=="none"&&this.hasNav&&r("nav",{key:"a4c1b17421963a95ece46677ea49f2479c4e11f2",class:"nav",part:"nav"},r("slot",{key:"557afb673df7ab68758327c3f56a6f7e2334e870",name:"nav"})),this.menu!=="none"&&r("mds-button",{key:"ae8919445eb1251c83ccf2fb5b9979590233fedd",class:"menu",icon:i,onClick:this.open,part:"hamburger"}))))};Object.defineProperty(n.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});return n}());b.style=p}}}));
+System.register(["./p-c94628eb.system.js"],(function(n){"use strict";var e,t,r,a,o;return{setters:[function(n){e=n.r;t=n.c;r=n.h;a=n.H;o=n.g}],execute:function(){var i='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z"/></svg>';var s='@tailwind utilities;\n\n:host {\n\n  --mds-header-bar-hamburger-color: rgb(var(--tone-neutral-03));\n\n  padding-left: 1.5rem;\n\n  padding-right: 1.5rem;\n\n  padding-top: 1rem;\n\n  padding-bottom: 1rem;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: rgb(var(--tone-neutral));\n  -webkit-box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n  box-shadow: 0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);\n  display: -ms-flexbox;\n  display: flex;\n  inset: 0 0 auto;\n  interpolate-size: allow-keywords; /* not supported yet https://youtu.be/JN-nme9oF10 */\n  -ms-flex-pack: center;\n  justify-content: center;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 100%;\n  position: fixed;\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-property: background-color, border-radius, margin, max-width, width, -webkit-transform;\n  transition-property: background-color, border-radius, margin, max-width, width, -webkit-transform;\n  transition-property: background-color, border-radius, margin, max-width, transform, width;\n  transition-property: background-color, border-radius, margin, max-width, transform, width, -webkit-transform;\n}\n\n.logo {\n  color: inherit;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.content{\n\n  max-width: 1280px;\n\n  gap: 1rem;\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: justify;\n  justify-content: space-between;\n}\n\n.actions{\n\n  gap: 1.5rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n.nav{\n\n  gap: 1rem;\n\n  display: -ms-inline-flexbox;\n\n  display: inline-flex;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n}\n\n.menu {\n\n  --mds-button-background: transparent;\n\n  fill: var(--mds-header-bar-hamburger-color);\n  padding: 0;\n}\n\n.menu::part(icon){\n\n  width: 2rem;\n}\n\n@media (max-width: 1023px){\n\n  :host([menu="desktop"]) .menu,\n:host([nav="desktop"]) .nav{\n\n    display: none;\n  }\n}\n\n@media (min-width: 1024px){\n\n  :host([menu="mobile"]) .menu,\n:host([nav="mobile"]) .nav{\n\n    display: none;\n  }\n}\n\n:host([menu="none"]) .menu,\n:host([nav="none"]) .nav {\n  display: none;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n  }\n  }\n}\n\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n    background-color: rgb(var(--tone-neutral-10));\n    -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      background-color: rgb(var(--tone-neutral-10));\n      -webkit-box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n      box-shadow: 0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-header-bar-hamburger-color: rgb(var(--tone-neutral-01));\n\n    -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n    box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-header-bar-hamburger-color: rgb(var(--tone-neutral-01));\n\n      -webkit-box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n      box-shadow: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25);\n    }\n  }\n}\n\n';var p=s;var b=n("mds_header_bar",function(){function n(n){var r=this;e(this,n);this.openedEvent=t(this,"mdsHeaderBarOpen",7);this.open=function(){r.isOpened=true;r.openedEvent.emit()};this.isOpened=undefined;this.menu="mobile";this.nav="desktop"}n.prototype.componentWillLoad=function(){this.hasNav=this.host.querySelector('[slot="nav"]')!==null};n.prototype.closedHandler=function(){this.isOpened=false};n.prototype.render=function(){return r(a,{key:"7ab04f4ac6155b1313e2ee22596e6de9b8fab5be"},r("div",{key:"154ea9ed773a592ce6e336f3c5798ac43453fd4a",class:"content",part:"content"},r("div",{key:"b4e50840f935b268687a3c23408ef0b5430932b4",class:"logo"},r("slot",{key:"211959873b9bd4a1beb8e6508290d176acc76c80"})),r("div",{key:"ca5b1e89865bc47edb0970f96156fe7b36d11144",class:"actions",part:"actions"},this.nav!=="none"&&this.hasNav&&r("nav",{key:"a4c1b17421963a95ece46677ea49f2479c4e11f2",class:"nav",part:"nav"},r("slot",{key:"557afb673df7ab68758327c3f56a6f7e2334e870",name:"nav"})),this.menu!=="none"&&r("mds-button",{key:"ae8919445eb1251c83ccf2fb5b9979590233fedd",class:"menu",icon:i,onClick:this.open,part:"hamburger"}))))};Object.defineProperty(n.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});return n}());b.style=p}}}));

package/dist/magma-components/p-2a0bffc8.entry.js

@@ -0,0 +1 @@
+import{r as n,c as t,h as e,H as i,g as r}from"./p-eab621a7.js";import{c as s}from"./p-8a1a6e56.js";const a=class{constructor(e){n(this,e),this.changedEvent=t(this,"mdsFilterChange",7),this.queryItems=()=>this.element.querySelectorAll("mds-filter-item"),this.scrollTabs=()=>{var n;const t=this.queryItems()[this.lastSelectedItem],e=null===(n=this.element.shadowRoot)||void 0===n?void 0:n.querySelector(".items");e&&(e.scrollLeft=t.offsetLeft-e.offsetLeft-e.offsetWidth/2+t.offsetWidth/2)},this.checkSelectedItem=()=>{const n=this.queryItems();let t=!1;n.forEach((n=>{n.selected&&(t=!0)})),this.active=t},this.checkAutoReset=()=>{this.autoReset&&this.resetItems()},this.resetItems=()=>{this.queryItems().forEach((n=>{n.selected=!1,n.classList.remove("sibling")})),this.active=!1},this.itemsValues=()=>{const n=this.queryItems(),t=[];return n.forEach((n=>{n.selected&&t.push(n.value)})),t.toString()},this.active=void 0,this.itemsSelected=0,this.autoReset=void 0,this.label=void 0,this.multiple=void 0,this.reset=void 0}componentWillLoad(){this.queryItems().forEach(((n,t)=>{n.id=`item-${t}`})),this.checkSelectedItem()}activeEventHandler(n){this.lastSelectedItem=Number(n.detail.id?n.detail.id.replace("item-",""):0),this.scrollTabs();const t=this.queryItems();if(this.multiple){let n=0;const e=[];return t.forEach(((t,i)=>{e.push(t.selected?t:null),t.selected&&(n+=1),t.classList.remove("sibling"),e.length>1&&null!==e[i-1]&&t.classList.add("sibling")})),this.itemsSelected=n,this.checkSelectedItem(),this.itemsSelected===t.length&&this.checkAutoReset(),void this.changedEvent.emit({children:t,value:this.itemsValues()})}t.forEach(((t,e)=>{t.selected=`item-${e}`===n.detail.id&&n.detail.selected})),this.checkSelectedItem(),this.changedEvent.emit({children:t,value:this.itemsValues()})}render(){return e(i,{key:"7215fb2de82e3f33a94ab1c101fc732a9a05cf27","aria-label":this.label,role:"menubar"},this.label&&e("mds-text",{key:"4a95f76c175f7b9db14ea616a1556a17abe32ba1",class:"label",typography:"label"},this.label),e("div",{key:"91a7cbd971f9bba667665a2119ab76fc2905d06d",class:s("items",this.active&&"active")},e("slot",{key:"f927719daa34281b0220d45e88dfbeea2a23560a"}),this.reset&&e("div",{key:"8ec10d0b9d88a9808beb5cabc511d932820817a4",class:s("reset",this.active&&"reset-opened")},e("mds-filter-item",{key:"22ea88c487a3f339fe9f1501a7bd30e484633671",selected:this.active,class:s("reset-button",this.active&&"reset-button-opened"),icon:"mi/baseline/close",onClick:this.resetItems}))))}get element(){return r(this)}};a.style="@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";export{a as mds_filter}

package/dist/magma-components/p-2bedaf5f.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,i,r,e){function n(t){return t instanceof r?t:new r((function(i){i(t)}))}return new(r||(r=Promise))((function(r,s){function a(t){try{c(e.next(t))}catch(t){s(t)}}function o(t){try{c(e["throw"](t))}catch(t){s(t)}}function c(t){t.done?r(t.value):n(t.value).then(a,o)}c((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var r={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},e,n,s,a;return a={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function o(t){return function(i){return c([t,i])}}function c(o){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,o[0]&&(r=0)),r)try{if(e=1,n&&(s=o[0]&2?n["return"]:o[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,o[1])).done)return s;if(n=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:r.label++;return{value:o[1],done:false};case 5:r.label++;n=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(s=r.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){r=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){r.label=o[1];break}if(o[0]===6&&r.label<s[1]){r.label=s[1];s=o;break}if(s&&r.label<s[2]){r.label=s[2];r.ops.push(o);break}if(s[2])r.ops.pop();r.trys.pop();continue}o=i.call(t,r)}catch(t){o=[6,t];n=0}finally{e=s=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-32f55263.system.js","./p-eff30062.system.js","./p-3759b1b2.system.js","./p-21b1acec.system.js"],(function(t){"use strict";var i,r,e,n,s,a,o,c;return{setters:[function(t){i=t.r;r=t.c;e=t.h;n=t.H;s=t.g},function(t){a=t.s},function(t){o=t.m},function(t){c=t.L},function(){}],execute:function(){var h='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 5v6.59l-3-3.01l-4 4.01l-4-4l-4 4l-3-3.01V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2zm-3 6.42l3 3.01V19c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-6.58l3 2.99l4-4l4 4l4-3.99z"/></svg>';var l="Φόρτωση εικόνας";var u={clickToLoad:l};var d="Load image";var f={clickToLoad:d};var m="Cargar imagen";var g={clickToLoad:m};var v="Carica immagine";var b={clickToLoad:v};var p="@tailwind components; @tailwind utilities; :host{--mds-img-background:rgb(var(--variant-primary-03));--mds-img-color:rgb(var(--variant-primary-09));--mds-img-icon-color:rgb(var(--variant-primary-07));--mds-img-error-background:rgb(var(--status-error-09));--mds-img-error-color:rgb(var(--status-error-04));--mds-img-error-icon-color:rgb(var(--status-error-06));display:-ms-flexbox;display:flex;-o-object-fit:cover;object-fit:cover;overflow:hidden;position:relative}img{width:100%;-o-object-fit:inherit;object-fit:inherit}.alt-text-container{gap:1.5rem;padding:1.5rem;-ms-flex-align:center;align-items:center;background-color:var(--mds-img-background);color:var(--mds-img-color);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;text-align:center}.alt-text-container--absolute{cursor:pointer;inset:0;position:absolute}.alt-text-container--error{--mds-img-background:var(--mds-img-error-background);--mds-img-color:var(--mds-img-error-color);--mds-img-icon-color:var(--mds-img-error-icon-color);cursor:not-allowed}.alt-text-container--default-aspect-ratio{cursor:pointer;width:100%}.click-to-load{pointer-events:none}.icon{width:2.25rem;fill:var(--mds-img-icon-color)}";var w=p;var x=t("mds_img",function(){function t(t){var e=this;i(this,t);this.loadErrorEvent=r(this,"mdsImgLoadError",7);this.loadSuccessEvent=r(this,"mdsImgLoadSuccess",7);this.consumptionMode="high";this.t=new c({el:u,en:f,es:g,it:b});this.onSuccess=function(t){e.image=t.target;e.loadSuccessEvent.emit({image:e.image})};this.onError=function(t){e.image=t.target;e.loadErrorEvent.emit({image:e.image});e.imageError=true};this.formatConsumptionData=function(t){var i={};t.split(",").forEach((function(t){var r=t.trim().replace(/[ ]{2,}/g," ").split(" ");if(r[1].toLocaleLowerCase()==="low"){i.low=r[0]}if(r[1].toLocaleLowerCase()==="medium"){i.medium=r[0]}if(r[1].toLocaleLowerCase()==="high"){i.high=r[0]}}));return i};this.autoAltName=function(){if(e.src){var t=e.src.lastIndexOf("/")+1;return e.src.substring(t)}return""};this.setAriaAttributes=function(){a(e.host,"aria-label",e.alt)};this.imageConsumptionLoaded=false;this.imageError=false;this.language=undefined;this.alt="";this.crossorigin="use-credentials";this.height=undefined;this.loading="lazy";this.referrerpolicy="no-referrer-when-downgrade";this.sizes=undefined;this.src=undefined;this.srcset=undefined;this.srcsetConsumption=undefined;this.width=undefined}t.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=this.t.lang(this.host);return[2]}))}))};t.prototype.srcsetConsumptionHandler=function(t){this.srcsetConsumptionData=this.formatConsumptionData(t)};t.prototype.componentWillLoad=function(){var t;this.consumptionMode=(t=localStorage.getItem("mdsPrefConsumption"))!==null&&t!==void 0?t:"high";if(this.srcsetConsumption){this.srcsetConsumptionData=this.formatConsumptionData(this.srcsetConsumption)}this.image=this.host.querySelector("img");if(!this.alt){this.alt=this.autoAltName()}};t.prototype.componentWillRender=function(){this.t.lang(this.host)};t.prototype.componentDidLoad=function(){this.setAriaAttributes()};t.prototype.render=function(){var t=this;var i,r;if(this.imageError){return e(n,{"aria-label":this.alt,role:"img"},e("div",{class:"contrast-area-50"}),e("div",{class:"alt-text-container alt-text-container--error alt-text-container--default-aspect-ratio"},e("mds-icon",{class:"icon",name:h}),e("mds-text",{class:"alt-text","aria-hidden":"true",typography:"h6"},e("i",null,this.alt))))}if(this.srcsetConsumptionData){if(this.consumptionMode==="low"){return e(n,{"aria-label":this.alt,role:"img",onClick:function(){t.imageConsumptionLoaded=true}},e("div",{class:"contrast-area-50"}),!this.imageConsumptionLoaded?e("div",{"aria-hidden":"true",class:"alt-text-container alt-text-container--default-aspect-ratio"},e("mds-icon",{class:"icon",name:o}),e("mds-text",{class:"alt-text",typography:"h6"},e("i",null,this.alt)),e("mds-button",{"aria-hidden":"true",role:"none",class:"click-to-load",tabIndex:-1,variant:"light",tone:"ghost"},this.t.get("clickToLoad"))):e("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,part:"media",sizes:this.sizes,src:(i=this.srcsetConsumptionData[this.consumptionMode])!==null&&i!==void 0?i:this.src,srcset:this.srcset,width:this.width}))}return e(n,{"aria-label":this.alt,role:"img"},e("div",{class:"contrast-area-50"}),e("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,part:"media",sizes:this.sizes,src:(r=this.srcsetConsumptionData[this.consumptionMode])!==null&&r!==void 0?r:this.src,srcset:this.srcset,width:this.width}))}return e(n,{"aria-label":this.alt,role:"img"},e("div",{class:"contrast-area-50"}),e("img",{alt:this.alt,"aria-hidden":"true",height:this.height,loading:this.loading,onError:this.onError,onLoad:this.onSuccess,part:"media",sizes:this.sizes,src:this.src,srcset:this.srcset,width:this.width}))};Object.defineProperty(t.prototype,"host",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{srcsetConsumption:["srcsetConsumptionHandler"]}},enumerable:false,configurable:true});return t}());x.style=w}}}));

package/dist/magma-components/p-2d5135c7.entry.js

@@ -0,0 +1 @@
+import{r as n,c as e,h as t,H as i,g as a}from"./p-eab621a7.js";import{c as o}from"./p-8a1a6e56.js";import{m as r}from"./p-39f06295.js";import{K as s}from"./p-0f3e17bc.js";const d=class{constructor(t){n(this,t),this.changedEvent=e(this,"mdsDetailsChange",7),this.km=new s,this.toggle=()=>{this.isOpened=!this.isOpened,this.changedEvent.emit(this.isOpened)},this.isOpened=void 0,this.opened=!1}validateOpened(n){this.isOpened=n}componentWillLoad(){this.isOpened=this.opened}componentDidLoad(){var n;const e=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelector(".header");this.km.addElement(e),this.km.attachClickBehavior()}disconnectedCallback(){this.km.detachClickBehavior()}render(){return t(i,{key:"c8f6750b33c5d786b77e1d9bcce705257baf2791"},t("div",{key:"38b924ac2e866d9df4a63014fb0f55a475cf1ed9",class:"icon",onClick:this.toggle},t("slot",{key:"9fa95af9334e045d4eab9d76bbc897e3bc8e07f1",name:"icon"})),t("div",{key:"35d16f3dc812bdfe00e93b245ecc93ffcb7658b0",class:"content"},t("div",{key:"e6ec5d27945659db44fb94aba666081dd4347c67"},t("header",{key:"d926117aa4d02c7687905c5f1e6a2e0f4b54ae16",class:"header focus-bounce",tabindex:"0",onClick:this.toggle},t("div",{key:"b024a33ebaf85795fb0a17c63b331ff1261af16e",class:"title"},t("slot",{key:"f1098063d1755758584cd70ab8630cb04d4a4a8a",name:"title"})),t("i",{key:"6a67c8e51b9e93fcf085e5c4194d329a416d926d",class:o("helper-icon",this.isOpened&&"opened"),innerHTML:r}))),t("div",{key:"e0cc43de0d0a9928135b51a3d8f6658060a83c73",class:o("details",this.isOpened&&"opened")},t("div",{key:"a46acca93147806affe56226ba09f2b6edca73a9",class:"content-expander",part:"content"},t("slot",{key:"c4b9d83df0da5f34afd261339a016b10927b2196"}),t("div",{key:"7f4ea3f5b91faa7d29b0317032e3ea9ee39f26f6",class:"actions"},t("slot",{key:"e8437e8ff7bddacf3f3d17cedf77101cdb17da44",name:"action"}))))))}get host(){return a(this)}static get watchers(){return{opened:["validateOpened"]}}};d.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-details-icon-color: Sets the icon color the component\n * @prop --mds-details-helper-icon-color: Sets icon color of the helper icon of the component\n */\n\n:host {\n\n  --mds-details-duration: 300ms;\n  --mds-details-icon-color: rgb(var(--variant-primary-04));\n  --mds-details-helper-icon-color: rgb(var(--tone-neutral-03));\n  gap: 0.5rem;\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.content {\n  display: grid;\n}\n\n.details {\n  gap: 1rem;\n  padding-top: 0rem;\n  opacity: 0;\n\n  display: grid;\n  grid-template-rows: 0fr;\n  overflow: hidden;\n  pointer-events: none;\n  -webkit-transition-duration: var(--mds-details-duration);\n  transition-duration: var(--mds-details-duration);\n  -webkit-transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding;\n  transition-property: grid-template-rows opacity padding, -ms-grid-rows opacity padding;\n}\n\n.content-expander {\n  gap: 1rem;\n\n  display: grid;\n  min-height: 0;\n}\n\n.details.opened {\n  padding-top: 1rem;\n\n  grid-template-rows: 1fr;\n  opacity: 1;\n  overflow: visible;\n  pointer-events: auto;\n}\n\n.header {\n  gap: 0.5rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\n.icon {\n  cursor: pointer;\n  fill: var(--mds-details-icon-color);\n}\n\n.title {\n  cursor: pointer;\n}\n\n.helper-icon {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.helper-icon svg {\n  aspect-ratio: 1/1;\n  height: 100%;\n  width: 100%;\n}\n\n.helper-icon {\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);\n  transition-timing-function: cubic-bezier(1, 0, 0, 1);\n\n  cursor: pointer;\n  fill: var(--mds-details-helper-icon-color);\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  rotate: 0deg;\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n}\n\n.helper-icon.opened {\n  rotate: 180deg;\n}\n\n.actions {\n  gap: 1rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host {\n\n    --mds-details-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host {\n\n      --mds-details-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-details-icon-color: rgb(var(--variant-primary-03));\n    --mds-details-helper-icon-color: rgb(var(--tone-neutral-02));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-details-icon-color: rgb(var(--variant-primary-03));\n      --mds-details-helper-icon-color: rgb(var(--tone-neutral-02));\n    }\n  }\n}\n\n\n";export{d as mds_details}