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

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

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f08bac5f.js";var mdsHeaderCss='@tailwind utilities;\n\n/**\n * @prop --mds-header-color: Sets the text color of the header and the mobile toggler icon\n * @prop --mds-header-hidden-bar-translate-inline: Sets translateY value for the appearance inline `mds-header-bar` element\n * @prop --mds-header-hidden-bar-translate-stripe: Sets translateY value for the appearance stripe `mds-header-bar` element\n * @prop --mds-header-icon-color: Sets the color of the icon toggler\n * @prop --mds-header-z-index: Sets the z-index of the modal\n */\n\n:host {\n\n  --mds-header-color: rgb(var(--tone-neutral-02));\n  --mds-header-hidden-bar-translate-inline: translateY(-150%);\n  --mds-header-hidden-bar-translate-stripe: translateY(-110%);\n  --mds-header-icon-color: var(--mds-header-color, rgb(var(--tone-neutral-02)));\n  --mds-header-modal-icon-color: rgb(var(--tone-neutral));\n  --mds-header-z-index: var(--magma-header-z-index, 1000);\n\n  color: var(--mds-header-color);\n  fill: var(--mds-header-icon-color);\n  position: relative;\n  z-index: var(--mds-header-z-index);\n}\n\n.menu {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.modal {\n\n  --mds-modal-close-icon-color: var(--mds-header-modal-icon-color);\n\n  z-index: var(--mds-header-z-index);\n}\n\n:host([appearance="inline"]) ::slotted(mds-header-bar){\n\n  margin-top: 1.5rem;\n\n  margin-bottom: 1.5rem;\n\n  max-width: 1280px;\n\n  border-radius: 0.5rem;\n\n  width: calc(100% - 3rem);\n}\n\n@media (max-width: 1023px){\n\n  :host([menu="desktop"]) .menu{\n\n    display: none;\n  }\n}\n\n@media (min-width: 1024px){\n\n  :host([menu="mobile"]) .menu{\n\n    display: none;\n  }\n}\n\n:host([menu="none"]) .menu {\n  display: none;\n}\n\n:host([visibility="hidden"][appearance="stripe"]) ::slotted(mds-header-bar) {\n  -webkit-transform: var(--mds-header-hidden-bar-translate-stripe);\n  transform: var(--mds-header-hidden-bar-translate-stripe);\n}\n\n:host([visibility="hidden"][appearance="inline"]) ::slotted(mds-header-bar) {\n  -webkit-transform: var(--mds-header-hidden-bar-translate-inline);\n  transform: var(--mds-header-hidden-bar-translate-inline);\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-header-modal-icon-color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-header-modal-icon-color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n';var MdsHeaderStyle0=mdsHeaderCss;var MdsHeader=function(){function e(e){var n=this;registerInstance(this,e);this.closedEvent=createEvent(this,"mdsHeaderClose",7);this.relativeTresholdDown=0;this.relativePosition=0;this.relativeThresholdUp=0;this.sanitizedAppearance=["stripe"];this.appearanceThreshold=300;this.mobileMenu=function(){return n.host.querySelector('[slot="menu"]')};this.headerBar=function(){return n.host.querySelector("mds-header-bar")};this.close=function(){n.isOpened=false;n.closedEvent.emit({bar:n.headerBar()})};this.handleVisibility=function(){if(!n.autoHide){return}if(window.scrollY<n.autoHide){n.visibility="visible";n.relativeThresholdUp=0;n.relativeTresholdDown=0;n.relativePosition=0;return}if(n.relativeTresholdDown-window.scrollY<=0){n.visibility="hidden";n.relativePosition=n.relativeTresholdDown}if(n.relativeThresholdUp-window.scrollY>=n.threshold){n.visibility="visible";n.relativeThresholdUp=window.scrollY;n.relativePosition=n.relativeThresholdUp}if(n.relativePosition<n.autoHide&&n.autoHide-window.scrollY<=0){n.visibility="hidden";n.relativePosition=n.autoHide}if(window.scrollY>n.relativeThresholdUp){n.relativeThresholdUp=window.scrollY}else{n.relativeTresholdDown=window.scrollY+n.threshold}};this.sanitizeAppearance=function(){if(!n.appearanceSet){return[n.appearance]}var e=/\b(\w+)\b/g;var r=n.appearanceSet.match(e);if(r){return r}return[n.appearance]};this.handleAppearance=function(){var e,r;if(window.scrollY>=n.appearanceThreshold){n.appearance=(e=n.sanitizedAppearance[1])!==null&&e!==void 0?e:n.appearance;return}n.appearance=(r=n.sanitizedAppearance[0])!==null&&r!==void 0?r:n.appearance};this.handleScroll=function(){if(n.autoHide){n.handleVisibility()}if(n.sanitizedAppearance.length>1){n.handleAppearance()}};this.initScrollListener=function(){if(!window){return}n.sanitizedAppearance=n.sanitizeAppearance();if(n.sanitizedAppearance[2]){n.appearanceThreshold=n.sanitizedAppearance[2]}n.relativeTresholdDown=n.threshold;window.addEventListener("scroll",n.handleScroll)};this.hasMenu=undefined;this.isOpened=undefined;this.appearance="stripe";this.appearanceSet=undefined;this.autoHide=undefined;this.menu="mobile";this.nav="desktop";this.threshold=1;this.visibility=undefined}e.prototype.disconnectedCallback=function(){if(!window){return}window.removeEventListener("scroll",this.handleScroll)};e.prototype.componentWillLoad=function(){this.hasMenu=this.mobileMenu()!==null;if(this.hasMenu){this.onMenuChangedHandler(this.menu);return}this.onMenuChangedHandler("none")};e.prototype.componentDidLoad=function(){this.initScrollListener()};e.prototype.onModalOpenedHandler=function(){this.isOpened=true};e.prototype.onMenuChangedHandler=function(e){var n=this.headerBar();if(n){n.setAttribute("menu",e)}};e.prototype.onNavChangedHandler=function(e){var n=this.headerBar();if(n){n.setAttribute("nav",e)}};e.prototype.render=function(){return h(Host,{key:"ebc52d4727506d8c50fa145d1858db54a6b4938e"},h("slot",{key:"b374010090e6f61bd1f580da30b75b0275f29455"}),this.hasMenu&&h("div",{key:"fd05fd451551513b603f0ef0b3885b27505a4a4e",class:"menu",part:"menu"},h("mds-modal",{key:"cb2539a1835537f69d5da1fd3ceb02824ceae246",class:"modal",opened:this.isOpened,onMdsModalClose:this.close,position:"right"},h("slot",{key:"14a900ad5150c6a6673bb164ee7dd0386ca2d90f",name:"menu"}))))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{menu:["onMenuChangedHandler"],nav:["onNavChangedHandler"]}},enumerable:false,configurable:true});return e}();MdsHeader.style=MdsHeaderStyle0;export{MdsHeader as mds_header};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-44fd80a1.js";var mdsHeaderCss='@tailwind utilities;\n\n/**\n * @prop --mds-header-color: Sets the text color of the header and the mobile toggler icon\n * @prop --mds-header-hidden-bar-translate-inline: Sets translateY value for the appearance inline `mds-header-bar` element\n * @prop --mds-header-hidden-bar-translate-stripe: Sets translateY value for the appearance stripe `mds-header-bar` element\n * @prop --mds-header-icon-color: Sets the color of the icon toggler\n * @prop --mds-header-z-index: Sets the z-index of the modal\n */\n\n:host {\n\n  --mds-header-color: rgb(var(--tone-neutral-02));\n  --mds-header-hidden-bar-translate-inline: translateY(-150%);\n  --mds-header-hidden-bar-translate-stripe: translateY(-110%);\n  --mds-header-icon-color: var(--mds-header-color, rgb(var(--tone-neutral-02)));\n  --mds-header-modal-icon-color: rgb(var(--tone-neutral));\n  --mds-header-z-index: var(--magma-header-z-index, 1000);\n\n  color: var(--mds-header-color);\n  fill: var(--mds-header-icon-color);\n  position: relative;\n  z-index: var(--mds-header-z-index);\n}\n\n.menu {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.modal {\n\n  --mds-modal-close-icon-color: var(--mds-header-modal-icon-color);\n\n  z-index: var(--mds-header-z-index);\n}\n\n:host([appearance="inline"]) ::slotted(mds-header-bar){\n\n  margin-top: 1.5rem;\n\n  margin-bottom: 1.5rem;\n\n  max-width: 1280px;\n\n  border-radius: 0.5rem;\n\n  width: calc(100% - 3rem);\n}\n\n@media (max-width: 1023px){\n\n  :host([menu="desktop"]) .menu{\n\n    display: none;\n  }\n}\n\n@media (min-width: 1024px){\n\n  :host([menu="mobile"]) .menu{\n\n    display: none;\n  }\n}\n\n:host([menu="none"]) .menu {\n  display: none;\n}\n\n:host([visibility="hidden"][appearance="stripe"]) ::slotted(mds-header-bar) {\n  -webkit-transform: var(--mds-header-hidden-bar-translate-stripe);\n  transform: var(--mds-header-hidden-bar-translate-stripe);\n}\n\n:host([visibility="hidden"][appearance="inline"]) ::slotted(mds-header-bar) {\n  -webkit-transform: var(--mds-header-hidden-bar-translate-inline);\n  transform: var(--mds-header-hidden-bar-translate-inline);\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-header-modal-icon-color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-header-modal-icon-color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n';var MdsHeaderStyle0=mdsHeaderCss;var MdsHeader=function(){function e(e){var n=this;registerInstance(this,e);this.closedEvent=createEvent(this,"mdsHeaderClose",7);this.relativeTresholdDown=0;this.relativePosition=0;this.relativeThresholdUp=0;this.sanitizedAppearance=["stripe"];this.appearanceThreshold=300;this.mobileMenu=function(){return n.host.querySelector('[slot="menu"]')};this.headerBar=function(){return n.host.querySelector("mds-header-bar")};this.close=function(){n.isOpened=false;n.closedEvent.emit({bar:n.headerBar()})};this.handleVisibility=function(){if(!n.autoHide){return}if(window.scrollY<n.autoHide){n.visibility="visible";n.relativeThresholdUp=0;n.relativeTresholdDown=0;n.relativePosition=0;return}if(n.relativeTresholdDown-window.scrollY<=0){n.visibility="hidden";n.relativePosition=n.relativeTresholdDown}if(n.relativeThresholdUp-window.scrollY>=n.threshold){n.visibility="visible";n.relativeThresholdUp=window.scrollY;n.relativePosition=n.relativeThresholdUp}if(n.relativePosition<n.autoHide&&n.autoHide-window.scrollY<=0){n.visibility="hidden";n.relativePosition=n.autoHide}if(window.scrollY>n.relativeThresholdUp){n.relativeThresholdUp=window.scrollY}else{n.relativeTresholdDown=window.scrollY+n.threshold}};this.sanitizeAppearance=function(){if(!n.appearanceSet){return[n.appearance]}var e=/\b(\w+)\b/g;var r=n.appearanceSet.match(e);if(r){return r}return[n.appearance]};this.handleAppearance=function(){var e,r;if(window.scrollY>=n.appearanceThreshold){n.appearance=(e=n.sanitizedAppearance[1])!==null&&e!==void 0?e:n.appearance;return}n.appearance=(r=n.sanitizedAppearance[0])!==null&&r!==void 0?r:n.appearance};this.handleScroll=function(){if(typeof window==="undefined")return;if(n.autoHide){n.handleVisibility()}if(n.sanitizedAppearance.length>1){n.handleAppearance()}};this.initScrollListener=function(){if(!window){return}n.sanitizedAppearance=n.sanitizeAppearance();if(n.sanitizedAppearance[2]){n.appearanceThreshold=n.sanitizedAppearance[2]}n.relativeTresholdDown=n.threshold;window.addEventListener("scroll",n.handleScroll)};this.hasMenu=undefined;this.isOpened=undefined;this.appearance="stripe";this.appearanceSet=undefined;this.autoHide=undefined;this.menu="mobile";this.nav="desktop";this.threshold=1;this.visibility=undefined}e.prototype.disconnectedCallback=function(){if(!window){return}window.removeEventListener("scroll",this.handleScroll)};e.prototype.componentWillLoad=function(){this.hasMenu=this.mobileMenu()!==null;if(this.hasMenu){this.onMenuChangedHandler(this.menu);return}this.onMenuChangedHandler("none")};e.prototype.componentDidLoad=function(){this.initScrollListener()};e.prototype.onModalOpenedHandler=function(){this.isOpened=true};e.prototype.onMenuChangedHandler=function(e){var n=this.headerBar();if(n){n.setAttribute("menu",e)}};e.prototype.onNavChangedHandler=function(e){var n=this.headerBar();if(n){n.setAttribute("nav",e)}};e.prototype.render=function(){return h(Host,{key:"9595147f138d9d0e5abd37fe62687b6fcb9ae0fa"},h("slot",{key:"c14dbedd7b3e3a9b58ec7b32aaa3b65c35ce0308"}),this.hasMenu&&h("div",{key:"e9428c80b5cccadebcd7a82b66eb6fb35c80b039",class:"menu",part:"menu"},h("mds-modal",{key:"93ce4d76d087adff4982b0a74874c4ca2a25d432",class:"modal",opened:this.isOpened,onMdsModalClose:this.close,position:"right"},h("slot",{key:"ee8647c583f3203314da681e5b8aec4d15332157",name:"menu"}))))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{menu:["onMenuChangedHandler"],nav:["onNavChangedHandler"]}},enumerable:false,configurable:true});return e}();MdsHeader.style=MdsHeaderStyle0;export{MdsHeader as mds_header};

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

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-f08bac5f.js";import{h as hashRandomValue}from"./aria-0e390d9c.js";var miOutlineHelp='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5c0-2.21-1.79-4-4-4z"/></svg>';var mdsHelpCss="@tailwind components; @tailwind utilities; mds-help{--mds-help-tooltip-width:fit-content;--mds-help-tooltip-max-width:280px;--mds-help-tooltip-delay:0.25s;margin-left:0.25rem;cursor:help;display:-ms-inline-flexbox;display:inline-flex;fill:currentcolor;-ms-flex-pack:start;justify-content:flex-start;overflow:visible;position:relative}i{display:-ms-flexbox;display:flex}i svg{aspect-ratio:1/1;height:100%;width:100%}mds-help mds-tooltip{--mds-tooltip-delay:var(--mds-help-tooltip-delay);max-width:var(--mds-help-tooltip-max-width);min-width:var(--mds-help-tooltip-width)}mds-help mds-tooltip::part(text){max-width:var(--mds-help-tooltip-max-width);min-width:var(--mds-help-tooltip-width);width:var(--mds-help-tooltip-width)}:host mds-tooltip::part(text){max-width:var(--mds-help-tooltip-max-width);min-width:var(--mds-help-tooltip-width);width:var(--mds-help-tooltip-width)}mds-icon,i{height:1rem;width:1rem;fill:inherit}";var MdsHelpStyle0=mdsHelpCss;var MdsHelp=function(){function t(t){registerInstance(this,t);this.icon=undefined;this.autoPlacement=true;this.placement="top"}t.prototype.componentWillLoad=function(){this.id=hashRandomValue("mds-help")};t.prototype.render=function(){var t;return h(Host,{key:"0b88f9a190b8890be7988542e53c0d5d09291874"},h("mds-icon",{key:"423942cd443976464d8af6522ddc65d4771a5e0d",id:this.id,name:(t=this.icon)!==null&&t!==void 0?t:miOutlineHelp}),h("mds-tooltip",{key:"270033eacb7e7274fa12c57993c81e493ec0d5e6",placement:this.placement,autoPlacement:this.autoPlacement,strategy:"fixed",target:"#"+this.id},h("slot",{key:"19e960a42a0960dbb49d024e7febf755f03cab89"})))};return t}();MdsHelp.style=MdsHelpStyle0;export{MdsHelp as mds_help};
+import{r as registerInstance,h,H as Host}from"./index-44fd80a1.js";import{h as hashRandomValue}from"./aria-ed9d415d.js";var miOutlineHelp='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5c0-2.21-1.79-4-4-4z"/></svg>';var mdsHelpCss="@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}";var MdsHelpStyle0=mdsHelpCss;var MdsHelp=function(){function t(t){registerInstance(this,t);this.icon=undefined;this.autoPlacement=true;this.placement="top"}t.prototype.componentWillLoad=function(){this.id=hashRandomValue("mds-help")};t.prototype.render=function(){var t;return h(Host,{key:"93b3a04a7919b2e5c0297e54a94ef40955a918d2"},h("mds-icon",{key:"4fc245e92c28392f5090b2d3025f1061e876e1cf",id:this.id,name:(t=this.icon)!==null&&t!==void 0?t:miOutlineHelp}),h("mds-tooltip",{key:"bfad74ee1597eafc0d2ab21b37e16fcddf3d9cc8",placement:this.placement,autoPlacement:this.autoPlacement,strategy:"fixed",target:"#"+this.id},h("slot",{key:"d7cd7b45875df092dd2889fd6f77c086ae09a838"})))};return t}();MdsHelp.style=MdsHelpStyle0;export{MdsHelp as mds_help};

package/dist/esm-es5/mds-horizontal-scroll.entry.js

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

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

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-f08bac5f.js";var mdsHrCss="\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 MdsHrStyle0=mdsHrCss;var MdsHr=function(){function n(n){registerInstance(this,n)}n.prototype.render=function(){return h(Host,{key:"216de86ffc561314f87514ff7c46fab4c3320ced"})};return n}();MdsHr.style=MdsHrStyle0;export{MdsHr as mds_hr};
+import{r as registerInstance,h,H as Host}from"./index-44fd80a1.js";var mdsHrCss="\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 MdsHrStyle0=mdsHrCss;var MdsHr=function(){function n(n){registerInstance(this,n)}n.prototype.render=function(){return h(Host,{key:"216de86ffc561314f87514ff7c46fab4c3320ced"})};return n}();MdsHr.style=MdsHrStyle0;export{MdsHr as mds_hr};

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

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f08bac5f.js";import{s as setAttributeIfEmpty}from"./aria-0e390d9c.js";import{m as miBaselinePanorama}from"./panorama-7a041ab0.js";import{L as Locale}from"./locale-a730711f.js";import"./_commonjsHelpers-e557d4a5.js";var miBaselineBrokenImage='<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 clickToLoad$1="Load image";var localeEn={clickToLoad:clickToLoad$1};var clickToLoad="Carica immagine";var localeIt={clickToLoad:clickToLoad};var mdsImgCss="@tailwind components; @tailwind utilities; :host{--mds-img-background:rgb(var(--brand-maggioli-03));--mds-img-color:rgb(var(--brand-maggioli-09));--mds-img-icon-color:rgb(var(--brand-maggioli-07));--mds-img-error-background:rgb(var(--status-error-09));--mds-img-error-color:rgb(var(--status-error-04));--mds-img-error-icon-color:rgb(var(--status-error-06));display:-ms-flexbox;display:flex;-o-object-fit:cover;object-fit:cover;overflow:hidden;position:relative}img{width:100%;-o-object-fit:inherit;object-fit:inherit}.alt-text-container{gap:1.5rem;padding:1.5rem;-ms-flex-align:center;align-items:center;background-color:var(--mds-img-background);color:var(--mds-img-color);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;text-align:center}.alt-text-container--absolute{cursor:pointer;inset:0;position:absolute}.alt-text-container--error{--mds-img-background:var(--mds-img-error-background);--mds-img-color:var(--mds-img-error-color);--mds-img-icon-color:var(--mds-img-error-icon-color);cursor:not-allowed}.alt-text-container--default-aspect-ratio{cursor:pointer;width:100%}.click-to-load{pointer-events:none}.icon{width:2.25rem;fill:var(--mds-img-icon-color)}";var MdsImgStyle0=mdsImgCss;var MdsImg=function(){function t(t){var i=this;registerInstance(this,t);this.loadErrorEvent=createEvent(this,"mdsImgLoadError",7);this.loadSuccessEvent=createEvent(this,"mdsImgLoadSuccess",7);this.consumptionMode="high";this.t=new Locale({en:localeEn,it:localeIt});this.onSuccess=function(t){i.image=t.target;i.loadSuccessEvent.emit({image:i.image})};this.onError=function(t){i.image=t.target;i.loadErrorEvent.emit({image:i.image});i.imageError=true};this.formatConsumptionData=function(t){var i={};t.split(",").forEach((function(t){var e=t.trim().replace(/[ ]{2,}/g," ").split(" ");if(e[1].toLocaleLowerCase()==="low"){i.low=e[0]}if(e[1].toLocaleLowerCase()==="medium"){i.medium=e[0]}if(e[1].toLocaleLowerCase()==="high"){i.high=e[0]}}));return i};this.autoAltName=function(){if(i.src){var t=i.src.lastIndexOf("/")+1;return i.src.substring(t)}return""};this.setAriaAttributes=function(){setAttributeIfEmpty(i.host,"aria-label",i.alt)};this.imageConsumptionLoaded=false;this.imageError=false;this.alt="";this.crossorigin="use-credentials";this.height=undefined;this.loading="lazy";this.referrerpolicy="no-referrer-when-downgrade";this.sizes=undefined;this.src=undefined;this.srcset=undefined;this.srcsetConsumption=undefined;this.width=undefined}t.prototype.srcsetConsumptionHandler=function(t){this.srcsetConsumptionData=this.formatConsumptionData(t)};t.prototype.componentWillLoad=function(){var t;this.consumptionMode=(t=localStorage.getItem("mdsPrefConsumption"))!==null&&t!==void 0?t:"high";if(this.srcsetConsumption){this.srcsetConsumptionData=this.formatConsumptionData(this.srcsetConsumption)}this.image=this.host.querySelector("img");if(!this.alt){this.alt=this.autoAltName()}};t.prototype.componentWillRender=function(){this.t.lang(this.host)};t.prototype.componentDidLoad=function(){this.setAriaAttributes()};t.prototype.render=function(){var t=this;var i,e;if(this.imageError){return h(Host,{"aria-label":this.alt,role:"img"},h("div",{class:"contrast-area-50"}),h("div",{class:"alt-text-container alt-text-container--error alt-text-container--default-aspect-ratio"},h("mds-icon",{class:"icon",name:miBaselineBrokenImage}),h("mds-text",{class:"alt-text","aria-hidden":"true",typography:"h6"},h("i",null,this.alt))))}if(this.srcsetConsumptionData){if(this.consumptionMode==="low"){return h(Host,{"aria-label":this.alt,role:"img",onClick:function(){t.imageConsumptionLoaded=true}},h("div",{class:"contrast-area-50"}),!this.imageConsumptionLoaded?h("div",{class:"alt-text-container alt-text-container--default-aspect-ratio"},h("mds-icon",{class:"icon",name:miBaselinePanorama}),h("mds-text",{class:"alt-text","aria-hidden":"true",typography:"h6"},h("i",null,this.alt)),h("mds-button",{class:"click-to-load","aria-hidden":"true",variant:"light",tone:"ghost"},this.t.get("clickToLoad"))):h("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 h(Host,{"aria-label":this.alt,role:"img"},h("div",{class:"contrast-area-50"}),h("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:(e=this.srcsetConsumptionData[this.consumptionMode])!==null&&e!==void 0?e:this.src,srcset:this.srcset,width:this.width}))}return h(Host,{"aria-label":this.alt,role:"img"},h("div",{class:"contrast-area-50"}),h("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 getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{srcsetConsumption:["srcsetConsumptionHandler"]}},enumerable:false,configurable:true});return t}();MdsImg.style=MdsImgStyle0;export{MdsImg as mds_img};
+var __awaiter=this&&this.__awaiter||function(t,i,r,e){function a(t){return t instanceof r?t:new r((function(i){i(t)}))}return new(r||(r=Promise))((function(r,o){function s(t){try{c(e.next(t))}catch(t){o(t)}}function n(t){try{c(e["throw"](t))}catch(t){o(t)}}function c(t){t.done?r(t.value):a(t.value).then(s,n)}c((e=e.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},e,a,o,s;return s={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function n(t){return function(i){return c([t,i])}}function c(n){if(e)throw new TypeError("Generator is already executing.");while(s&&(s=0,n[0]&&(r=0)),r)try{if(e=1,a&&(o=n[0]&2?a["return"]:n[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,n[1])).done)return o;if(a=0,o)n=[n[0]&2,o.value];switch(n[0]){case 0:case 1:o=n;break;case 4:r.label++;return{value:n[1],done:false};case 5:r.label++;a=n[1];n=[0];continue;case 7:n=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(n[0]===6||n[0]===2)){r=0;continue}if(n[0]===3&&(!o||n[1]>o[0]&&n[1]<o[3])){r.label=n[1];break}if(n[0]===6&&r.label<o[1]){r.label=o[1];o=n;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(n);break}if(o[2])r.ops.pop();r.trys.pop();continue}n=i.call(t,r)}catch(t){n=[6,t];a=0}finally{e=o=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-44fd80a1.js";import{s as setAttributeIfEmpty}from"./aria-ed9d415d.js";import{m as miBaselinePanorama}from"./panorama-7a041ab0.js";import{L as Locale}from"./locale-149207d6.js";import"./_commonjsHelpers-bdec4bbd.js";var miBaselineBrokenImage='<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 clickToLoad$3="Φόρτωση εικόνας";var localeEl={clickToLoad:clickToLoad$3};var clickToLoad$2="Load image";var localeEn={clickToLoad:clickToLoad$2};var clickToLoad$1="Cargar imagen";var localeEs={clickToLoad:clickToLoad$1};var clickToLoad="Carica immagine";var localeIt={clickToLoad:clickToLoad};var mdsImgCss="@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 MdsImgStyle0=mdsImgCss;var MdsImg=function(){function t(t){var i=this;registerInstance(this,t);this.loadErrorEvent=createEvent(this,"mdsImgLoadError",7);this.loadSuccessEvent=createEvent(this,"mdsImgLoadSuccess",7);this.consumptionMode="high";this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.onSuccess=function(t){i.image=t.target;i.loadSuccessEvent.emit({image:i.image})};this.onError=function(t){i.image=t.target;i.loadErrorEvent.emit({image:i.image});i.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(i.src){var t=i.src.lastIndexOf("/")+1;return i.src.substring(t)}return""};this.setAriaAttributes=function(){setAttributeIfEmpty(i.host,"aria-label",i.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 h(Host,{"aria-label":this.alt,role:"img"},h("div",{class:"contrast-area-50"}),h("div",{class:"alt-text-container alt-text-container--error alt-text-container--default-aspect-ratio"},h("mds-icon",{class:"icon",name:miBaselineBrokenImage}),h("mds-text",{class:"alt-text","aria-hidden":"true",typography:"h6"},h("i",null,this.alt))))}if(this.srcsetConsumptionData){if(this.consumptionMode==="low"){return h(Host,{"aria-label":this.alt,role:"img",onClick:function(){t.imageConsumptionLoaded=true}},h("div",{class:"contrast-area-50"}),!this.imageConsumptionLoaded?h("div",{"aria-hidden":"true",class:"alt-text-container alt-text-container--default-aspect-ratio"},h("mds-icon",{class:"icon",name:miBaselinePanorama}),h("mds-text",{class:"alt-text",typography:"h6"},h("i",null,this.alt)),h("mds-button",{"aria-hidden":"true",role:"none",class:"click-to-load",tabIndex:-1,variant:"light",tone:"ghost"},this.t.get("clickToLoad"))):h("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 h(Host,{"aria-label":this.alt,role:"img"},h("div",{class:"contrast-area-50"}),h("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 h(Host,{"aria-label":this.alt,role:"img"},h("div",{class:"contrast-area-50"}),h("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 getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{srcsetConsumption:["srcsetConsumptionHandler"]}},enumerable:false,configurable:true});return t}();MdsImg.style=MdsImgStyle0;export{MdsImg as mds_img};

package/dist/esm-es5/mds-input-field.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,n,e,i){function r(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,s){function a(t){try{o(i.next(t))}catch(t){s(t)}}function u(t){try{o(i["throw"](t))}catch(t){s(t)}}function o(t){t.done?e(t.value):r(t.value).then(a,u)}o((i=i.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,r,s,a;return a={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function u(t){return function(n){return o([t,n])}}function o(u){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,u[0]&&(e=0)),e)try{if(i=1,r&&(s=u[0]&2?r["return"]:u[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,u[1])).done)return s;if(r=0,s)u=[u[0]&2,s.value];switch(u[0]){case 0:case 1:s=u;break;case 4:e.label++;return{value:u[1],done:false};case 5:e.label++;r=u[1];u=[0];continue;case 7:u=e.ops.pop();e.trys.pop();continue;default:if(!(s=e.trys,s=s.length>0&&s[s.length-1])&&(u[0]===6||u[0]===2)){e=0;continue}if(u[0]===3&&(!s||u[1]>s[0]&&u[1]<s[3])){e.label=u[1];break}if(u[0]===6&&e.label<s[1]){e.label=s[1];s=u;break}if(s&&e.label<s[2]){e.label=s[2];e.ops.push(u);break}if(s[2])e.ops.pop();e.trys.pop();continue}u=n.call(t,e)}catch(t){u=[6,t];r=0}finally{i=s=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f08bac5f.js";import{c as clsx}from"./clsx-297c1ffe.js";var NullValidator=function(){return null};var isbnValidatorFn=function(t){if(Number.isNaN(t.slice(0,-1))||t.length!==10&&t.length!==13)return{"isbn-error":"formato isbn non correto"};var n=t.split("").map((function(t){return t==="X"?10:Number(t)}));var e=0;if(t.length===10){var i=n.reduce((function(t,n,e){return t+(10-e)*n}),0);e=i%11}else{var i=n.reduce((function(t,n,e){var i=e%2===0?1:3;return t+n*i}),0);e=i%10}return e===0?null:{"isbn-error":"codice isbn non valido"}};var Validator=function(){function t(){this._validators=[];this._errors=null;this.isValid=true}t.prototype.addValidator=function(t){var n;if(Array.isArray(t)){(n=this._validators).push.apply(n,t)}else{this._validators.push(t)}};t.prototype._hasValidator=function(t,n){return Array.isArray(t)?t.includes(n):t===n};t.prototype.hasValidator=function(t){return this._hasValidator(this._validators,t)};t.prototype.removeValidator=function(t){var n=this;this._validators=this._validators.filter((function(e){return!n._hasValidator(t,e)}))};t.prototype.validate=function(t){if(t.length===0){this._errors=null;this.isValid=true;return}var n=this._validators.map((function(n){return n(t)})).reduce((function(t,n){return Object.assign(Object.assign({},t),n)}),NullValidator);this._errors=Object.keys(n).length===0?null:n;this.isValid=!this._errors};Object.defineProperty(t.prototype,"errors",{get:function(){return this._errors},enumerable:false,configurable:true});return t}();var InputMaskPattern=function(){function t(){}return t}();InputMaskPattern.CF_Regex=/^(?:[A-Z][AEIOU][AEIOUX]|[AEIOU]X{2}|[B-DF-HJ-NP-TV-Z]{2}[A-Z]){2}(?:[\dLMNP-V]{2}(?:[A-EHLMPR-T](?:[04LQ][1-9MNP-V]|[15MR][\dLMNP-V]|[26NS][0-8LMNP-U])|[DHPS][37PT][0L]|[ACELMRT][37PT][01LM]|[AC-EHLMPR-T][26NS][9V])|(?:[02468LNQSU][048LQU]|[13579MPRTV][26NS])B[26NS][9V])(?:[A-MZ][1-9MNP-V][\dLMNP-V]{2}|[A-M][0L](?:[1-9MNP-V][\dLMNP-V]|[0L][1-9MNP-V]))[A-Z]$/i;InputMaskPattern.CF_MASK="A{6}(99|AA)A(99|AA)A(999|AAA)A";InputMaskPattern.CC_MASK="9999-9999-9999-9999";var InputValidationManager=function(){function t(t){this.validator=new Validator;this.pattern=t}t.prototype.mask=function(t){if(!this.pattern){throw new Error("no pattern found, set pattern before mask")}};t.prototype.isValid=function(t){this.validator.validate(t);return this.validator.isValid};return t}();function createInputValidationManager(t){var n;switch(t){case"tel":n=new InputValidationManager("");break;case"url":n=new InputValidationManager("");break;case"cc":n=new InputValidationManager(InputMaskPattern.CC_MASK);break;case"cf":n=new InputValidationManager(InputMaskPattern.CF_MASK);n.validator.addValidator((function(t){return InputMaskPattern.CF_Regex.test(t)?null:{"cf-regex":"Codice fiscale inserito non corretto"}}));n.validator.addValidator((function(t){return t.length===16?null:{"cf-length":"Codice fiscale deve essere lungo 16 caratteri"}}));break;case"isbn":n=new InputValidationManager;n.validator.addValidator(isbnValidatorFn);break;case"piva":n=new InputValidationManager("");break;default:n=new InputValidationManager("")}return n}var mdsInputFieldCss='@tailwind utilities; :host{--mds-input-field-message-color:rgb(var(--tone-neutral-03));--mds-input-field-message-background:transparent;gap:0.5rem;color:rgb(var(--tone-neutral-02));display:grid}.message-window{gap:0.5rem;border-radius:0.75rem;padding:0rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-input-field-message-background);color:var(--mds-input-field-message-color);display:grid;-webkit-transition-property:background-color, color;transition-property:background-color, color}.message-window--opened{padding:0.5rem}.message{padding-left:0.5rem;padding-right:0.5rem;padding-bottom:0.5rem;padding-top:0.25rem}:host([variant="info"]){--mds-input-field-message-color:rgb(var(--status-info-02));--mds-input-field-message-background:rgb(var(--status-info-09))}:host([variant="success"]){--mds-input-field-message-color:rgb(var(--status-success-02));--mds-input-field-message-background:rgb(var(--status-success-09))}:host([variant="warning"]){--mds-input-field-message-color:rgb(var(--status-warning-02));--mds-input-field-message-background:rgb(var(--status-warning-09))}:host([variant="error"]){--mds-input-field-message-color:rgb(var(--status-error-02));--mds-input-field-message-background:rgb(var(--status-error-09))}';var MdsInputFieldStyle0=mdsInputFieldCss;var MdsInputField=function(){function t(t){var n=this;registerInstance(this,t);this.changeEvent=createEvent(this,"mdsInputFieldChange",7);this.keyDownEvent=createEvent(this,"mdsInputFieldKeydown",7);this.blurEvent=createEvent(this,"mdsInputFieldBlur",7);this.focusEvent=createEvent(this,"mdsInputFieldFocus",7);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.isValidInput=true;this.onInput=function(t){var e=t.target;if(e){n.value=e.value;n.internals.setFormValue(n.value)}n.keyDownEvent.emit(t)};this.onBlur=function(){n.hasFocus=false;n.blurEvent.emit();n.isValidInput=n.validateInput();n.variant=n.isValidInput?"success":"error";if(n.inputValidation.validator.errors){n.message=Object.entries(n.inputValidation.validator.errors).map((function(t){return t[1]})).join("\n")}else{n.message=undefined}};this.onFocus=function(t){var e=t.target;n.hasFocus=true;n.focusEvent.emit();if(n.readonly){setTimeout((function(){e.select()}),10)}};this.hasFocus=false;this.autocomplete="off";this.autofocus=false;this.await=false;this.controlsLayout="vertical";this.controlsIcon="arrow";this.disabled=false;this.icon=undefined;this.max=undefined;this.maxlength=undefined;this.min=undefined;this.minlength=undefined;this.name=undefined;this.pattern=undefined;this.placeholder="";this.readonly=false;this.required=false;this.step=undefined;this.type="text";this.typography="detail";this.value="";this.label=undefined;this.message=undefined;this.variant=undefined;this.tip=undefined}t.prototype.componentWillLoad=function(){if(this.el.hasAttribute("tabindex")){var t=this.el.getAttribute("tabindex");this.tabindex=t!==null?parseInt(t):undefined;this.el.removeAttribute("tabindex")}this.inputValidation=createInputValidationManager(this.type)};t.prototype.componentDidLoad=function(){var t,n,e,i;this.nativeInput=(e=(n=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("mds-input"))===null||n===void 0?void 0:n.shadowRoot)===null||e===void 0?void 0:e.querySelector("input");(i=this.nativeInput)===null||i===void 0?void 0:i.setAttribute("pattern",String(this.inputValidation.pattern))};t.prototype.valueChanged=function(){this.changeEvent.emit({value:this.value});this.internals.setFormValue(this.value)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.addValidator=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.inputValidation.validator.addValidator(t);return[2,Promise.resolve()]}))}))};t.prototype.removeValidator=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.inputValidation.validator.removeValidator(t);return[2]}))}))};t.prototype.getErrors=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,Promise.resolve(this.inputValidation.validator.errors)]}))}))};t.prototype.validateInput=function(){return this.inputValidation.isValid(this.value)};t.prototype.render=function(){return h(Host,{key:"db5b1e0a4e149d9f32644f0d319c91ede6154508"},this.label&&h("mds-text",{key:"35e32691561662a7b7218c435adb709cac4b6169",class:"label",typography:"label"},this.label),h("div",{key:"69e644c0d945b87ecae0f529fa322523292c72f9",class:clsx("message-window",this.variant&&this.message&&"message-window--opened")},h("mds-input",{key:"c8f9c545b595311edfea7571bb896a7e80401af8",autocomplete:this.autocomplete,autofocus:this.autofocus,await:this.await,class:clsx("input",this.isValidInput?"input-valid":"input-invalid"),controlsLayout:this.controlsLayout,controlsIcon:this.controlsIcon,disabled:this.disabled,icon:this.icon,id:"field",max:this.max,maxlength:this.maxlength,min:this.min,minlength:this.minlength,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,pattern:this.pattern,placeholder:this.placeholder,readonly:this.readonly,required:this.required,typography:this.typography,variant:this.variant,tip:this.tip,step:this.step,tabIndex:this.tabindex,type:this.type,value:this.value}),this.message&&h("mds-text",{key:"37b8805d9b7abe1c644a66e49abc391ab97141e9",class:"message",typography:"caption"},this.message)))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return t}();MdsInputField.style=MdsInputFieldStyle0;export{MdsInputField as mds_input_field};
+var __awaiter=this&&this.__awaiter||function(t,n,i,e){function r(t){return t instanceof i?t:new i((function(n){n(t)}))}return new(i||(i=Promise))((function(i,s){function a(t){try{o(e.next(t))}catch(t){s(t)}}function u(t){try{o(e["throw"](t))}catch(t){s(t)}}function o(t){t.done?i(t.value):r(t.value).then(a,u)}o((e=e.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},e,r,s,a;return a={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function u(t){return function(n){return o([t,n])}}function o(u){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,u[0]&&(i=0)),i)try{if(e=1,r&&(s=u[0]&2?r["return"]:u[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,u[1])).done)return s;if(r=0,s)u=[u[0]&2,s.value];switch(u[0]){case 0:case 1:s=u;break;case 4:i.label++;return{value:u[1],done:false};case 5:i.label++;r=u[1];u=[0];continue;case 7:u=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(u[0]===6||u[0]===2)){i=0;continue}if(u[0]===3&&(!s||u[1]>s[0]&&u[1]<s[3])){i.label=u[1];break}if(u[0]===6&&i.label<s[1]){i.label=s[1];s=u;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(u);break}if(s[2])i.ops.pop();i.trys.pop();continue}u=n.call(t,i)}catch(t){u=[6,t];r=0}finally{e=s=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-44fd80a1.js";import{c as clsx}from"./clsx-297c1ffe.js";var NullValidator=function(){return null};var isbnValidatorFn=function(t){if(Number.isNaN(t.slice(0,-1))||t.length!==10&&t.length!==13)return{"isbn-error":"formato isbn non correto"};var n=t.split("").map((function(t){return t==="X"?10:Number(t)}));var i=0;if(t.length===10){var e=n.reduce((function(t,n,i){return t+(10-i)*n}),0);i=e%11}else{var e=n.reduce((function(t,n,i){var e=i%2===0?1:3;return t+n*e}),0);i=e%10}return i===0?null:{"isbn-error":"codice isbn non valido"}};var Validator=function(){function t(){this._validators=[];this._errors=null;this.isValid=true}t.prototype.addValidator=function(t){var n;if(Array.isArray(t)){(n=this._validators).push.apply(n,t)}else{this._validators.push(t)}};t.prototype._hasValidator=function(t,n){return Array.isArray(t)?t.includes(n):t===n};t.prototype.hasValidator=function(t){return this._hasValidator(this._validators,t)};t.prototype.removeValidator=function(t){var n=this;this._validators=this._validators.filter((function(i){return!n._hasValidator(t,i)}))};t.prototype.validate=function(t){if(t.length===0){this._errors=null;this.isValid=true;return}var n=this._validators.map((function(n){return n(t)})).reduce((function(t,n){return Object.assign(Object.assign({},t),n)}),NullValidator);this._errors=Object.keys(n).length===0?null:n;this.isValid=!this._errors};Object.defineProperty(t.prototype,"errors",{get:function(){return this._errors},enumerable:false,configurable:true});return t}();var InputMaskPattern=function(){function t(){}return t}();InputMaskPattern.CF_Regex=/^(?:[A-Z][AEIOU][AEIOUX]|[AEIOU]X{2}|[B-DF-HJ-NP-TV-Z]{2}[A-Z]){2}(?:[\dLMNP-V]{2}(?:[A-EHLMPR-T](?:[04LQ][1-9MNP-V]|[15MR][\dLMNP-V]|[26NS][0-8LMNP-U])|[DHPS][37PT][0L]|[ACELMRT][37PT][01LM]|[AC-EHLMPR-T][26NS][9V])|(?:[02468LNQSU][048LQU]|[13579MPRTV][26NS])B[26NS][9V])(?:[A-MZ][1-9MNP-V][\dLMNP-V]{2}|[A-M][0L](?:[1-9MNP-V][\dLMNP-V]|[0L][1-9MNP-V]))[A-Z]$/i;InputMaskPattern.CF_MASK="A{6}(99|AA)A(99|AA)A(999|AAA)A";InputMaskPattern.CC_MASK="9999-9999-9999-9999";var InputValidationManager=function(){function t(t){this.validator=new Validator;this.pattern=t}t.prototype.mask=function(t){if(!this.pattern){throw new Error("no pattern found, set pattern before mask")}};t.prototype.isValid=function(t){this.validator.validate(t);return this.validator.isValid};return t}();function createInputValidationManager(t){var n;switch(t){case"tel":n=new InputValidationManager("");break;case"url":n=new InputValidationManager("");break;case"cc":n=new InputValidationManager(InputMaskPattern.CC_MASK);break;case"cf":n=new InputValidationManager(InputMaskPattern.CF_MASK);n.validator.addValidator((function(t){return InputMaskPattern.CF_Regex.test(t)?null:{"cf-regex":"Codice fiscale inserito non corretto"}}));n.validator.addValidator((function(t){return t.length===16?null:{"cf-length":"Codice fiscale deve essere lungo 16 caratteri"}}));break;case"isbn":n=new InputValidationManager;n.validator.addValidator(isbnValidatorFn);break;case"piva":n=new InputValidationManager("");break;default:n=new InputValidationManager("")}return n}var mdsInputFieldCss='@tailwind utilities; :host{--mds-input-field-message-color:rgb(var(--tone-neutral-03));--mds-input-field-message-background:transparent;gap:0.5rem;color:rgb(var(--tone-neutral-02));display:grid}.message-window{gap:0.5rem;border-radius:0.75rem;padding:0rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--mds-input-field-message-background);color:var(--mds-input-field-message-color);display:grid;-webkit-transition-property:background-color, color;transition-property:background-color, color}.message-window--opened{padding:0.5rem}.message{padding-left:0.5rem;padding-right:0.5rem;padding-bottom:0.5rem;padding-top:0.25rem}:host([variant="info"]){--mds-input-field-message-color:rgb(var(--status-info-02));--mds-input-field-message-background:rgb(var(--status-info-09))}:host([variant="success"]){--mds-input-field-message-color:rgb(var(--status-success-02));--mds-input-field-message-background:rgb(var(--status-success-09))}:host([variant="warning"]){--mds-input-field-message-color:rgb(var(--status-warning-02));--mds-input-field-message-background:rgb(var(--status-warning-09))}:host([variant="error"]){--mds-input-field-message-color:rgb(var(--status-error-02));--mds-input-field-message-background:rgb(var(--status-error-09))}';var MdsInputFieldStyle0=mdsInputFieldCss;var MdsInputField=function(){function t(t){var n=this;registerInstance(this,t);this.changeEvent=createEvent(this,"mdsInputFieldChange",7);this.keyDownEvent=createEvent(this,"mdsInputFieldKeydown",7);this.blurEvent=createEvent(this,"mdsInputFieldBlur",7);this.focusEvent=createEvent(this,"mdsInputFieldFocus",7);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.isValidInput=true;this.onInput=function(t){var i=t.target;if(i){n.value=i.value;n.internals.setFormValue(n.value)}n.keyDownEvent.emit(t)};this.onBlur=function(){n.hasFocus=false;n.blurEvent.emit();n.isValidInput=n.validateInput();n.variant=n.isValidInput?"success":"error";if(n.inputValidation.validator.errors){n.message=Object.entries(n.inputValidation.validator.errors).map((function(t){return t[1]})).join("\n")}else{n.message=undefined}};this.onFocus=function(t){var i=t.target;n.hasFocus=true;n.focusEvent.emit();if(n.readonly){setTimeout((function(){i.select()}),10)}};this.hasFocus=false;this.autocomplete="off";this.autofocus=false;this.await=false;this.controlsLayout="vertical";this.controlsIcon="arrow";this.disabled=false;this.icon=undefined;this.max=undefined;this.maxlength=undefined;this.min=undefined;this.minlength=undefined;this.name=undefined;this.pattern=undefined;this.placeholder="";this.readonly=false;this.required=false;this.step=undefined;this.type="text";this.typography="detail";this.value="";this.label=undefined;this.message=undefined;this.variant=undefined;this.tip=undefined}t.prototype.componentWillLoad=function(){if(this.el.hasAttribute("tabindex")){var t=this.el.getAttribute("tabindex");this.tabindex=t!==null?parseInt(t):undefined;this.el.removeAttribute("tabindex")}this.inputValidation=createInputValidationManager(this.type)};t.prototype.componentDidLoad=function(){var t,n,i,e;this.nativeInput=(i=(n=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("mds-input"))===null||n===void 0?void 0:n.shadowRoot)===null||i===void 0?void 0:i.querySelector("input");(e=this.nativeInput)===null||e===void 0?void 0:e.setAttribute("pattern",String(this.inputValidation.pattern))};t.prototype.valueChanged=function(){this.changeEvent.emit({value:this.value});this.internals.setFormValue(this.value)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.addValidator=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.inputValidation.validator.addValidator(t);return[2,Promise.resolve()]}))}))};t.prototype.removeValidator=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.inputValidation.validator.removeValidator(t);return[2]}))}))};t.prototype.getErrors=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,Promise.resolve(this.inputValidation.validator.errors)]}))}))};t.prototype.validateInput=function(){return this.inputValidation.isValid(this.value)};t.prototype.render=function(){return h(Host,{key:"4ac545ba6d87644a4104ae62f46f6eb15b3f93e7"},this.label&&h("mds-text",{key:"df7dba982c349670445324c8f3213b4dccfb5087",class:"label",typography:"label"},this.label),h("div",{key:"4a21301b0f233c53a61ba9e6fb4f1858c99a4af5",class:clsx("message-window",this.variant&&this.message&&"message-window--opened")},h("mds-input",{key:"9b3274442d3798c8d818e87bb02cc9b7853e6b5f",autocomplete:this.autocomplete,autofocus:this.autofocus,await:this.await,class:clsx("input",this.isValidInput?"input-valid":"input-invalid"),controlsLayout:this.controlsLayout,controlsIcon:this.controlsIcon,disabled:this.disabled,icon:this.icon,id:"field",max:this.max,maxlength:this.maxlength,min:this.min,minlength:this.minlength,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,pattern:this.pattern,placeholder:this.placeholder,readonly:this.readonly,required:this.required,typography:this.typography,variant:this.variant,tip:this.tip,step:this.step,tabIndex:this.tabindex,type:this.type,value:this.value}),this.message&&h("mds-text",{key:"021dcc9f0d404847f6b81831ab1393704907545d",class:"message",typography:"caption"},this.message)))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return t}();MdsInputField.style=MdsInputFieldStyle0;export{MdsInputField as mds_input_field};

package/dist/esm-es5/mds-input-range.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f08bac5f.js";var mdsInputRangeCss="@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-input-range-thumb-size: Sets the thumb width and height of the component\n * @prop --mds-input-range-thumb-background:\n * @prop --mds-input-range-track-background:\n * @prop --mds-input-range-track-size:\n * @prop --mds-input-range-track-progress-background:\n */\n\n:host {\n\n  --mds-input-range-thumb-size: 1rem;\n  --mds-input-range-thumb-background: rgb(var(--brand-maggioli-04));\n  --mds-input-range-thumb-shadow: 0 0 0 2px rgb(var(--tone-neutral));\n  --mds-input-range-track-background: rgb(var(--tone-neutral-09));\n  --mds-input-range-track-size: 0.5rem;\n  --mds-input-range-track-progress-background: rgb(var(--brand-maggioli-03));\n  gap: 0.25rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n\n  display: grid;\n  -webkit-transition-property: color;\n  transition-property: color;\n}\n\n.header {\n  gap: 0.5rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n.label {\n  min-width: 0rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.value {\n  margin-left: auto;\n}\n\n.range {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-input-range-thumb-size);\n  position: relative;\n}\n\n.track {\n  width: 100%;\n\n  --margin: calc(var(--mds-input-range-track-size) / 2);\n\n  -webkit-box-sizing: border-box;\n\n  box-sizing: border-box;\n  padding: 0 var(--margin);\n  position: absolute;\n}\n\n.field {\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n  }\n\n.field:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.field {\n  z-index: 20;\n  height: 1rem;\n\n  -webkit-appearance: none;\n\n     -moz-appearance: none;\n\n          appearance: none;\n  background-color: transparent;\n  border-radius: 1000px;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  margin: 0;\n}\n\n.field:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.field::-webkit-slider-thumb {\n  -webkit-appearance: none;\n          appearance: none;\n  background-color: var(--mds-input-range-thumb-background);\n  border: 0;\n  border-radius: var(--mds-input-range-thumb-size);\n  -webkit-box-shadow: var(--mds-input-range-thumb-shadow);\n  box-shadow: var(--mds-input-range-thumb-shadow);\n  cursor: -webkit-grab;\n  cursor: grab;\n  height: var(--mds-input-range-thumb-size);\n  line-height: 0;\n  -webkit-transform: translate(0, -50%);\n  transform: translate(0, -50%);\n  width: var(--mds-input-range-thumb-size);\n}\n\n.field::-webkit-slider-runnable-track {\n  -webkit-appearance: none;\n          appearance: none;\n  border: 0;\n  height: 0;\n  width: 100%;\n}\n\n.track-progress {\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-input-range-track-progress-background);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-input-range-track-size);\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n}\n\n.track-total {\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-input-range-track-background);\n  border-radius: var(--mds-input-range-track-size);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-input-range-track-size);\n  overflow: hidden;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  width: 100%;\n}\n\n.contrast-area {\n  margin-left: 0.25rem;\n  margin-right: 0.25rem;\n\n  border-radius: var(--mds-input-range-track-size);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .field::-webkit-slider-thumb,\n  .field::-webkit-slider-runnable-track,\n  .track-progress,\n  .track-total {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .field::-webkit-slider-thumb,\n    .field::-webkit-slider-runnable-track,\n    .track-progress,\n    .track-total {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-input-range-thumb-background: rgb(var(--brand-maggioli-04));\n    --mds-input-range-track-background: rgb(var(--tone-neutral-07));\n    --mds-input-range-track-progress-background: rgb(var(--brand-maggioli-05));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-input-range-thumb-background: rgb(var(--brand-maggioli-04));\n      --mds-input-range-track-background: rgb(var(--tone-neutral-07));\n      --mds-input-range-track-progress-background: rgb(var(--brand-maggioli-05));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n      color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n\n";var MdsInputRangeStyle0=mdsInputRangeCss;var MdsInputRange=function(){function n(n){var t=this;registerInstance(this,n);this.changeEvent=createEvent(this,"mdsInputRangeChange",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.onInput=function(){t.value=parseInt(t.inputElement.value)};this.progress=undefined;this.max=100;this.min=0;this.step=1;this.value=undefined}n.prototype.calculateProgress=function(){var n=parseInt(this.inputElement.value);if(n>this.max)n=this.max;else if(n<this.min)n=this.min;if((n-this.min)%this.step!==0)n=Math.round(n/this.step)*this.step-this.min;this.value=n;this.internals.setFormValue(this.value.toString());var t=this.max-this.min;var e=this.value-this.min;this.progress=e*100/t};n.prototype.valueChanged=function(){this.inputElement.value=this.value.toString();this.calculateProgress();this.changeEvent.emit(this.value)};n.prototype.minChanged=function(){this.calculateProgress()};n.prototype.maxChanged=function(){this.calculateProgress()};n.prototype.stepChanged=function(){if(this.step<1)throw Error("step cant be negative or zero");this.calculateProgress()};n.prototype.componentDidLoad=function(){var n;this.inputElement=(n=this.element.shadowRoot)===null||n===void 0?void 0:n.querySelector(".field");this.value=parseInt(this.inputElement.value);this.calculateProgress()};n.prototype.render=function(){return h(Host,{key:"9c8324dfe76033ae1451587cd50793e7ceacc284"},h("header",{key:"69f40e9bec14e0e1d119f90c55a625b905266aa1",class:"header",part:"header"},h("mds-text",{key:"08b0175db859f964c1a13a47335375f70edaf353",class:"label",typography:"label"},h("slot",{key:"4b3c07572221ead50e00cc788c3ab55b338c15c0"})),h("mds-text",{key:"82f212eac1211e8b5fe2605f35ad7652d63b61ea",class:"value",typography:"label"},this.value)),h("div",{key:"5f55fa2197a934b8feb0dc539c966c054a824558",class:"range"},h("div",{key:"5fd94d96b3b43c88d22bd2636f34bafb21b41bd1",class:"track"},h("div",{key:"2364fb6dcbe24ec0b23588af1f308e90fe23addc",class:"contrast-area"}),h("div",{key:"688bb44d42d7946f0c6d2e846f9514df9df4a49d",class:"track-total"},h("div",{key:"05d431cf526193667f88b74c3349e910076f2849",class:"track-progress",style:{width:"".concat(this.progress,"%")}}))),h("input",{key:"edc77c0c0b8bafbe3aafae85d8bcf6f1a682f1d4",class:"field",max:this.max,min:this.min,onInput:this.onInput,step:this.step,type:"range",value:this.value})))};Object.defineProperty(n,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{value:["valueChanged"],min:["minChanged"],max:["maxChanged"],step:["stepChanged"]}},enumerable:false,configurable:true});return n}();MdsInputRange.style=MdsInputRangeStyle0;export{MdsInputRange as mds_input_range};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-44fd80a1.js";var mdsInputRangeCss="@-webkit-keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@keyframes focus-bounce {\n  0%, 75%, 100% {\n    outline-offset: var(--magma-outline-focus-offset, 6px);\n  }\n\n  50% {\n    outline-offset: var(--magma-outline-blur-offset, 2px);\n  }\n}\n\n@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-input-range-thumb-size: Sets the thumb width and height of the component\n * @prop --mds-input-range-thumb-background:\n * @prop --mds-input-range-track-background:\n * @prop --mds-input-range-track-size:\n * @prop --mds-input-range-track-progress-background:\n */\n\n:host {\n\n  --mds-input-range-thumb-size: 1rem;\n  --mds-input-range-thumb-background: rgb(var(--variant-primary-04));\n  --mds-input-range-thumb-shadow: 0 0 0 2px rgb(var(--tone-neutral));\n  --mds-input-range-track-background: rgb(var(--tone-neutral-09));\n  --mds-input-range-track-size: 0.5rem;\n  --mds-input-range-track-progress-background: rgb(var(--variant-primary-03));\n  gap: 0.25rem;\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n\n  display: grid;\n  -webkit-transition-property: color;\n  transition-property: color;\n}\n\n.header {\n  gap: 0.5rem;\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n.label {\n  min-width: 0rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.value {\n  margin-left: auto;\n}\n\n.range {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-input-range-thumb-size);\n  position: relative;\n}\n\n.track {\n  width: 100%;\n\n  --margin: calc(var(--mds-input-range-track-size) / 2);\n\n  -webkit-box-sizing: border-box;\n\n  box-sizing: border-box;\n  padding: 0 var(--margin);\n  position: absolute;\n}\n\n.field {\n    -webkit-animation-duration: var(--magma-outline-animation-duration, 1s);\n    animation-duration: var(--magma-outline-animation-duration, 1s);\n    -webkit-animation-fill-mode: forwards;\n    animation-fill-mode: forwards;\n    -webkit-animation-iteration-count: infinite;\n    animation-iteration-count: infinite;\n    -webkit-animation-name: focus-bounce;\n    animation-name: focus-bounce;\n    -webkit-animation-play-state: paused;\n    animation-play-state: paused;\n    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    outline: var(--magma-outline-blur);\n    -webkit-transition-duration: 200ms;\n    transition-duration: 200ms;\n    -webkit-transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;\n    -webkit-transition-timing-function: ease-in-out;\n    transition-timing-function: ease-in-out;\n  }\n\n.field:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.field {\n  z-index: 20;\n  height: 1rem;\n\n  -webkit-appearance: none;\n\n     -moz-appearance: none;\n\n          appearance: none;\n  background-color: transparent;\n  border-radius: 1000px;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  margin: 0;\n}\n\n.field:focus-visible {\n\n    --magma-outline-blur: var(--magma-outline-focus);\n\n    -webkit-animation-play-state: running;\n\n    animation-play-state: running;\n  }\n\n.field::-webkit-slider-thumb {\n  -webkit-appearance: none;\n          appearance: none;\n  background-color: var(--mds-input-range-thumb-background);\n  border: 0;\n  border-radius: var(--mds-input-range-thumb-size);\n  -webkit-box-shadow: var(--mds-input-range-thumb-shadow);\n  box-shadow: var(--mds-input-range-thumb-shadow);\n  cursor: -webkit-grab;\n  cursor: grab;\n  height: var(--mds-input-range-thumb-size);\n  line-height: 0;\n  -webkit-transform: translate(0, -50%);\n  transform: translate(0, -50%);\n  width: var(--mds-input-range-thumb-size);\n}\n\n.field::-webkit-slider-runnable-track {\n  -webkit-appearance: none;\n          appearance: none;\n  border: 0;\n  height: 0;\n  width: 100%;\n}\n\n.track-progress {\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-input-range-track-progress-background);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-input-range-track-size);\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n}\n\n.track-total {\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-input-range-track-background);\n  border-radius: var(--mds-input-range-track-size);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-input-range-track-size);\n  overflow: hidden;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  width: 100%;\n}\n\n.contrast-area {\n  margin-left: 0.25rem;\n  margin-right: 0.25rem;\n\n  border-radius: var(--mds-input-range-track-size);\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .field::-webkit-slider-thumb,\n  .field::-webkit-slider-runnable-track,\n  .track-progress,\n  .track-total {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .field::-webkit-slider-thumb,\n    .field::-webkit-slider-runnable-track,\n    .track-progress,\n    .track-total {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-input-range-thumb-background: rgb(var(--variant-primary-04));\n    --mds-input-range-track-background: rgb(var(--tone-neutral-07));\n    --mds-input-range-track-progress-background: rgb(var(--variant-primary-05));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-input-range-thumb-background: rgb(var(--variant-primary-04));\n      --mds-input-range-track-background: rgb(var(--tone-neutral-07));\n      --mds-input-range-track-progress-background: rgb(var(--variant-primary-05));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n    color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n      color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n\n";var MdsInputRangeStyle0=mdsInputRangeCss;var MdsInputRange=function(){function n(n){var t=this;registerInstance(this,n);this.changeEvent=createEvent(this,"mdsInputRangeChange",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.onInput=function(){t.value=parseInt(t.inputElement.value)};this.progress=undefined;this.max=100;this.min=0;this.step=1;this.value=undefined}n.prototype.calculateProgress=function(){var n=parseInt(this.inputElement.value);if(n>this.max)n=this.max;else if(n<this.min)n=this.min;if((n-this.min)%this.step!==0)n=Math.round(n/this.step)*this.step-this.min;this.value=n;this.internals.setFormValue(this.value.toString());var t=this.max-this.min;var a=this.value-this.min;this.progress=a*100/t};n.prototype.valueChanged=function(){this.inputElement.value=this.value.toString();this.calculateProgress();this.changeEvent.emit(this.value)};n.prototype.minChanged=function(){this.calculateProgress()};n.prototype.maxChanged=function(){this.calculateProgress()};n.prototype.stepChanged=function(){if(this.step<1)throw Error("step cant be negative or zero");this.calculateProgress()};n.prototype.componentDidLoad=function(){var n,t;this.label=(n=this.element.textContent)!==null&&n!==void 0?n:"";this.inputElement=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".field");this.value=parseInt(this.inputElement.value);this.calculateProgress()};n.prototype.render=function(){return h(Host,{key:"c92ab8563410461213ec304d48633fa05aa2a914"},h("header",{key:"761ee2fd85bd78beaead463ac24aa356e23359eb",class:"header",part:"header"},h("mds-text",{key:"3917734e52ba2f28cb0182870945f5a25c384189",class:"label",typography:"label"},h("slot",{key:"7295908985059db99d628e6d8414d5304874e0e8"})),h("mds-text",{key:"0d39a81709459e0478dfa2812cc861bfaf072c46",class:"value",typography:"label"},this.value)),h("div",{key:"a459a88c212591bff0d8e93793db770141c09a50",class:"range"},h("div",{key:"165870361567832a29263f4d5b86bfb6aa5a2123",class:"track"},h("div",{key:"abd1017e7a33fe82398d77d28d8f56bb4459bde7",class:"contrast-area"}),h("div",{key:"22475d8687c090f2f403bbf8e3726b08982a84af",class:"track-total"},h("div",{key:"151b6e11544724e3d95347046629499738090e1c",class:"track-progress",style:{width:"".concat(this.progress,"%")}}))),h("input",{key:"b1f06f7712d1b682c2bfee7417eb27bc520da234",class:"field","aria-label":this.label,max:this.max,min:this.min,onInput:this.onInput,step:this.step,type:"range",value:this.value})))};Object.defineProperty(n,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{value:["valueChanged"],min:["minChanged"],max:["maxChanged"],step:["stepChanged"]}},enumerable:false,configurable:true});return n}();MdsInputRange.style=MdsInputRangeStyle0;export{MdsInputRange as mds_input_range};

package/dist/esm-es5/mds-input-select.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f08bac5f.js";import{c as clsx}from"./clsx-297c1ffe.js";import{m as miBaselineArrowDown}from"./keyboard-arrow-down-fa82970e.js";var mdsInputSelectCss='@tailwind components;\n@tailwind utilities;\n\n\n:host{\n\n  min-height: 1.5rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n\n  --mds-input-select-variant-color: var(--tone-neutral-01);\n  --mds-input-select-ring: 0 0 0 1px rgb(var(--mds-input-select-variant-color) / 0.1);\n  --mds-input-select-shadow: 0 1px 3px 0 rgb(var(--mds-input-select-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-select-variant-color) / 0.06);\n  --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-blur-background-color);\n  --mds-input-select-arrow-icon-blur-background-color: transparent;\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color) / 0.5);\n  --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-blur-color);\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--mds-input-select-variant-color) / 0.5);\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--mds-input-select-variant-color));\n\n  color: rgb(var(--tone-neutral-02));\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n}\n\n:host([required]:not([required="false"]):focus-within) .icon {\n  -webkit-transform: translate(0.375rem, 0.375rem);\n  transform: translate(0.375rem, 0.375rem);\n}\n\n:host(:hover),\n:host(:focus-within) {\n\n  --mds-input-select-variant-color: var(--brand-maggioli-03);\n  --mds-input-select-ring: 0 0 0 3px rgb(var(--mds-input-select-variant-color) / 1);\n  --mds-input-select-shadow: 0 4px 6px -1px rgb(var(--mds-input-select-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-select-variant-color) / 0.06);\n  --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-hover-background-color);\n  --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-hover-color);\n}\n\n.input{\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n\n  margin: 0rem;\n\n  min-height: 3rem;\n\n  width: 100%;\n\n  border-radius: 0.5rem;\n\n  padding-top: 0.75rem;\n\n  padding-bottom: 0.75rem;\n\n  padding-left: 1rem;\n\n  padding-right: 3rem;\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  -webkit-appearance: none;\n\n     -moz-appearance: none;\n\n          appearance: none;\n  background-color: rgb(var(--tone-neutral));\n  border: 0;\n  -webkit-box-shadow: var(--mds-input-select-ring), var(--mds-input-select-shadow);\n  box-shadow: var(--mds-input-select-ring), var(--mds-input-select-shadow);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  color: rgb(var(--tone-neutral-05));\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-transition-property: background-color, border-color, color, fill, -webkit-box-shadow;\n  transition-property: background-color, border-color, color, fill, -webkit-box-shadow;\n  transition-property: background-color, border-color, box-shadow, color, fill;\n  transition-property: background-color, border-color, box-shadow, color, fill, -webkit-box-shadow;\n}\n\n.input:hover,\n.input:focus{\n\n  outline: 2px solid transparent;\n\n  outline-offset: 2px;\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  color: rgb(var(--tone-neutral-03));\n}\n\n:host([value]:not([value=""])) .input {\n  color: rgb(var(--tone-neutral-03));\n}\n\n.input--mds-input-select-selected {\n  color: rgb(var(--tone-neutral-02));\n}\n\n.input:disabled {\n  background-color: rgb(var(--tone-neutral-09));\n  opacity: 1;\n}\n\n:host([disabled]:not([disabled="false"])) {\n  pointer-events: none;\n}\n\n:host([disabled]:not([disabled="false"])) .input {\n  pointer-events: none;\n}\n\n:host([disabled]:not([disabled="false"])) .icon {\n  fill: rgb(var(--tone-neutral-06));\n  -webkit-transform: translate(0.625rem, 0.5rem);\n  transform: translate(0.625rem, 0.5rem);\n}\n\n.icon-container{\n\n  right: 1rem;\n\n  height: 3rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  color: inherit;\n  display: -ms-flexbox;\n  display: flex;\n  pointer-events: none;\n  position: absolute;\n}\n\n.icon{\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n.icon svg{\n\n  aspect-ratio: 1/1;\n\n  height: 100%;\n\n  width: 100%;\n}\n\n.icon{\n\n  border-radius: 9999px;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  background-color: var(--mds-input-select-arrow-icon-background-color, rgb(var(--brand-maggioli-09)));\n  fill: var(--mds-input-select-arrow-icon-color, rgb(var(--brand-maggioli-04)));\n  -webkit-transition-property: background-color, fill;\n  transition-property: background-color, fill;\n}\n\n.option-container {\n  display: none;\n}\n\n@container (max-width: 210px) {\n  :host .tip__content,\n  :host(:focus-within) .tip__content {\n    grid-template-columns: 0fr;\n    opacity: 0;\n  }\n\n  :host .tip {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  :host {\n\n    --mds-input-select-background: rgb(var(--brand-maggioli-07));\n  }\n}\n\n@tailwind utilities;\n\n:host {\n\n  --mds-input-select-icon-color: var(--brand-maggioli-03);\n  --mds-input-select-variant-color: 0 0 0;\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--brand-maggioli-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--brand-maggioli-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--brand-maggioli-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--brand-maggioli-04));\n}\n\n:host( :hover ),\n:host( :focus-within ) {\n\n  --mds-input-select-variant-color: var(--brand-maggioli-04);\n}\n\n:host( [variant="info"] ) {\n\n  --mds-input-select-icon-color: var(--status-info-05);\n  --mds-input-select-tip-background: var(--status-info-05);\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-info-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-info-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--status-info-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--status-info-04));\n  --mds-input-select-variant-color: 0 0 0;\n}\n\n:host( [variant="info"]:hover ),\n:host( [variant="info"]:focus-within ) {\n\n  --mds-input-select-icon-color: var(--status-info-04);\n  --mds-input-select-variant-color: var(--status-info-05);\n}\n\n:host( [variant="success"] ) {\n\n  --mds-input-select-icon-color: var(--status-success-05);\n  --mds-input-select-tip-background: var(--status-success-05);\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-success-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-success-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--status-success-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--status-success-04));\n  --mds-input-select-variant-color: 0 0 0;\n}\n\n:host( [variant="success"]:hover ),\n:host( [variant="success"]:focus-within ) {\n\n  --mds-input-select-icon-color: var(--status-success-04);\n  --mds-input-select-variant-color: var(--status-success-05);\n}\n\n:host( [variant="warning"] ) {\n\n  --mds-input-select-icon-color: var(--status-warning-05);\n  --mds-input-select-tip-background: var(--status-warning-05);\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-warning-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-warning-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--status-warning-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--status-warning-04));\n  --mds-input-select-variant-color: 0 0 0;\n}\n\n:host( [variant="warning"]:hover ),\n:host( [variant="warning"]:focus-within ) {\n\n  --mds-input-select-icon-color: var(--status-warning-04);\n  --mds-input-select-variant-color: var(--status-warning-05);\n}\n\n:host( [variant="error"] ) {\n\n  --mds-input-select-icon-color: var(--status-error-05);\n  --mds-input-select-tip-background: var(--status-error-05);\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-error-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-error-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--status-error-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--status-error-04));\n  --mds-input-select-variant-color: 0 0 0;\n}\n\n:host( [variant="error"]:hover ),\n:host( [variant="error"]:focus-within ) {\n\n  --mds-input-select-icon-color: var(--status-error-04);\n  --mds-input-select-variant-color: var(--status-error-05);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .input,\n  .input:hover,\n  .input:focus,\n  .icon {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .input,\n    .input:hover,\n    .input:focus,\n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-blur-background-color);\n    --mds-input-select-arrow-icon-blur-background-color: rgb(var(--brand-maggioli-05));\n    --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color));\n    --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-blur-color);\n    --mds-input-select-arrow-icon-hover-background-color: rgb(var(--mds-input-select-variant-color));\n    --mds-input-select-arrow-icon-hover-color: rgb(var(--tone-neutral-10));\n  }\n\n  .input {\n    color: rgb(var(--tone-neutral-03));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n      --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-blur-background-color);\n      --mds-input-select-arrow-icon-blur-background-color: rgb(var(--brand-maggioli-05));\n      --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color));\n      --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-blur-color);\n      --mds-input-select-arrow-icon-hover-background-color: rgb(var(--mds-input-select-variant-color));\n      --mds-input-select-arrow-icon-hover-color: rgb(var(--tone-neutral-10));\n    }\n\n    .input {\n      color: rgb(var(--tone-neutral-03));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n  }\n\n  .input {\n    color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n    }\n\n    .input {\n      color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n\n';var MdsInputSelectStyle0=mdsInputSelectCss;var MdsInputSelect=function(){function n(n){var r=this;registerInstance(this,n);this.changeEvent=createEvent(this,"mdsInputSelectChange",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.onInput=function(n){var t=n.target;if(t){r.value=t.value}};this.onBlur=function(){r.hasFocus=false};this.onFocus=function(){r.hasFocus=true};this.emptyOptions=function(){var n;var t=(n=r.host.shadowRoot)===null||n===void 0?void 0:n.querySelector("select");var o=t===null||t===void 0?void 0:t.querySelectorAll("option");if(!o){return}o.forEach((function(n,t){if(!r.placeholder){n.remove()}if(r.placeholder&&t>0){n.remove()}}))};this.onSlotChangeHandler=function(){var n,t,o;var e=(t=(n=r.host.shadowRoot)===null||n===void 0?void 0:n.querySelectorAll("slot")[0])===null||t===void 0?void 0:t.assignedNodes();var i=(o=r.host.shadowRoot)===null||o===void 0?void 0:o.querySelector("select");var s=i===null||i===void 0?void 0:i.querySelectorAll("option");if(!s){return}if(!r.placeholder&&s.length>0){r.emptyOptions()}if(r.placeholder&&s.length>1){r.emptyOptions()}e===null||e===void 0?void 0:e.forEach((function(n){i===null||i===void 0?void 0:i.appendChild(n.cloneNode(true))}));if(r.value){i===null||i===void 0?void 0:i.querySelectorAll("option").forEach((function(n){n.selected=n.value===r.value}))}else if(!r.placeholder){r.value=i===null||i===void 0?void 0:i.querySelectorAll("option")[0].value}};this.selected=undefined;this.hasFocus=false;this.autocomplete=undefined;this.autoFocus=undefined;this.placeholder=undefined;this.name=undefined;this.disabled=false;this.required=false;this.multiple=false;this.size=0;this.value="";this.variant=undefined}n.prototype.valueChanged=function(){var n;this.selected=this.value!=="";this.changeEvent.emit({value:this.value});this.internals.setFormValue((n=this.value)!==null&&n!==void 0?n:null)};n.prototype.componentDidLoad=function(){if(this.value){this.selected=true;this.internals.setFormValue(this.value)}};n.prototype.render=function(){return h(Host,{key:"6de32fabaad2ade098b2eb2b518c7679c4cdf986"},h("select",{key:"5b024f08aaa0a61afd088e6d33144d05aa920ed4",class:clsx("input",this.selected&&"input--selected"),onInput:this.onInput.bind(this),onBlur:this.onBlur,onFocus:this.onFocus,name:this.name,required:this.required,disabled:this.disabled,multiple:this.multiple,size:this.size,part:"select"},this.placeholder&&h("option",{key:"0dbfee31bcd9e66faeb1ac6f6060df5aa6534319",value:"",disabled:true,selected:true},this.placeholder)),h("div",{key:"31a79728c16dab94dd0f500f311dd29849b0ba84",class:"icon-container"},h("i",{key:"40c4e77003c6df880931decad9fcfc77c943b119",class:"icon",innerHTML:miBaselineArrowDown})),h("div",{key:"6937fa4072834a9a52f4023ec3dd17ad3f4b473f",class:"option-container"},h("slot",{key:"22b1c2ce6ebbc05c124b9d47fac5f5ba8fcb9e6e",onSlotchange:this.onSlotChangeHandler})),h("mds-input-tip",{key:"469bc58f25c21b93179c4787e98041c973ae4ffe",position:"top",active:this.hasFocus},this.disabled&&h("mds-input-tip-item",{key:"73fdfa42bf8abff88df3ab5f91066df58d663ebe",expanded:true,variant:"disabled"}),this.required&&h("mds-input-tip-item",{key:"c99eb7bdf0efb27f938bb03fb0633c0da67223ca",expanded:this.hasFocus,variant:this.value===""?"required":"required-success"})))};Object.defineProperty(n,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return n}();MdsInputSelect.style=MdsInputSelectStyle0;export{MdsInputSelect as mds_input_select};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-44fd80a1.js";import{c as clsx}from"./clsx-297c1ffe.js";import{m as miBaselineArrowDown}from"./keyboard-arrow-down-fa82970e.js";var mdsInputSelectCss='@tailwind components;\n@tailwind utilities;\n\n\n:host{\n\n  min-height: 1.5rem;\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n\n  --mds-input-select-variant-color: var(--tone-neutral-01);\n  --mds-input-select-ring: 0 0 0 1px rgb(var(--mds-input-select-variant-color) / 0.1);\n  --mds-input-select-shadow: 0 1px 3px 0 rgb(var(--mds-input-select-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-select-variant-color) / 0.06);\n  --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-blur-background-color);\n  --mds-input-select-arrow-icon-blur-background-color: transparent;\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color) / 0.5);\n  --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-blur-color);\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--mds-input-select-variant-color) / 0.5);\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--mds-input-select-variant-color));\n\n  color: rgb(var(--tone-neutral-02));\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n}\n\n:host([required]:not([required="false"]):focus-within) .icon {\n  -webkit-transform: translate(0.375rem, 0.375rem);\n  transform: translate(0.375rem, 0.375rem);\n}\n\n:host(:hover),\n:host(:focus-within) {\n\n  --mds-input-select-variant-color: var(--variant-primary-03);\n  --mds-input-select-ring: 0 0 0 3px rgb(var(--mds-input-select-variant-color) / 1);\n  --mds-input-select-shadow: 0 4px 6px -1px rgb(var(--mds-input-select-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-select-variant-color) / 0.06);\n  --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-hover-background-color);\n  --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-hover-color);\n}\n\n.input{\n\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n\n  font-size: 1rem;\n\n  line-height: 1.5rem;\n\n  -webkit-font-smoothing: antialiased;\n\n  -moz-osx-font-smoothing: grayscale;\n\n  margin: 0rem;\n\n  min-height: 3rem;\n\n  width: 100%;\n\n  border-radius: 0.5rem;\n\n  padding-top: 0.75rem;\n\n  padding-bottom: 0.75rem;\n\n  padding-left: 1rem;\n\n  padding-right: 3rem;\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  -webkit-appearance: none;\n\n     -moz-appearance: none;\n\n          appearance: none;\n  background-color: rgb(var(--tone-neutral));\n  border: 0;\n  -webkit-box-shadow: var(--mds-input-select-ring), var(--mds-input-select-shadow);\n  box-shadow: var(--mds-input-select-ring), var(--mds-input-select-shadow);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  color: rgb(var(--tone-neutral-05));\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-transition-property: background-color, border-color, color, fill, -webkit-box-shadow;\n  transition-property: background-color, border-color, color, fill, -webkit-box-shadow;\n  transition-property: background-color, border-color, box-shadow, color, fill;\n  transition-property: background-color, border-color, box-shadow, color, fill, -webkit-box-shadow;\n}\n\n.input:hover,\n.input:focus{\n\n  outline: 2px solid transparent;\n\n  outline-offset: 2px;\n\n  -webkit-transition-duration: 300ms;\n\n  transition-duration: 300ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  color: rgb(var(--tone-neutral-03));\n}\n\n:host([value]:not([value=""])) .input {\n  color: rgb(var(--tone-neutral-03));\n}\n\n.input--mds-input-select-selected {\n  color: rgb(var(--tone-neutral-02));\n}\n\n.input:disabled {\n  background-color: rgb(var(--tone-neutral-09));\n  opacity: 1;\n}\n\n:host([disabled]:not([disabled="false"])) {\n  pointer-events: none;\n}\n\n:host([disabled]:not([disabled="false"])) .input {\n  pointer-events: none;\n}\n\n:host([disabled]:not([disabled="false"])) .icon {\n  fill: rgb(var(--tone-neutral-06));\n  -webkit-transform: translate(0.625rem, 0.5rem);\n  transform: translate(0.625rem, 0.5rem);\n}\n\n.icon-container{\n\n  right: 1rem;\n\n  height: 3rem;\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  color: inherit;\n  display: -ms-flexbox;\n  display: flex;\n  pointer-events: none;\n  position: absolute;\n}\n\n.icon{\n\n  display: -ms-flexbox;\n\n  display: flex;\n}\n\n.icon svg{\n\n  aspect-ratio: 1/1;\n\n  height: 100%;\n\n  width: 100%;\n}\n\n.icon{\n\n  border-radius: 9999px;\n\n  -webkit-transition-duration: 200ms;\n\n  transition-duration: 200ms;\n\n  background-color: var(--mds-input-select-arrow-icon-background-color, rgb(var(--variant-primary-09)));\n  fill: var(--mds-input-select-arrow-icon-color, rgb(var(--variant-primary-04)));\n  -webkit-transition-property: background-color, fill;\n  transition-property: background-color, fill;\n}\n\n.option-container {\n  display: none;\n}\n\n@container (max-width: 210px) {\n  :host .tip__content,\n  :host(:focus-within) .tip__content {\n    grid-template-columns: 0fr;\n    opacity: 0;\n  }\n\n  :host .tip {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  :host {\n\n    --mds-input-select-background: rgb(var(--variant-primary-07));\n  }\n}\n\n@tailwind utilities;\n\n:host {\n\n  --mds-input-select-icon-color: var(--variant-primary-03);\n  --mds-input-select-variant-color: 0 0 0;\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--variant-primary-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--variant-primary-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--variant-primary-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--variant-primary-04));\n}\n\n:host( :hover ),\n:host( :focus-within ) {\n\n  --mds-input-select-variant-color: var(--variant-primary-04);\n}\n\n:host( [variant="info"] ) {\n\n  --mds-input-select-icon-color: var(--status-info-05);\n  --mds-input-select-tip-background: var(--status-info-05);\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-info-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-info-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--status-info-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--status-info-04));\n  --mds-input-select-variant-color: 0 0 0;\n}\n\n:host( [variant="info"]:hover ),\n:host( [variant="info"]:focus-within ) {\n\n  --mds-input-select-icon-color: var(--status-info-04);\n  --mds-input-select-variant-color: var(--status-info-05);\n}\n\n:host( [variant="success"] ) {\n\n  --mds-input-select-icon-color: var(--status-success-05);\n  --mds-input-select-tip-background: var(--status-success-05);\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-success-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-success-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--status-success-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--status-success-04));\n  --mds-input-select-variant-color: 0 0 0;\n}\n\n:host( [variant="success"]:hover ),\n:host( [variant="success"]:focus-within ) {\n\n  --mds-input-select-icon-color: var(--status-success-04);\n  --mds-input-select-variant-color: var(--status-success-05);\n}\n\n:host( [variant="warning"] ) {\n\n  --mds-input-select-icon-color: var(--status-warning-05);\n  --mds-input-select-tip-background: var(--status-warning-05);\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-warning-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-warning-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--status-warning-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--status-warning-04));\n  --mds-input-select-variant-color: 0 0 0;\n}\n\n:host( [variant="warning"]:hover ),\n:host( [variant="warning"]:focus-within ) {\n\n  --mds-input-select-icon-color: var(--status-warning-04);\n  --mds-input-select-variant-color: var(--status-warning-05);\n}\n\n:host( [variant="error"] ) {\n\n  --mds-input-select-icon-color: var(--status-error-05);\n  --mds-input-select-tip-background: var(--status-error-05);\n  --mds-input-select-arrow-icon-blur-background-color: rgb(var(--status-error-09));\n  --mds-input-select-arrow-icon-hover-background-color: rgb(var(--status-error-08));\n  --mds-input-select-arrow-icon-blur-color: rgb(var(--status-error-06));\n  --mds-input-select-arrow-icon-hover-color: rgb(var(--status-error-04));\n  --mds-input-select-variant-color: 0 0 0;\n}\n\n:host( [variant="error"]:hover ),\n:host( [variant="error"]:focus-within ) {\n\n  --mds-input-select-icon-color: var(--status-error-04);\n  --mds-input-select-variant-color: var(--status-error-05);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .input,\n  .input:hover,\n  .input:focus,\n  .icon {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .input,\n    .input:hover,\n    .input:focus,\n    .icon {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-theme: dark) {\n  :host {\n\n    --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-blur-background-color);\n    --mds-input-select-arrow-icon-blur-background-color: rgb(var(--variant-primary-05));\n    --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color));\n    --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-blur-color);\n    --mds-input-select-arrow-icon-hover-background-color: rgb(var(--mds-input-select-variant-color));\n    --mds-input-select-arrow-icon-hover-color: rgb(var(--tone-neutral-10));\n  }\n\n  .input {\n    color: rgb(var(--tone-neutral-03));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n\n      --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n      --mds-input-select-arrow-icon-background-color: var(--mds-input-select-arrow-icon-blur-background-color);\n      --mds-input-select-arrow-icon-blur-background-color: rgb(var(--variant-primary-05));\n      --mds-input-select-arrow-icon-blur-color: rgb(var(--mds-input-select-variant-color));\n      --mds-input-select-arrow-icon-color: var(--mds-input-select-arrow-icon-blur-color);\n      --mds-input-select-arrow-icon-hover-background-color: rgb(var(--mds-input-select-variant-color));\n      --mds-input-select-arrow-icon-hover-color: rgb(var(--tone-neutral-10));\n    }\n\n    .input {\n      color: rgb(var(--tone-neutral-03));\n    }\n  }\n}\n\n@container style(--magma-pref-contrast: more) {\n  :host {\n\n    --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n  }\n\n  .input {\n    color: rgb(var(--tone-neutral-01));\n  }\n}\n\n@container style(--magma-pref-contrast: system) {\n\n  @media (prefers-contrast: more) {\n    :host {\n\n      --mds-input-select-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n    }\n\n    .input {\n      color: rgb(var(--tone-neutral-01));\n    }\n  }\n}\n\n\n';var MdsInputSelectStyle0=mdsInputSelectCss;var MdsInputSelect=function(){function n(n){var r=this;registerInstance(this,n);this.changeEvent=createEvent(this,"mdsInputSelectChange",7);if(n.$hostElement$["s-ei"]){this.internals=n.$hostElement$["s-ei"]}else{this.internals=n.$hostElement$.attachInternals();n.$hostElement$["s-ei"]=this.internals}this.onInput=function(n){var t=n.target;if(t){r.value=t.value}};this.onBlur=function(){r.hasFocus=false};this.onFocus=function(){r.hasFocus=true};this.emptyOptions=function(){var n;var t=(n=r.host.shadowRoot)===null||n===void 0?void 0:n.querySelector("select");var o=t===null||t===void 0?void 0:t.querySelectorAll("option");if(!o){return}o.forEach((function(n,t){if(!r.placeholder){n.remove()}if(r.placeholder&&t>0){n.remove()}}))};this.onSlotChangeHandler=function(){var n,t,o;var e=(t=(n=r.host.shadowRoot)===null||n===void 0?void 0:n.querySelectorAll("slot")[0])===null||t===void 0?void 0:t.assignedNodes();var i=(o=r.host.shadowRoot)===null||o===void 0?void 0:o.querySelector("select");var s=i===null||i===void 0?void 0:i.querySelectorAll("option");if(!s){return}if(!r.placeholder&&s.length>0){r.emptyOptions()}if(r.placeholder&&s.length>1){r.emptyOptions()}e===null||e===void 0?void 0:e.forEach((function(n){i===null||i===void 0?void 0:i.appendChild(n.cloneNode(true))}));if(r.value){i===null||i===void 0?void 0:i.querySelectorAll("option").forEach((function(n){n.selected=n.value===r.value}))}else if(!r.placeholder){r.value=i===null||i===void 0?void 0:i.querySelectorAll("option")[0].value}};this.selected=undefined;this.hasFocus=false;this.autocomplete=undefined;this.autoFocus=undefined;this.placeholder=undefined;this.name=undefined;this.disabled=false;this.required=false;this.multiple=false;this.size=0;this.value="";this.variant=undefined}n.prototype.valueChanged=function(){var n,r,t;this.selected=this.value!=="";this.changeEvent.emit({value:(n=this.value)===null||n===void 0?void 0:n.toString()});this.internals.setFormValue((t=(r=this.value)===null||r===void 0?void 0:r.toString())!==null&&t!==void 0?t:null)};n.prototype.componentDidLoad=function(){if(this.value){this.selected=true;this.internals.setFormValue(this.value.toString())}};n.prototype.render=function(){return h(Host,{key:"e1ea289b9af23ce497e370abd8d874d739d4eb77"},h("select",{key:"0df60946dc418b09ada1dfb04ad5f0d962bd93f7",class:clsx("input",this.selected&&"input--selected"),onInput:this.onInput.bind(this),onBlur:this.onBlur,onFocus:this.onFocus,name:this.name,required:this.required,disabled:this.disabled,multiple:this.multiple,size:this.size,part:"select"},this.placeholder&&h("option",{key:"e39a3bce88402b2caf01d565d365102e35af7f52",value:"",disabled:true,selected:true},this.placeholder)),h("div",{key:"4c9de2341fcf7406f053e69ae4110d74633b3817",class:"icon-container"},h("i",{key:"cb279deb238fbec77456e3d5322e05bbcb6068ac",class:"icon",innerHTML:miBaselineArrowDown})),h("div",{key:"4a83b6b1daadb49197a9dcd7db57d2670f480955",class:"option-container"},h("slot",{key:"43a3d13257bfea367bf1abb5d95137fdc2940138",onSlotchange:this.onSlotChangeHandler})),h("mds-input-tip",{key:"b8ab18d380eec1842ed12487f819e8eb32132a5d",position:"top",active:this.hasFocus},this.disabled&&h("mds-input-tip-item",{key:"b1bfb92dae2d4b48784958158edc2559d338931e",expanded:true,variant:"disabled"}),this.required&&h("mds-input-tip-item",{key:"9f441604bfc6035b0f1875ae17026a8a369ec620",expanded:this.hasFocus,variant:this.value===""?"required":"required-success"})))};Object.defineProperty(n,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{value:["valueChanged"]}},enumerable:false,configurable:true});return n}();MdsInputSelect.style=MdsInputSelectStyle0;export{MdsInputSelect as mds_input_select};

package/dist/esm-es5/mds-input-switch.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f08bac5f.js";import{c as clsx}from"./clsx-297c1ffe.js";import{m as miBaselineRemove}from"./remove-777e39e1.js";import{K as KeyboardManager}from"./keyboard-manager-f3d273fc.js";var miBaselineChecked='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M16.59 7.58 10 14.17l-2.59-2.58L6 13l4 4 8-8z"/>\n</svg>\n';var miBaselineCheckbox='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm-9 14l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>';var miBaselineIndeterminateCheckbox='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"/></svg>';var miBaselineCheckboxOutlineBlank='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/></svg>';var miBaselineRadioButtonChecked='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8z"/></svg>';var miBaselineRadioButtonUnchecked='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8z"/></svg>';var inputSwitchIconVariant={switch:{iconChecked:"",iconIndeterminate:"",iconUnchecked:""},checkbox:{iconChecked:miBaselineCheckbox,iconIndeterminate:miBaselineIndeterminateCheckbox,iconUnchecked:miBaselineCheckboxOutlineBlank},radio:{iconChecked:miBaselineRadioButtonChecked,iconIndeterminate:"",iconUnchecked:miBaselineRadioButtonUnchecked}};var mdsInputSwitchCss='@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; @tailwind utilities; :host{--mds-input-switch-animation-timing-adjust:1.4;--mds-input-switch-animation-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955);--mds-input-switch-duration:300ms;--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-checked:rgb(var(--brand-maggioli-04));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06));--mds-input-switch-box-color-checked:rgb(var(--brand-maggioli-04));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-06));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08));--mds-input-switch-box-color-unchecked:rgb(var(--tone-neutral-07));--mds-input-switch-box-padding-sm:0.25rem;--mds-input-switch-box-padding-md:0.25rem;--mds-input-switch-box-padding-lg:0.25rem;--mds-input-switch-toggle-color-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral-09));--mds-input-switch-toggle-color-unchecked:rgb(var(--tone-neutral-10));--mds-input-switch-toggle-size-sm:1rem;--mds-input-switch-toggle-size-md:1.5rem;--mds-input-switch-toggle-size-lg:2rem;--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md) * 2) + calc(var(--mds-input-switch-box-padding-md) * 2));--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md);gap:0.5rem;-ms-flex-align:start;align-items:flex-start;display:-ms-inline-flexbox;display:inline-flex}.field{display:none}.label-icon{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.label-icon:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.label-icon{-ms-flex-align:baseline;align-items:baseline;cursor:pointer;display:-ms-flexbox;display:flex;position:relative;-webkit-transition-property:outline-offset opacity;transition-property:outline-offset opacity}.label-icon:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.label-text{cursor:pointer;display:-ms-flexbox;display:flex}:host([type="switch"]) .label-text{-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center}.icon-explicit{fill:var(--mds-input-switch-icon-explicit-color);height:var(--mds-input-switch-toggle-size);width:var(--mds-input-switch-toggle-size)}.icon-typography-checked,.icon-typography-unchecked{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex}.icon-typography-checked{left:0rem;top:0rem;position:absolute}.icon-checked,.icon-unchecked{font-weight:400;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition-property:fill, -webkit-transform;transition-property:fill, -webkit-transform;transition-property:fill, transform;transition-property:fill, transform, -webkit-transform}.icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked);opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration:var(--mds-input-switch-duration);transition-duration:var(--mds-input-switch-duration)}.icon-checked{fill:var(--mds-input-switch-icon-color-checked);-webkit-transform:scale(0);transform:scale(0);-webkit-transition-duration:var(--mds-input-switch-duration);transition-duration:var(--mds-input-switch-duration)}:host([indeterminate]) .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate)}.switch-container{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.switch-container:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.switch-container{border-radius:9999px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-transition-property:width outline-offset opacity;transition-property:width outline-offset opacity;width:var(--mds-input-switch-toggle-container-size)}.switch-container:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.switch{border-radius:9999px;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--mds-input-switch-box-color-unchecked);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;padding:var(--mds-input-switch-box-padding);-webkit-transition-duration:var(--mds-input-switch-duration);transition-duration:var(--mds-input-switch-duration);-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;width:var(--mds-input-switch-toggle-container-size)}.switch-toggle{border-radius:9999px;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:linear;transition-timing-function:linear;-ms-flex-align:center;align-items:center;-webkit-animation-duration:calc(var(--mds-input-switch-duration) * 1.5);animation-duration:calc(var(--mds-input-switch-duration) * 1.5);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:none;animation-name:none;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:var(--mds-input-switch-animation-timing-function);animation-timing-function:var(--mds-input-switch-animation-timing-function);background-color:var(--mds-input-switch-toggle-color-checked);-webkit-box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);cursor:pointer;display:-ms-flexbox;display:flex;height:var(--mds-input-switch-toggle-size);-ms-flex-pack:center;justify-content:center;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;width:var(--mds-input-switch-toggle-size)}.field:disabled+.label-icon{cursor:default}.field:disabled+.label-icon+.label-text{cursor:default}.field:checked+.switch-container .switch{background-color:var(--mds-input-switch-box-color-checked)}.field:checked+.switch-container .switch-toggle{-webkit-animation-name:check;animation-name:check;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-checked)}.field:not(:checked)+.dirty .switch-toggle{-webkit-animation-name:uncheck;animation-name:uncheck;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-unchecked)}.field:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-unchecked)}.field:checked:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-checked)}.field:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-unchecked)}.field:checked:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-checked)}@-webkit-keyframes check{0%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}}@keyframes check{0%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}}@-webkit-keyframes uncheck{0%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}}@keyframes uncheck{0%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}}:host([explicit]:not([explicit="false"]) [checked]:not([checked="false"]) [disabled]){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked)}:host([explicit]:not([explicit="false"]) [checked]:not([checked="false"]) [disabled]:not([disabled="false"])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked-disabled)}:host([explicit]:not([explicit="false"]) [checked] [disabled]){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked)}:host([explicit]:not([explicit="false"]) [disabled]:not([disabled="false"]) [checked]){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked-disabled)}.field:checked+.label-icon .icon-unchecked{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-duration:calc(var(--mds-input-switch-duration) * 2);transition-duration:calc(var(--mds-input-switch-duration) * 2)}.field:checked+.label-icon .icon-checked{-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration:calc(var(--mds-input-switch-duration) * 1.5);transition-duration:calc(var(--mds-input-switch-duration) * 1.5)}.field:disabled+.label-icon .icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked-disabled)}.field:disabled+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-checked-disabled)}.indeterminate .field:disabled+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate-disabled)}:host([size="sm"]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-sm);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-sm);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-sm) * 2) + calc(var(--mds-input-switch-box-padding-sm) * 2))}:host([size="md"]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md) * 2) + calc(var(--mds-input-switch-box-padding-md) * 2))}:host([size="lg"]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-lg);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-lg);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-lg) * 2) + calc(var(--mds-input-switch-box-padding-lg) * 2))}';var MdsInputSwitchStyle0=mdsInputSwitchCss;var MdsInputSwitch=function(){function i(i){var t=this;registerInstance(this,i);this.changeEvent=createEvent(this,"mdsInputSwitchChange",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.km=new KeyboardManager;this.uncheckSiblings=function(){var i=document.querySelectorAll('mds-input-switch[name="'.concat(t.name,'"]'));i.forEach((function(i){if(i!==t.host){i.checked=false}}))};this.handleInputOnChange=function(i){var n,e;var o=i.target.value;i.preventDefault();i.stopPropagation();var a=(n=t.host.shadowRoot)===null||n===void 0?void 0:n.getElementById("field");t.checked=a.checked;if(t.type==="radio"){t.uncheckSiblings()}t.changeEvent.emit({name:t.name,checked:t.checked,value:o});t.internals.setFormValue(t.checked?(e=t.value)!==null&&e!==void 0?e:null:null)};this.handleDirty=function(){t.dirty=true};this.checkFocusElement=function(){var i,n;switch(t.type){case"switch":t.km.removeElement("default");t.km.addElement((i=t.host.shadowRoot)===null||i===void 0?void 0:i.querySelector(".switch-container"),"switch");t.km.attachClickBehavior("switch");break;default:t.km.removeElement("switch");t.km.addElement((n=t.host.shadowRoot)===null||n===void 0?void 0:n.querySelector(".label-icon"),"default");t.km.attachClickBehavior("default")}};this.dirty=false;this.autofocus=undefined;this.checked=undefined;this.disabled=undefined;this.explicit=undefined;this.icon="";this.indeterminate=false;this.name="";this.size="md";this.type="switch";this.typography="detail";this.variant=undefined;this.value=""}i.prototype.componentDidLoad=function(){var i;this.internals.setFormValue(this.checked?(i=this.value)!==null&&i!==void 0?i:null:null);this.checkFocusElement()};i.prototype.render=function(){var i=this;var t;var n=inputSwitchIconVariant[this.type],e=n.iconChecked,o=n.iconUnchecked,a=n.iconIndeterminate;var s=this.icon!==""?this.icon:e;return h(Host,{key:"c2676f5b032e265a4cf226881f2770fe59d9a7b4",onClick:this.handleDirty},h("input",{key:"26d6c9c59360a70777d764a0916b8b35c76c3379",autoFocus:this.autofocus,checked:this.checked,class:"field",disabled:this.disabled,id:"field",indeterminate:this.indeterminate,name:this.name,onChange:function(t){return i.handleInputOnChange(t)},type:this.type==="switch"?"checkbox":this.type,value:(t=this.value)!==null&&t!==void 0?t:undefined}),this.type==="switch"?h("label",{htmlFor:"field",class:clsx("switch-container",this.dirty!==false&&"dirty"),tabindex:"0",role:"switch"},h("div",{class:"switch"},h("div",{class:"switch-toggle"},this.explicit&&h("mds-icon",{class:"icon-explicit",name:this.checked?miBaselineChecked:miBaselineRemove})))):h("label",{htmlFor:"field",class:"label-icon",tabindex:"0",role:"switch"},h("mds-text",{class:"icon-typography-unchecked",tag:"div",typography:this.typography,variant:this.variant},h("mds-icon",{class:"icon-unchecked",name:o})),h("mds-text",{class:"icon-typography-checked",tag:"div",typography:this.typography,variant:this.variant},h("mds-icon",{class:"icon-checked",name:clsx(this.indeterminate?a:s)}))),h("label",{key:"d88da755d33ef95c388ada564b3a95ceab951b91",htmlFor:"field",class:"label-text"},h("mds-text",{key:"a3707cc5351f6c6193112fb7f60a8d565d0502df",typography:this.typography,variant:this.variant},h("slot",{key:"ac7aa4307abdc40cc51ffd9248b8564d8366ab80"}))))};Object.defineProperty(i,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return i}();MdsInputSwitch.style=MdsInputSwitchStyle0;export{MdsInputSwitch as mds_input_switch};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-44fd80a1.js";import{c as clsx}from"./clsx-297c1ffe.js";import{m as miBaselineRemove}from"./remove-777e39e1.js";import{K as KeyboardManager}from"./keyboard-manager-9f287ab7.js";var miBaselineChecked='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M16.59 7.58 10 14.17l-2.59-2.58L6 13l4 4 8-8z"/>\n</svg>\n';var miBaselineCheckbox='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm-9 14l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>';var miBaselineIndeterminateCheckbox='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"/></svg>';var miBaselineCheckboxOutlineBlank='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/></svg>';var miBaselineRadioButtonChecked='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8z"/></svg>';var miBaselineRadioButtonUnchecked='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8z"/></svg>';var inputSwitchIconVariant={switch:{iconChecked:"",iconIndeterminate:"",iconUnchecked:""},checkbox:{iconChecked:miBaselineCheckbox,iconIndeterminate:miBaselineIndeterminateCheckbox,iconUnchecked:miBaselineCheckboxOutlineBlank},radio:{iconChecked:miBaselineRadioButtonChecked,iconIndeterminate:"",iconUnchecked:miBaselineRadioButtonUnchecked}};var mdsInputSwitchCss='@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; @tailwind utilities; :host{--mds-input-switch-animation-timing-adjust:1.4;--mds-input-switch-animation-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955);--mds-input-switch-duration:300ms;--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-04));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06));--mds-input-switch-box-color-checked:rgb(var(--variant-primary-04));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-06));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08));--mds-input-switch-box-color-unchecked:rgb(var(--tone-neutral-07));--mds-input-switch-box-padding-sm:0.25rem;--mds-input-switch-box-padding-md:0.25rem;--mds-input-switch-box-padding-lg:0.25rem;--mds-input-switch-toggle-color-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral-09));--mds-input-switch-toggle-color-unchecked:rgb(var(--tone-neutral-10));--mds-input-switch-toggle-size-sm:1rem;--mds-input-switch-toggle-size-md:1.5rem;--mds-input-switch-toggle-size-lg:2rem;--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md) * 2) + calc(var(--mds-input-switch-box-padding-md) * 2));--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md);gap:0.5rem;-ms-flex-align:start;align-items:flex-start;display:-ms-inline-flexbox;display:inline-flex}.field{display:none}.label-icon{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.label-icon:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.label-icon{-ms-flex-align:baseline;align-items:baseline;cursor:pointer;display:-ms-flexbox;display:flex;position:relative;-webkit-transition-property:outline-offset opacity;transition-property:outline-offset opacity}.label-icon:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.label-text{cursor:pointer;display:-ms-flexbox;display:flex}:host([type="switch"]) .label-text{-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center}.icon-explicit{fill:var(--mds-input-switch-icon-explicit-color);height:var(--mds-input-switch-toggle-size);width:var(--mds-input-switch-toggle-size)}.icon-typography-checked,.icon-typography-unchecked{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex}.icon-typography-checked{left:0rem;top:0rem;position:absolute}.icon-checked,.icon-unchecked{font-weight:400;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition-property:fill, -webkit-transform;transition-property:fill, -webkit-transform;transition-property:fill, transform;transition-property:fill, transform, -webkit-transform}.icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked);opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration:var(--mds-input-switch-duration);transition-duration:var(--mds-input-switch-duration)}.icon-checked{fill:var(--mds-input-switch-icon-color-checked);-webkit-transform:scale(0);transform:scale(0);-webkit-transition-duration:var(--mds-input-switch-duration);transition-duration:var(--mds-input-switch-duration)}:host([indeterminate]) .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate)}.switch-container{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.switch-container:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.switch-container{border-radius:9999px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-transition-property:width outline-offset opacity;transition-property:width outline-offset opacity;width:var(--mds-input-switch-toggle-container-size)}.switch-container:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.switch{border-radius:9999px;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--mds-input-switch-box-color-unchecked);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;padding:var(--mds-input-switch-box-padding);-webkit-transition-duration:var(--mds-input-switch-duration);transition-duration:var(--mds-input-switch-duration);-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;width:var(--mds-input-switch-toggle-container-size)}.switch-toggle{border-radius:9999px;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:linear;transition-timing-function:linear;-ms-flex-align:center;align-items:center;-webkit-animation-duration:calc(var(--mds-input-switch-duration) * 1.5);animation-duration:calc(var(--mds-input-switch-duration) * 1.5);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:none;animation-name:none;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:var(--mds-input-switch-animation-timing-function);animation-timing-function:var(--mds-input-switch-animation-timing-function);background-color:var(--mds-input-switch-toggle-color-checked);-webkit-box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);cursor:pointer;display:-ms-flexbox;display:flex;height:var(--mds-input-switch-toggle-size);-ms-flex-pack:center;justify-content:center;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;width:var(--mds-input-switch-toggle-size)}.field:disabled+.label-icon{cursor:default}.field:disabled+.label-icon+.label-text{cursor:default}.field:checked+.switch-container .switch{background-color:var(--mds-input-switch-box-color-checked)}.field:checked+.switch-container .switch-toggle{-webkit-animation-name:check;animation-name:check;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-checked)}.field:not(:checked)+.dirty .switch-toggle{-webkit-animation-name:uncheck;animation-name:uncheck;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-unchecked)}.field:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-unchecked)}.field:checked:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-checked)}.field:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-unchecked)}.field:checked:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-checked)}@-webkit-keyframes check{0%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}}@keyframes check{0%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}}@-webkit-keyframes uncheck{0%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}}@keyframes uncheck{0%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}}:host([explicit]:not([explicit="false"]) [checked]:not([checked="false"]) [disabled]){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked)}:host([explicit]:not([explicit="false"]) [checked]:not([checked="false"]) [disabled]:not([disabled="false"])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked-disabled)}:host([explicit]:not([explicit="false"]) [checked] [disabled]){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked)}:host([explicit]:not([explicit="false"]) [disabled]:not([disabled="false"]) [checked]){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked-disabled)}.field:checked+.label-icon .icon-unchecked{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-duration:calc(var(--mds-input-switch-duration) * 2);transition-duration:calc(var(--mds-input-switch-duration) * 2)}.field:checked+.label-icon .icon-checked{-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration:calc(var(--mds-input-switch-duration) * 1.5);transition-duration:calc(var(--mds-input-switch-duration) * 1.5)}.field:disabled+.label-icon .icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked-disabled)}.field:disabled+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-checked-disabled)}.indeterminate .field:disabled+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate-disabled)}:host([size="sm"]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-sm);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-sm);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-sm) * 2) + calc(var(--mds-input-switch-box-padding-sm) * 2))}:host([size="md"]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md) * 2) + calc(var(--mds-input-switch-box-padding-md) * 2))}:host([size="lg"]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-lg);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-lg);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-lg) * 2) + calc(var(--mds-input-switch-box-padding-lg) * 2))}';var MdsInputSwitchStyle0=mdsInputSwitchCss;var MdsInputSwitch=function(){function i(i){var t=this;registerInstance(this,i);this.changeEvent=createEvent(this,"mdsInputSwitchChange",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.km=new KeyboardManager;this.uncheckSiblings=function(){var i=document.querySelectorAll('mds-input-switch[name="'.concat(t.name,'"]'));i.forEach((function(i){if(i!==t.host){i.checked=false}}))};this.handleInputOnChange=function(i){var n,e;var o=i.target.value;i.preventDefault();i.stopPropagation();var a=(n=t.host.shadowRoot)===null||n===void 0?void 0:n.getElementById("field");t.checked=a.checked;if(t.type==="radio"){t.uncheckSiblings()}t.changeEvent.emit({name:t.name,checked:t.checked,value:o});t.internals.setFormValue(t.checked?(e=t.value)!==null&&e!==void 0?e:null:null)};this.handleDirty=function(){t.dirty=true};this.checkFocusElement=function(){var i,n;switch(t.type){case"switch":t.km.removeElement("default");t.km.addElement((i=t.host.shadowRoot)===null||i===void 0?void 0:i.querySelector(".switch-container"),"switch");t.km.attachClickBehavior("switch");break;default:t.km.removeElement("switch");t.km.addElement((n=t.host.shadowRoot)===null||n===void 0?void 0:n.querySelector(".label-icon"),"default");t.km.attachClickBehavior("default")}};this.dirty=false;this.autofocus=undefined;this.checked=undefined;this.disabled=undefined;this.explicit=undefined;this.icon="";this.indeterminate=false;this.name="";this.size="md";this.type="switch";this.typography="detail";this.variant=undefined;this.value=""}i.prototype.componentDidLoad=function(){var i,t;this.label=(i=this.host.textContent)!==null&&i!==void 0?i:"";this.internals.setFormValue(this.checked?(t=this.value)!==null&&t!==void 0?t:null:null);this.checkFocusElement()};i.prototype.render=function(){var i=this;var t;var n=inputSwitchIconVariant[this.type],e=n.iconChecked,o=n.iconUnchecked,a=n.iconIndeterminate;var s=this.icon!==""?this.icon:e;return h(Host,{key:"f9a223e37e15669ba5b8ed7e7f771c4445f24c15",onClick:this.handleDirty},h("input",{key:"3a3fe64406b9617e777fcb18ea02c8d32e71e7af",autoFocus:this.autofocus,checked:this.checked,class:"field",disabled:this.disabled,id:"field",indeterminate:this.indeterminate,name:this.name,onChange:function(t){return i.handleInputOnChange(t)},type:this.type==="switch"?"checkbox":this.type,value:(t=this.value)!==null&&t!==void 0?t:undefined}),this.type==="switch"?h("label",{htmlFor:"field",class:clsx("switch-container",this.dirty!==false&&"dirty"),tabindex:"0","aria-label":this.label},h("div",{class:"switch"},h("div",{class:"switch-toggle"},this.explicit&&h("mds-icon",{class:"icon-explicit",name:this.checked?miBaselineChecked:miBaselineRemove})))):h("label",{htmlFor:"field",class:"label-icon","aria-hidden":"true"},h("mds-text",{class:"icon-typography-unchecked",tag:"div",typography:this.typography,variant:this.variant},h("mds-icon",{class:"icon-unchecked",name:o})),h("mds-text",{class:"icon-typography-checked",tag:"div",typography:this.typography,variant:this.variant},h("mds-icon",{class:"icon-checked",name:clsx(this.indeterminate?a:s)}))),h("label",{key:"4f9a69c82ecc673d34a2de4119709b82f5836313",htmlFor:"field",class:"label-text"},h("mds-text",{key:"94b9e53c0ec630e477cbcada5d3c8342655b9dd9",typography:this.typography,variant:this.variant},h("slot",{key:"c4180e63473708002b9ccac0eb222c8194f4433a"}))))};Object.defineProperty(i,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return i}();MdsInputSwitch.style=MdsInputSwitchStyle0;export{MdsInputSwitch as mds_input_switch};

package/dist/esm-es5/mds-input-tip_2.entry.js

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