@maggioli-design-system/magma 2.0.0-beta.1 → 2.0.0-beta.2

package/dist/components/mds-icon2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as s,Host as n,transformTag as i}from"@stencil/core/internal/client";function r(e){return new Promise(((t,s)=>{e.oncomplete=e.onsuccess=()=>t(e.result),e.onabort=e.onerror=()=>s(e.error)}))}let o;function a(){return o||(o=function(e,t){const s=indexedDB.open("keyval-store");s.onupgradeneeded=()=>s.result.createObjectStore(t);const n=r(s);return(e,s)=>n.then((n=>s(n.transaction(t,e).objectStore(t))))}(0,"keyval")),o}class l{resolveIconName(e){return this._resolveIconName(e,this.name,this.path)}constructor(e,t,s){this.name=e,this.path=t,this._resolveIconName=s}get resolver(){return this._resolveIconName}}const m=new class{constructor(){this._svgPathKey="mdsIconSvgPath",this._iconsSets=new Map,this._svgPathUpdate="mdsIconSvgPathUpdate",this.cacheExp=864e5,this.listeners=[],this.memoryCache={},this.isCacheAvailable=async e=>{try{const t=await function(e,t=a()){return t("readonly",(t=>r(t.get(e))))}(`loader_${e}`);if(!t)return!1;const s=JSON.parse(t);return Date.now()<s.expiry?s.data:(function(e,t=a()){t("readwrite",(t=>(t.delete(e),r(t.transaction))))}(`loader_${e}`),!1)}catch(e){return console.error("isCacheAvailable error",e),!1}},this.setCache=async(e,t)=>{try{await function(e,t,s=a()){return s("readwrite",(s=>(s.put(t,e),r(s.transaction))))}(`loader_${e}`,JSON.stringify({data:t,expiry:Date.now()+this.cacheExp}))}catch(e){console.error("setCache error",e)}},this.setUpListener()}addIconSet(e,t,s){let n=s;const i=this._iconsSets.get(e);if(!n&&i&&"function"==typeof i.resolver)n=i.resolver;else{if(n&&"function"!=typeof n)return console.error("MdsIconSvg: the third input of addIconSet should be a function that parses and returns the icons's filename."),!1;if(!n)return console.error(`MdsIconSvg: the set ${e} needs a resolve function for the icon names.`),!1}return this._iconsSets.set(e,new l(e,t,n)),!0}getIconSet(e){return e?{set:this._iconsSets.get(e.split("/")[0])}:{set:null}}setSvgPath(e){const t=/^(((https?:\/\/)?[.\w]+(:\d+)?)|\/)([\w/-]+)*/.exec(e);if(!t)throw Error(`Svg path not recognize ${e}, ensure is a absolute path starting with '/' or a url`);"undefined"!=typeof window&&(this._svgPath=t[1]?t[0]:window.location.origin.concat(t[0]),window.dispatchEvent(new Event(this._svgPathUpdate)))}getSvgPath(){return this._svgPath}registerListener(e){this.listeners.push(e)}setUpListener(){"undefined"!=typeof window&&window.addEventListener(this._svgPathUpdate,(()=>{for(const e of this.listeners)e()}))}async fetchSvg(e){var t;try{if(!this._svgPath&&"undefined"==typeof window)throw Error("Cant find svgPath, ensure you set it");this._svgPath||this.setSvgPath(null!==(t=window.sessionStorage.getItem(m._svgPathKey))&&void 0!==t?t:"");const s=this._svgPath&&!e.startsWith("http")?this._svgPath.concat(e,".svg"):e,n=await this.isCacheAvailable(s);if(this.memoryCache[s]||n)return this.memoryCache[s]||n;const i=await fetch(s);if(!i.ok)throw Error(`Request for '${s}' returned ${i.status} (${i.statusText})`);const r=await i.text(),o=r.toLowerCase().trim();if(!o.startsWith("<svg")&&!o.startsWith("<?xml"))throw Error(`Resource '${s}' returned an invalid SVG file`);return this.setCache(s,r),this.memoryCache[s]=r,r}catch(e){return console.error("fetchSvg error",e),""}}},c="data:image/svg+xml;base64,",h=e=>!!e&&e.startsWith(c),d=e=>!!e&&e.startsWith("<svg "),u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.convertBase64ToSvg=()=>{const e=this.name.replace(c,"").replace(/=/i,"");return atob(e)}}componentWillLoad(){this.updateIcon(),m.registerListener((()=>this.updateIcon()))}static setSvgPathStatic(e){m.setSvgPath(e)}async setSvgPath(e){m.setSvgPath(e)}async updateIcon(){return this.name?h(this.name)?(this.svgHTML=this.convertBase64ToSvg(),Promise.resolve()):d(this.name)?(this.svgHTML=this.name,Promise.resolve()):void(this.svgHTML=await m.fetchSvg(this.name)):Promise.resolve()}render(){return s(n,{key:"09a854becde623daa3329e9160b05b57a35aaf4b"},this.svgHTML&&s("i",{key:"f5f6e19b5259418ae88b53cc2be957c858bb47c7","aria-hidden":"true",class:"icon",part:"svg",innerHTML:this.svgHTML}))}get hostElement(){return this}static get watchers(){return{name:[{updateIcon:0}]}}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{align-items:center;aspect-ratio:var(--aspect-square,1/1);display:inline-flex;justify-content:center;width:calc(var(--spacing,.0025rem)*600)}.icon{align-items:center;display:inline-flex;font-style:normal;justify-content:center;width:100%}.icon svg{height:auto;width:100%}"}},[1,"mds-icon",{name:[513],svgHTML:[32],_iconHref:[32],setSvgPath:[64]},void 0,{name:[{updateIcon:0}]}]);function v(){"undefined"!=typeof customElements&&["mds-icon"].forEach((e=>{"mds-icon"===e&&(customElements.get(i(e))||customElements.define(i(e),u))}))}export{u as M,d as a,v as d,h as i}
+import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as n}from"@stencil/core/internal/client";import{I as o}from"./icons-set.service.js";const r="data:image/svg+xml;base64,",a=e=>!!e&&e.startsWith(r),l=e=>!!e&&e.startsWith("<svg "),m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.convertBase64ToSvg=()=>{const e=this.name.replace(r,"").replace(/=/i,"");return atob(e)}}componentWillLoad(){this.updateIcon(),o.registerListener((()=>this.updateIcon()))}static setSvgPathStatic(e){o.setSvgPath(e)}async setSvgPath(e){o.setSvgPath(e)}async updateIcon(){return""===this.name?Promise.resolve():a(this.name)?(this.svgHTML=this.convertBase64ToSvg(),Promise.resolve()):l(this.name)?(this.svgHTML=this.name,Promise.resolve()):void(this.svgHTML=await o.fetchSvg(this.name))}render(){return s(i,{key:"adb18482be69f88c754a524b4554574c71d253e8"},this.svgHTML&&s("i",{key:"434a961761ac22d193bccfa8fbb8f5fca7d1d61e","aria-hidden":"true",class:"icon",part:"svg",innerHTML:this.svgHTML}))}get hostElement(){return this}static get watchers(){return{name:[{updateIcon:0}]}}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{align-items:center;aspect-ratio:var(--aspect-square,1/1);display:inline-flex;justify-content:center;width:calc(var(--spacing,.0025rem)*600)}.icon{align-items:center;display:inline-flex;font-style:normal;justify-content:center;width:100%}.icon svg{height:auto;width:100%}"}},[1,"mds-icon",{name:[513],svgHTML:[32],_iconHref:[32],setSvgPath:[64]},void 0,{name:[{updateIcon:0}]}]);function c(){"undefined"!=typeof customElements&&["mds-icon"].forEach((e=>{"mds-icon"===e&&(customElements.get(n(e))||customElements.define(n(e),m))}))}export{m as M,l as a,c as d,a as i}

package/dist/components/mds-img2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as r,Host as i,transformTag as o}from"@stencil/core/internal/client";import{s as a}from"./aria.js";import{b as n}from"./panorama.js";import{m}from"./broken-image.js";import{L as l}from"./locale.js";import{d as c}from"./mds-button2.js";import{d}from"./mds-icon2.js";import{d as h}from"./mds-spinner2.js";import{d as u}from"./mds-text2.js";var p={clickToLoad:"Φόρτωση εικόνας"},b={clickToLoad:"Load image"},v={clickToLoad:"Cargar imagen"},g={clickToLoad:"Carica immagine"};const y=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.loadErrorEvent=s(this,"mdsImgLoadError",7),this.loadSuccessEvent=s(this,"mdsImgLoadSuccess",7),this.imageConsumptionLoaded=!1,this.imageError=!1,this.consumptionMode="high",this.t=new l({el:p,en:b,es:v,it:g}),this.alt="",this.crossorigin="use-credentials",this.loading="lazy",this.referrerpolicy="no-referrer-when-downgrade",this.onSuccess=e=>{this.image=e.target,this.loadSuccessEvent.emit({image:this.image})},this.onError=e=>{this.image=e.target,this.loadErrorEvent.emit({image:this.image}),this.imageError=!0},this.formatConsumptionData=e=>{const t={};return e.split(",").forEach((e=>{const s=e.trim().replace(/[ ]{2,}/g," ").split(" ");"low"===s[1].toLocaleLowerCase()&&(t.low=s[0]),"medium"===s[1].toLocaleLowerCase()&&(t.medium=s[0]),"high"===s[1].toLocaleLowerCase()&&(t.high=s[0])})),t},this.autoAltName=()=>{if(this.src){const e=this.src.lastIndexOf("/")+1;return this.src.substring(e)}return""},this.setAriaAttributes=()=>{a(this.host,"aria-label",this.alt)}}async updateLang(){this.language=this.t.lang(this.host)}srcsetConsumptionHandler(e){this.srcsetConsumptionData=this.formatConsumptionData(e)}srcHandler(){this.imageError=!1}componentWillLoad(){var e;this.consumptionMode=null!==(e=localStorage.getItem("mdsPrefConsumption"))&&void 0!==e?e:"high",this.srcsetConsumption&&(this.srcsetConsumptionData=this.formatConsumptionData(this.srcsetConsumption)),this.image=this.host.querySelector("img"),this.alt||(this.alt=this.autoAltName())}componentWillRender(){this.t.lang(this.host)}componentDidLoad(){this.setAriaAttributes()}render(){var e,t;return this.imageError?r(i,{"aria-label":this.alt,role:"img"},r("div",{class:"contrast-area-50"}),r("div",{class:"alt-text-container alt-text-container--error alt-text-container--default-aspect-ratio"},r("mds-icon",{class:"icon",name:m}),r("mds-text",{class:"alt-text","aria-hidden":"true",typography:"h6"},r("i",null,this.alt)))):this.srcsetConsumptionData?"low"===this.consumptionMode?r(i,{"aria-label":this.alt,role:"img",onClick:()=>{this.imageConsumptionLoaded=!0}},r("div",{class:"contrast-area-50"}),this.imageConsumptionLoaded?r("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:null!==(e=this.srcsetConsumptionData[this.consumptionMode])&&void 0!==e?e:this.src,srcset:this.srcset,width:this.width}):r("div",{"aria-hidden":"true",class:"alt-text-container alt-text-container--default-aspect-ratio"},r("mds-icon",{class:"icon",name:n}),r("mds-text",{class:"alt-text",typography:"h6"},r("i",null,this.alt)),r("mds-button",{"aria-hidden":"true",role:"none",class:"click-to-load",tabIndex:-1,variant:"light",tone:"outline"},this.t.get("clickToLoad")))):r(i,{"aria-label":this.alt,role:"img"},r("div",{class:"contrast-area-50"}),r("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:null!==(t=this.srcsetConsumptionData[this.consumptionMode])&&void 0!==t?t:this.src,srcset:this.srcset,width:this.width})):r(i,{"aria-label":this.alt,role:"img"},r("div",{class:"contrast-area-50"}),r("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}))}get host(){return this}static get watchers(){return{srcsetConsumption:[{srcsetConsumptionHandler:0}],src:[{srcHandler:0}]}}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-img-background:rgb(var(--variant-primary-03,211 226 255));--mds-img-color:rgb(var(--variant-primary-09,0 58 168));--mds-img-icon-color:rgb(var(--variant-primary-07,44 117 255));--mds-img-error-background:rgb(var(--status-error-09,135 0 14));--mds-img-error-color:rgb(var(--status-error-04,254 193 189));--mds-img-error-icon-color:rgb(var(--status-error-06,239 108 105))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-img-background:rgb(var(--variant-primary-03,211 226 255));--mds-img-color:rgb(var(--variant-primary-09,0 58 168));--mds-img-icon-color:rgb(var(--variant-primary-07,44 117 255));--mds-img-error-background:rgb(var(--status-error-09,135 0 14));--mds-img-error-color:rgb(var(--status-error-04,254 193 189));--mds-img-error-icon-color:rgb(var(--status-error-06,239 108 105));display:flex;height:auto;-o-object-fit:contain;object-fit:contain;overflow:hidden;position:relative;width:100%}img{height:inherit;-o-object-fit:inherit;object-fit:inherit;width:inherit}.alt-text-container{align-items:center;background-color:var(--mds-img-background,rgb(var(--variant-primary-03,211 226 255)));color:var(--mds-img-color,rgb(var(--variant-primary-09,0 58 168)));display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*600);justify-content:center;padding:calc(var(--spacing,.0025rem)*600);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,rgb(var(--status-error-09,135 0 14)));--mds-img-color:var(--mds-img-error-color,rgb(var(--status-error-04,254 193 189)));--mds-img-icon-color:var(--mds-img-error-icon-color,rgb(var(--status-error-06,239 108 105)));cursor:not-allowed}.alt-text-container--default-aspect-ratio{cursor:pointer;width:100%}.click-to-load{pointer-events:none}.icon{fill:var(--mds-img-icon-color,rgb(var(--variant-primary-07,44 117 255)));width:calc(var(--spacing,.0025rem)*900)}"}},[1,"mds-img",{alt:[1537],crossorigin:[1],height:[1],loading:[1],referrerpolicy:[1],sizes:[1],src:[1],srcset:[1],srcsetConsumption:[1,"srcset-consumption"],width:[1],imageConsumptionLoaded:[32],imageError:[32],language:[32],updateLang:[64]},void 0,{srcsetConsumption:[{srcsetConsumptionHandler:0}],src:[{srcHandler:0}]}]);function f(){"undefined"!=typeof customElements&&["mds-img","mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-img":customElements.get(o(e))||customElements.define(o(e),y);break;case"mds-button":customElements.get(o(e))||c();break;case"mds-icon":customElements.get(o(e))||d();break;case"mds-spinner":customElements.get(o(e))||h();break;case"mds-text":customElements.get(o(e))||u()}}))}export{y as M,f as d}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as r,Host as i,transformTag as o}from"@stencil/core/internal/client";import{s as a}from"./aria.js";import{b as n}from"./panorama.js";import{m}from"./broken-image.js";import{L as l}from"./locale.js";import{d as c}from"./mds-button2.js";import{d}from"./mds-icon2.js";import{d as h}from"./mds-spinner2.js";import{d as u}from"./mds-text2.js";var p={clickToLoad:"Φόρτωση εικόνας"},b={clickToLoad:"Load image"},v={clickToLoad:"Cargar imagen"},g={clickToLoad:"Carica immagine"};const y=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.loadErrorEvent=s(this,"mdsImgLoadError",7),this.loadSuccessEvent=s(this,"mdsImgLoadSuccess",7),this.imageConsumptionLoaded=!1,this.imageError=!1,this.consumptionMode="high",this.t=new l({el:p,en:b,es:v,it:g}),this.alt="",this.crossorigin="use-credentials",this.loading="lazy",this.referrerpolicy="no-referrer-when-downgrade",this.onSuccess=e=>{this.image=e.target,this.loadSuccessEvent.emit({image:this.image})},this.onError=e=>{this.image=e.target,this.loadErrorEvent.emit({image:this.image}),this.imageError=!0},this.formatConsumptionData=e=>{const t={};return e.split(",").forEach((e=>{const s=e.trim().replace(/[ ]{2,}/g," ").split(" ");"low"===s[1].toLocaleLowerCase()&&(t.low=s[0]),"medium"===s[1].toLocaleLowerCase()&&(t.medium=s[0]),"high"===s[1].toLocaleLowerCase()&&(t.high=s[0])})),t},this.autoAltName=()=>{if(""!==this.src){const e=this.src.lastIndexOf("/")+1;return this.src.substring(e)}return""},this.setAriaAttributes=()=>{a(this.host,"aria-label",this.alt)}}async updateLang(){this.language=this.t.lang(this.host)}srcsetConsumptionHandler(e){this.srcsetConsumptionData=this.formatConsumptionData(e)}srcHandler(){this.imageError=!1}componentWillLoad(){var e;this.consumptionMode=null!==(e=localStorage.getItem("mdsPrefConsumption"))&&void 0!==e?e:"high",void 0!==this.srcsetConsumption&&""!==this.srcsetConsumption&&(this.srcsetConsumptionData=this.formatConsumptionData(this.srcsetConsumption)),this.image=this.host.querySelector("img"),""===this.alt&&(this.alt=this.autoAltName())}componentWillRender(){this.t.lang(this.host)}componentDidLoad(){this.setAriaAttributes()}render(){var e,t;return this.imageError?r(i,{"aria-label":this.alt,role:"img"},r("div",{class:"contrast-area-50"}),r("div",{class:"alt-text-container alt-text-container--error alt-text-container--default-aspect-ratio"},r("mds-icon",{class:"icon",name:m}),r("mds-text",{class:"alt-text","aria-hidden":"true",typography:"h6"},r("i",null,this.alt)))):this.srcsetConsumptionData?"low"===this.consumptionMode?r(i,{"aria-label":this.alt,role:"img",onClick:()=>{this.imageConsumptionLoaded=!0}},r("div",{class:"contrast-area-50"}),this.imageConsumptionLoaded?r("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:null!==(e=this.srcsetConsumptionData[this.consumptionMode])&&void 0!==e?e:this.src,srcset:this.srcset,width:this.width}):r("div",{"aria-hidden":"true",class:"alt-text-container alt-text-container--default-aspect-ratio"},r("mds-icon",{class:"icon",name:n}),r("mds-text",{class:"alt-text",typography:"h6"},r("i",null,this.alt)),r("mds-button",{"aria-hidden":"true",role:"none",class:"click-to-load",tabIndex:-1,variant:"light",tone:"outline"},this.t.get("clickToLoad")))):r(i,{"aria-label":this.alt,role:"img"},r("div",{class:"contrast-area-50"}),r("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:null!==(t=this.srcsetConsumptionData[this.consumptionMode])&&void 0!==t?t:this.src,srcset:this.srcset,width:this.width})):r(i,{"aria-label":this.alt,role:"img"},r("div",{class:"contrast-area-50"}),r("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}))}get host(){return this}static get watchers(){return{srcsetConsumption:[{srcsetConsumptionHandler:0}],src:[{srcHandler:0}]}}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-img-background:rgb(var(--variant-primary-03,211 226 255));--mds-img-color:rgb(var(--variant-primary-09,0 58 168));--mds-img-icon-color:rgb(var(--variant-primary-07,44 117 255));--mds-img-error-background:rgb(var(--status-error-09,135 0 14));--mds-img-error-color:rgb(var(--status-error-04,254 193 189));--mds-img-error-icon-color:rgb(var(--status-error-06,239 108 105))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-img-background:rgb(var(--variant-primary-03,211 226 255));--mds-img-color:rgb(var(--variant-primary-09,0 58 168));--mds-img-icon-color:rgb(var(--variant-primary-07,44 117 255));--mds-img-error-background:rgb(var(--status-error-09,135 0 14));--mds-img-error-color:rgb(var(--status-error-04,254 193 189));--mds-img-error-icon-color:rgb(var(--status-error-06,239 108 105));display:flex;height:auto;-o-object-fit:contain;object-fit:contain;overflow:hidden;position:relative;width:100%}img{height:inherit;-o-object-fit:inherit;object-fit:inherit;width:inherit}.alt-text-container{align-items:center;background-color:var(--mds-img-background,rgb(var(--variant-primary-03,211 226 255)));color:var(--mds-img-color,rgb(var(--variant-primary-09,0 58 168)));display:flex;flex-direction:column;gap:calc(var(--spacing,.0025rem)*600);justify-content:center;padding:calc(var(--spacing,.0025rem)*600);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,rgb(var(--status-error-09,135 0 14)));--mds-img-color:var(--mds-img-error-color,rgb(var(--status-error-04,254 193 189)));--mds-img-icon-color:var(--mds-img-error-icon-color,rgb(var(--status-error-06,239 108 105)));cursor:not-allowed}.alt-text-container--default-aspect-ratio{cursor:pointer;width:100%}.click-to-load{pointer-events:none}.icon{fill:var(--mds-img-icon-color,rgb(var(--variant-primary-07,44 117 255)));width:calc(var(--spacing,.0025rem)*900)}"}},[1,"mds-img",{alt:[1537],crossorigin:[1],height:[1],loading:[1],referrerpolicy:[1],sizes:[1],src:[1],srcset:[1],srcsetConsumption:[1,"srcset-consumption"],width:[1],imageConsumptionLoaded:[32],imageError:[32],language:[32],updateLang:[64]},void 0,{srcsetConsumption:[{srcsetConsumptionHandler:0}],src:[{srcHandler:0}]}]);function f(){"undefined"!=typeof customElements&&["mds-img","mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-img":customElements.get(o(e))||customElements.define(o(e),y);break;case"mds-button":customElements.get(o(e))||c();break;case"mds-icon":customElements.get(o(e))||d();break;case"mds-spinner":customElements.get(o(e))||h();break;case"mds-text":customElements.get(o(e))||u()}}))}export{y as M,f as d}

package/dist/components/mds-input-date-range-preselection.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as r,h as t,Host as a,transformTag as n}from"@stencil/core/internal/client";import{d as o}from"./mds-button2.js";import{d as s}from"./mds-icon2.js";import{d}from"./mds-spinner2.js";import{d as i}from"./mds-text2.js";const l=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onClick=e=>{var r;e.stopPropagation();const t=null===(r=this.host)||void 0===r?void 0:r.closest("mds-input-date-range");t&&(t.preselect({caller:this.host,start:this.start,end:this.end}),this.selected=!0)}}render(){return t(a,{key:"8fa6eff199d4eb92067407c1efd132a4185caf71",slot:"calendar-preselection"},t("mds-button",{key:"c44190a71d6fc70321dbbf987c09d0b5e7398515",onClick:this.onClick,class:"action",variant:"primary",tone:"strong"},t("slot",{key:"61050bd14f48b266a8db2dc120e51c40aa2ebadc"})))}get host(){return this}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-date-range-preselection-default-background:rgb(var(--tone-neutral-08,107 107 107)/0);--mds-date-range-preselection-default-border:var(--tone-neutral-08,107 107 107);--mds-date-range-preselection-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-selected-background:rgb(var(--variant-primary-03,211 226 255));--mds-date-range-preselection-selected-border:var(--variant-primary-03,211 226 255);--mds-date-range-preselection-selected-color:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-background:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-border:var(--tone-neutral,0 0 0);--mds-date-range-preselection-hover-color:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-date-range-preselection-default-background:rgb(var(--tone-neutral-08,107 107 107)/0);--mds-date-range-preselection-default-border:var(--tone-neutral-08,107 107 107);--mds-date-range-preselection-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-selected-background:rgb(var(--variant-primary-03,211 226 255));--mds-date-range-preselection-selected-border:var(--variant-primary-03,211 226 255);--mds-date-range-preselection-selected-color:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-background:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-border:var(--tone-neutral,0 0 0);--mds-date-range-preselection-hover-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-background:var(--mds-date-range-preselection-default-background,rgb(var(--tone-neutral-08,107 107 107)/0));--mds-date-range-preselection-border:var(--mds-date-range-preselection-default-border,var(--tone-neutral-08,107 107 107));--mds-date-range-preselection-color:var(--mds-date-range-preselection-default-color,rgb(var(--tone-neutral-03,233 233 233)));display:inline-flex;justify-self:start}:host .action{--mds-button-background:var(--mds-date-range-preselection-background);--mds-button-border-color:var(--mds-date-range-preselection-border);--mds-button-color:var(--mds-date-range-preselection-color)}:host .action:hover{--mds-date-range-preselection-background:var(--mds-date-range-preselection-hover-background,rgb(var(--tone-neutral,0 0 0)));--mds-date-range-preselection-border:var(--mds-date-range-preselection-hover-border,var(--tone-neutral,0 0 0));--mds-date-range-preselection-color:var(--mds-date-range-preselection-hover-color,rgb(var(--tone-neutral-03,233 233 233)))}:host([selected]) .action{--mds-date-range-preselection-background:var(--mds-date-range-preselection-selected-background,rgb(var(--variant-primary-03,211 226 255)));--mds-date-range-preselection-border:var(--mds-date-range-preselection-selected-border,var(--variant-primary-03,211 226 255));--mds-date-range-preselection-color:var(--mds-date-range-preselection-selected-color,rgb(var(--tone-neutral,0 0 0)));pointer-events:none}"}},[257,"mds-input-date-range-preselection",{selected:[1540],start:[513],end:[513]}]),c=l,m=function(){"undefined"!=typeof customElements&&["mds-input-date-range-preselection","mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-input-date-range-preselection":customElements.get(n(e))||customElements.define(n(e),l);break;case"mds-button":customElements.get(n(e))||o();break;case"mds-icon":customElements.get(n(e))||s();break;case"mds-spinner":customElements.get(n(e))||d();break;case"mds-text":customElements.get(n(e))||i()}}))};export{c as MdsInputDateRangePreselection,m as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as r,h as t,Host as a,transformTag as n}from"@stencil/core/internal/client";import{d as o}from"./mds-button2.js";import{d as s}from"./mds-icon2.js";import{d}from"./mds-spinner2.js";import{d as i}from"./mds-text2.js";const l=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.onClick=e=>{var r;e.stopPropagation();const t=null===(r=this.host)||void 0===r?void 0:r.closest("mds-input-date-range");t&&(t.preselect({caller:this.host,start:this.start,end:this.end}),this.selected=!0)}}render(){return t(a,{key:"e5571b251d0b86eccf975c07af016fd0e25387d3",slot:"calendar-preselection"},t("mds-button",{key:"95b8be91464b8e283c623c191514f7c293b941af",onClick:this.onClick,class:"action",variant:"primary",tone:"strong"},t("slot",{key:"6a96b556f736d867ab858ffba7307c45fb15dd65"})))}get host(){return this}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-date-range-preselection-default-background:rgb(var(--tone-neutral-08,107 107 107)/0);--mds-date-range-preselection-default-border:var(--tone-neutral-08,107 107 107);--mds-date-range-preselection-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-selected-background:rgb(var(--variant-primary-03,211 226 255));--mds-date-range-preselection-selected-border:var(--variant-primary-03,211 226 255);--mds-date-range-preselection-selected-color:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-background:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-border:var(--tone-neutral,0 0 0);--mds-date-range-preselection-hover-color:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-date-range-preselection-default-background:rgb(var(--tone-neutral-08,107 107 107)/0);--mds-date-range-preselection-default-border:var(--tone-neutral-08,107 107 107);--mds-date-range-preselection-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-selected-background:rgb(var(--variant-primary-03,211 226 255));--mds-date-range-preselection-selected-border:var(--variant-primary-03,211 226 255);--mds-date-range-preselection-selected-color:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-background:rgb(var(--tone-neutral,0 0 0));--mds-date-range-preselection-hover-border:var(--tone-neutral,0 0 0);--mds-date-range-preselection-hover-color:rgb(var(--tone-neutral-03,233 233 233));--mds-date-range-preselection-background:var(--mds-date-range-preselection-default-background,rgb(var(--tone-neutral-08,107 107 107)/0));--mds-date-range-preselection-border:var(--mds-date-range-preselection-default-border,var(--tone-neutral-08,107 107 107));--mds-date-range-preselection-color:var(--mds-date-range-preselection-default-color,rgb(var(--tone-neutral-03,233 233 233)));display:inline-flex;justify-self:start}:host .action{--mds-button-background:var(--mds-date-range-preselection-background);--mds-button-border-color:var(--mds-date-range-preselection-border);--mds-button-color:var(--mds-date-range-preselection-color)}:host .action:hover{--mds-date-range-preselection-background:var(--mds-date-range-preselection-hover-background,rgb(var(--tone-neutral,0 0 0)));--mds-date-range-preselection-border:var(--mds-date-range-preselection-hover-border,var(--tone-neutral,0 0 0));--mds-date-range-preselection-color:var(--mds-date-range-preselection-hover-color,rgb(var(--tone-neutral-03,233 233 233)))}:host([selected]) .action{--mds-date-range-preselection-background:var(--mds-date-range-preselection-selected-background,rgb(var(--variant-primary-03,211 226 255)));--mds-date-range-preselection-border:var(--mds-date-range-preselection-selected-border,var(--variant-primary-03,211 226 255));--mds-date-range-preselection-color:var(--mds-date-range-preselection-selected-color,rgb(var(--tone-neutral,0 0 0)));pointer-events:none}"}},[257,"mds-input-date-range-preselection",{selected:[1540],start:[513],end:[513]}]),c=l,m=function(){"undefined"!=typeof customElements&&["mds-input-date-range-preselection","mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-input-date-range-preselection":customElements.get(n(e))||customElements.define(n(e),l);break;case"mds-button":customElements.get(n(e))||o();break;case"mds-icon":customElements.get(n(e))||s();break;case"mds-spinner":customElements.get(n(e))||d();break;case"mds-text":customElements.get(n(e))||i()}}))};export{c as MdsInputDateRangePreselection,m as defineCustomElement}

package/dist/components/mds-input-date-range.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as a,h as r,Host as n,transformTag as i}from"@stencil/core/internal/client";import{m as s}from"./calendar-today.js";import{D as o,d}from"./mds-calendar2.js";import{c}from"./clsx.js";import{L as l}from"./locale.js";import{d as h}from"./mds-button2.js";import{d as m}from"./mds-calendar-cell2.js";import{d as u}from"./mds-dropdown2.js";import{d as p}from"./mds-icon2.js";import{d as g}from"./mds-spinner2.js";import{d as b}from"./mds-text2.js";var f={from:"Από",to:"έως"},v={from:"From",to:"to"},x={from:"De",to:"a"},y={from:"Dal",to:"al"};const w=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dateRangeSelected=a(this,"mdsInputDateRangeSelect",7),this.valueChanged=a(this,"mdsInputDateRangeValueChange",7),this.internals=this.attachInternals(),this.calendarKey=0,this.internalStartDate="",this.internalEndDate="",this.hasPreselection=!1,this.t=new l({el:f,en:v,es:x,it:y}),this.startDate="",this.endDate="",this.min=null,this.max=null,this.delay=500,this.lastEmittedStartDate=null,this.lastEmittedEndDate=null,this.initialStartDate="",this.initialEndDate="",this.handleFocusOut=t=>{if(!this.host.contains(t.relatedTarget)){const t=o.fromISO(this.internalStartDate).isValid,e=o.fromISO(this.internalEndDate).isValid;t&&e&&(this.validateDateRange(),this.syncFormValue(),this.dateRangeSelected.emit({startDate:this.internalStartDate,endDate:this.internalEndDate}),this.checkPreselections()),this.internalStartDate===this.lastEmittedStartDate&&this.internalEndDate===this.lastEmittedEndDate||(this.valueChanged.emit({startDate:this.internalStartDate,endDate:this.internalEndDate}),this.lastEmittedStartDate=this.internalStartDate,this.lastEmittedEndDate=this.internalEndDate)}},this.focusInput=t=>{t.focusInput()},this.focusDateInput=t=>{t.target===this.host&&this.focusStartDateInput(t)},this.focusStartDateInput=t=>{t.preventDefault(),t.stopPropagation(),this.focusInput(this.host.querySelector('mds-input-date[slot="start"]'))},this.focusEndDateInput=t=>{t.preventDefault(),t.stopPropagation(),this.focusInput(this.host.querySelector('mds-input-date[slot="end"]'))}}async updateLang(){this.language=this.t.lang(this.host)}handleStartDateChange(t){this.syncExternalDate("start",t)}handleEndDateChange(t){this.syncExternalDate("end",t)}componentWillLoad(){if(this.language=this.t.lang(this.host),this.internalStartDate=this.startDate,this.internalEndDate=this.endDate,this.initialStartDate=this.startDate,this.initialEndDate=this.endDate,this.min&&this.max){const t=o.fromISO(this.min);o.fromISO(this.max)<t&&(this.max=this.min)}this.syncFormValue()}disconnectedCallback(){this.host.removeEventListener("focusout",this.handleFocusOut)}async preselect(t){var e,a;this.togglePreselection||(this.togglePreselection=Array.from(this.host.querySelectorAll("mds-input-date-range-preselection"))),this.togglePreselection.forEach((t=>{t.selected=!1})),t.caller.selected=!0,o.fromISO(t.start).isValid&&(this.internalStartDate=t.start,this.updateInputValue("start",this.internalStartDate)),void 0!==t.end?o.fromISO(t.end).isValid&&(this.internalEndDate=t.end):this.internalEndDate=t.start,this.updateInputValue("end",this.internalEndDate),this.syncFormValue();const r=null===(a=null===(e=this.host)||void 0===e?void 0:e.shadowRoot)||void 0===a?void 0:a.querySelector("mds-calendar");if(r){if(await r.updateCurrentDate(this.internalStartDate),0===this.delay)return;const{dropdownRef:t}=this;t&&setTimeout((()=>{t.visible=!1}),this.delay)}return this.dateRangeSelected.emit({startDate:this.internalStartDate,endDate:this.internalEndDate}),Promise.resolve()}componentDidLoad(){this.updateInputListeners(),this.updateInputValue("start",this.internalStartDate),this.updateInputValue("end",this.internalEndDate),this.syncFormValue(),this.host.addEventListener("focusout",this.handleFocusOut)}formResetCallback(){this.internalStartDate=this.initialStartDate,this.internalEndDate=this.initialEndDate,this.updateInputValue("start",this.internalStartDate),this.updateInputValue("end",this.internalEndDate),this.checkPreselections(),this.syncFormValue()}syncExternalDate(t,e){const a=null!=e?e:"";if("start"===t){if(a===this.internalStartDate)return;this.internalStartDate=a}else{if(a===this.internalEndDate)return;this.internalEndDate=a}this.validateDateRange(),this.updateInputValue("start",this.internalStartDate),this.updateInputValue("end",this.internalEndDate),this.checkPreselections(),this.syncFormValue()}updateInputValue(t,e){var a;const r=null===(a=this.host.shadowRoot)||void 0===a?void 0:a.querySelector(`slot[name="${t}"]`),n=null==r?void 0:r.assignedElements()[0];n&&n.setValue(e)}updateInputListeners(){var t,e;const a=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="start"]'),r=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="end"]');this.hasPreselection=null!==this.host.querySelector("mds-input-date-range-preselection"),a&&a.assignedElements()[0].addEventListener("mdsInputDateSelect",this.createFocusoutListener("start")),r&&r.assignedElements()[0].addEventListener("mdsInputDateSelect",this.createFocusoutListener("end"))}createFocusoutListener(t){return e=>{const a=e;"start"===t?this.internalStartDate=a.detail:this.internalEndDate=a.detail,this.syncFormValue()}}validateDateRange(){if(this.internalStartDate&&this.internalEndDate){const t=o.fromISO(this.internalStartDate);o.fromISO(this.internalEndDate)<t&&(this.internalEndDate=this.internalStartDate,this.updateInputValue("end",this.internalEndDate))}}checkPreselections(){const t=Array.from(this.host.querySelectorAll("mds-input-date-range-preselection"));t&&t.forEach((t=>{t.selected=!!(t.start===this.internalStartDate&&t.end===this.internalEndDate||t.start===this.internalStartDate&&this.internalStartDate===this.internalEndDate&&void 0===t.end)}))}render(){return r(n,{key:"4aef8d318b0cab17f4ad1d7c276cbd0db2d2038d",onClick:this.focusDateInput},r("div",{key:"8cc6be57143826af84c01a617fe4e2f47f45b63d",class:"inputs"},r("div",{key:"b79ce756d5064394cc2a3920ff72beb30e01ceb1",class:"input-element"},r("mds-text",{key:"29825a813f7b8fb553c7ffce9db377e1884409fe",class:"date-label",typography:"detail",onClick:this.focusStartDateInput},this.t.get("from")),r("div",{key:"829e272b2e59be82c1e7d46e1c7f219965ed9645",class:"input-wrapper"},r("slot",{key:"9dce89ebb990e417772dfd22f3773e34e0372087",name:"start"}))),r("div",{key:"7d1c88dac297479bbb7ac19d29bdc2a61878c9ec",class:"input-element"},r("mds-text",{key:"ed4e0bf4f145127142cb4b093aadc8e065259395",class:"date-label",typography:"detail",onClick:this.focusEndDateInput},this.t.get("to")),r("div",{key:"41c3ec52338798b32eb5439c6c429785405fb17d",class:"input-wrapper"},r("slot",{key:"9d2c09367d5aa5e4f53dfbfb46ddab6695372cbb",name:"end"})))),r("div",{key:"6a3d364492b926fc9ff36173acc973b4a2f5d549",class:"action-open-calendar-wrapper"},r("mds-button",{key:"1542474a4fd9d8f293511daa0021105d995d59a2",class:"action-open-calendar",variant:"dark",tone:"text",icon:s,id:"calendar-dropdown",onClick:()=>{this.calendarKey+=1}})),r("mds-dropdown",{key:"aaa26eeab22f16125384fcfcc35ea7b1e6daf8cf",ref:t=>this.dropdownRef=t,target:"#calendar-dropdown","auto-placement":!1,placement:"bottom-end"},r("mds-calendar",Object.assign({lang:this.language,key:this.calendarKey,rangePicker:!0,onMdsCalendarChange:t=>{if(this.internalStartDate=t.detail.startDate,this.updateInputValue("start",this.internalStartDate),t.detail.endDate&&(this.internalEndDate=t.detail.endDate,this.updateInputValue("end",this.internalEndDate)),this.syncFormValue(),this.internalStartDate&&this.internalEndDate){if(this.dateRangeSelected.emit({startDate:this.internalStartDate,endDate:this.internalEndDate}),0===this.delay)return;const{dropdownRef:t}=this;t&&setTimeout((()=>{t.visible=!1}),this.delay)}},onMdsCalendarPreselect:()=>{this.checkPreselections()},startDate:this.internalStartDate,endDate:this.internalEndDate},this.min?{min:this.min}:{},this.max?{max:this.max}:{}),r("div",{key:"906707dd59ff68bb46a411aae205d74cb61113bf",slot:"preselection",class:c("date-preselection",this.hasPreselection&&"date-preselection--has-preselection")},r("slot",{key:"e96a49b3797994bb00f66f5f9e88d4c7435e91cb",name:"calendar-preselection"})))))}syncFormValue(){var t,e,a,r;const n=null!==(e=null===(t=this.internalStartDate)||void 0===t?void 0:t.trim())&&void 0!==e?e:"",i=null!==(r=null===(a=this.internalEndDate)||void 0===a?void 0:a.trim())&&void 0!==r?r:"";this.internals.setFormValue(n||i?JSON.stringify({startDate:n,endDate:i}):null)}static get formAssociated(){return!0}get host(){return this}static get watchers(){return{startDate:[{handleStartDateChange:0}],endDate:[{handleEndDateChange:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-input-date-range-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 calc(var(--spacing,.0025rem)*200);--mds-input-date-range-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-range-variant-color-rgb:0 0 0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-calendar,mds-dropdown,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-input-date-range-fields-firefox-justify-content{syntax:"start|end|center|left|right|flex-start|flex-end";inherits:false;initial-value:start}@property --mds-input-date-range-variant-color-rgb{syntax:"<integer>+";inherits:false;initial-value:0 0 0}:host{--mds-input-date-range-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 calc(var(--spacing,.0025rem)*200);--mds-input-date-range-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-range-ring:0 0 0 1px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1);--mds-input-date-range-shadow:0 1px 3px 0 rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1),0 1px 2px 0 rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.06);font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--radius-2xl,24px);color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);container-type:inline-size;cursor:text;display:flex;gap:calc(var(--spacing,.0025rem)*200);overflow:visible;position:relative;--mds-input-date-range-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-date-range-variant-color-rgb:0 0 0}.date-preselection{display:grid;gap:calc(var(--spacing,.0025rem)*200)}.inputs{font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--mds-input-date-range-background,rgb(var(--tone-neutral,0 0 0)));border-radius:inherit;-webkit-box-shadow:var(--mds-input-date-range-ring),var(--mds-input-date-range-shadow);box-shadow:var(--mds-input-date-range-ring),var(--mds-input-date-range-shadow);box-sizing:border-box;color:inherit;corner-shape:inherit;align-items:center;border:0;display:inline-flex;flex-wrap:wrap;gap:var(--mds-input-date-range-fields-gap,0 calc(var(--spacing,.0025rem)*200));margin:0;min-height:3rem;overflow:hidden;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);text-overflow:ellipsis;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,border-color,box-shadow,color,fill,margin,opacity,padding,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:100%}.input-element{align-items:baseline;display:inline-flex}:host(:focus-within) .inputs{--tw-outline-style:none;outline-style:none;transition-duration:var(--default-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--default-transition-timing-function);--mds-input-date-range-ring:0 0 0 3px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/1);--mds-input-date-range-shadow:0 4px 6px 3px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1),0 2px 4px -1px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.06);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input-wrapper{display:flex;flex-shrink:0}.date-label{margin-left:calc(var(--spacing,.0025rem)*50);margin-right:calc(var(--spacing,.0025rem)*50);min-width:min-content;white-space:nowrap}.date-label:first-child{margin-left:0}mds-calendar{min-width:max-content}.action-open-calendar-wrapper{align-items:center;aspect-ratio:1;bottom:0;display:flex;justify-content:center;position:absolute;right:0;top:0}.action-open-calendar{--mds-button-color:var(--mds-input-date-range-icon-color,rgb(var(--variant-primary-03,211 226 255)))}mds-dropdown{padding:0}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-date-range-ring:var(--shadow-outline-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}:host-context(:root.pref-contrast-more){--mds-input-date-range-ring:var(--shadow-outline-strong-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}@supports ((-moz-appearance:none)){.action-open-calendar{display:none}.inputs{-ms-flex-pack:var(--mds-input-date-range-fields-firefox-justify-content,start);justify-content:var(--mds-input-date-range-fields-firefox-justify-content,start);padding-right:calc(var(--spacing,.0025rem)*400)}}:host(:focus-within){--mds-input-date-range-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-date-range-variant-color-rgb:var(--variant-primary-04,184 208 255)}:host([variant=ai]){--mds-input-date-range-icon-color:rgb(var(--variant-ai-04,218 199 253));--mds-input-tip-background:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=ai]:focus-within){--mds-input-date-range-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-range-variant-color-rgb:var(--variant-ai-04,218 199 253)}:host([variant=info]){--mds-input-date-range-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=info]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-date-range-variant-color-rgb:var(--status-info-04,159 216 241)}:host([variant=success]){--mds-input-date-range-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=success]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-date-range-variant-color-rgb:var(--status-success-04,158 222 181)}:host([variant=warning]){--mds-input-date-range-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=warning]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-date-range-variant-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=error]){--mds-input-date-range-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=error]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-date-range-variant-color-rgb:var(--status-error-04,254 193 189)}@media (forced-colors:active){:host(:focus-within) .inputs{outline:2px solid #0000;outline-offset:2px}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-input-date-range-ring:var(--shadow-outline-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-date-range-ring:var(--shadow-outline-strong-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}}'}},[321,"mds-input-date-range",{startDate:[513,"start-date"],endDate:[513,"end-date"],min:[513],max:[513],delay:[514],name:[513],calendarKey:[32],internalStartDate:[32],internalEndDate:[32],dropdownRef:[32],hasPreselection:[32],language:[32],updateLang:[64],preselect:[64]},void 0,{startDate:[{handleStartDateChange:0}],endDate:[{handleEndDateChange:0}]}]),k=w,D=function(){"undefined"!=typeof customElements&&["mds-input-date-range","mds-button","mds-calendar","mds-calendar-cell","mds-dropdown","mds-icon","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-input-date-range":customElements.get(i(t))||customElements.define(i(t),w);break;case"mds-button":customElements.get(i(t))||h();break;case"mds-calendar":customElements.get(i(t))||d();break;case"mds-calendar-cell":customElements.get(i(t))||m();break;case"mds-dropdown":customElements.get(i(t))||u();break;case"mds-icon":customElements.get(i(t))||p();break;case"mds-spinner":customElements.get(i(t))||g();break;case"mds-text":customElements.get(i(t))||b()}}))};export{k as MdsInputDateRange,D as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as a,h as n,Host as i,transformTag as r}from"@stencil/core/internal/client";import{m as s}from"./calendar-today.js";import{D as o,d}from"./mds-calendar2.js";import{c as l}from"./clsx.js";import{L as h}from"./locale.js";import{d as c}from"./mds-button2.js";import{d as m}from"./mds-calendar-cell2.js";import{d as u}from"./mds-dropdown2.js";import{d as p}from"./mds-icon2.js";import{d as g}from"./mds-spinner2.js";import{d as v}from"./mds-text2.js";var b={from:"Από",to:"έως"},f={from:"From",to:"to"},x={from:"De",to:"a"},y={from:"Dal",to:"al"};const w=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChanged=a(this,"mdsInputDateRangeValueChange",7),this.internals=this.attachInternals(),this.calendarKey=0,this.internalStartDate="",this.internalEndDate="",this.visibleCalendarDate="",this.hasPreselection=!1,this.t=new h({el:b,en:f,es:x,it:y}),this.startDate="",this.endDate="",this.min=null,this.max=null,this.delay=500,this.dualCalendar=!1,this.lastEmittedStartDate=null,this.lastEmittedEndDate=null,this.initialStartDate="",this.initialEndDate="",this.hoveredCalendarDate=null,this.syncingInputSlots=new Set,this.handleFocusOut=t=>{if(!this.host.contains(t.relatedTarget)){const t=o.fromISO(this.internalStartDate).isValid,e=o.fromISO(this.internalEndDate).isValid;t&&e&&(this.validateDateRange(),this.syncFormValue(),this.checkPreselections(),this.emitValueChanged())}},this.focusInput=t=>{t.focusInput()},this.focusDateInput=t=>{t.target===this.host&&this.focusStartDateInput(t)},this.focusStartDateInput=t=>{t.preventDefault(),t.stopPropagation(),this.focusInput(this.host.querySelector('mds-input-date[slot="start"]'))},this.focusEndDateInput=t=>{t.preventDefault(),t.stopPropagation(),this.focusInput(this.host.querySelector('mds-input-date[slot="end"]'))},this.handleCalendarHover=t=>{if(""===this.internalStartDate||""!==this.internalEndDate)return void this.clearHoverPreview();const e=t.detail.hoverDate;this.hoveredCalendarDate!==e&&(this.hoveredCalendarDate=e,this.syncCalendarsHoverAttributes())},this.handleCalendarChange=t=>{this.clearHoverPreview(),this.internalStartDate=t.detail.startDate,this.updateInputValue("start",this.internalStartDate),void 0!==t.detail.endDate&&""!==t.detail.endDate?(this.internalEndDate=t.detail.endDate,this.updateInputValue("end",this.internalEndDate)):(this.internalEndDate="",this.updateInputValue("end",this.internalEndDate)),this.syncFormValue(),this.syncCalendarsSelectionAttributes(),""!==this.internalStartDate&&""!==this.internalEndDate&&(this.emitValueChanged(),this.closeDropdownAfterSelection())},this.handleCalendarNavigate=t=>{if(!this.dualCalendar)return;const e=this.getCalendars().indexOf(t.target),a=o.fromISO(t.detail.currentDate);a.isValid&&(this.visibleCalendarDate=a.minus({months:1===e?1:0}).startOf("month").toISODate())}}async updateLang(){this.language=this.t.lang(this.host)}getCalendars(){var t,e;return Array.from(null!==(e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll("mds-calendar"))&&void 0!==e?e:[])}resolveVisibleCalendarDate(t,e){var a;return(null!==(a=[t,e].map((t=>o.fromISO(null!=t?t:""))).filter((t=>t.isValid))[0])&&void 0!==a?a:o.now()).startOf("month").toISODate()}getCalendarViewDate(t=0){const e=o.fromISO(this.visibleCalendarDate),a=o.fromISO(this.internalStartDate);let n=o.now();return e.isValid?n=e:a.isValid&&(n=a),n.startOf("month").plus({months:t}).toISODate()}setVisibleCalendarDate(t){const e=o.fromISO(t);e.isValid&&(this.visibleCalendarDate=e.startOf("month").toISODate())}closeDropdownAfterSelection(){if(0===this.delay)return;const{dropdownRef:t}=this;t&&setTimeout((()=>{t.visible=!1}),this.delay)}syncCalendarsSelectionAttributes(){var t;null===(t=this.host.shadowRoot)||void 0===t||t.querySelectorAll("mds-calendar").forEach((t=>{""!==this.internalStartDate?t.setAttribute("start-date",this.internalStartDate):t.removeAttribute("start-date"),""!==this.internalEndDate?t.setAttribute("end-date",this.internalEndDate):t.removeAttribute("end-date")})),this.syncCalendarsHoverAttributes()}syncCalendarsHoverAttributes(){var t;null===(t=this.host.shadowRoot)||void 0===t||t.querySelectorAll("mds-calendar").forEach((t=>{null!==this.hoveredCalendarDate&&""!==this.hoveredCalendarDate?t.setAttribute("hover-date",this.hoveredCalendarDate):t.removeAttribute("hover-date")}))}clearHoverPreview(){null!==this.hoveredCalendarDate&&(this.hoveredCalendarDate=null,this.syncCalendarsHoverAttributes())}getEmittableDateRangeDetail(){const t=o.fromISO(this.internalStartDate),e=o.fromISO(this.internalEndDate);return t.isValid&&e.isValid?{startDate:this.internalStartDate,endDate:this.internalEndDate}:null}emitValueChanged(){const t=this.getEmittableDateRangeDetail();return!(!t||t.startDate===this.lastEmittedStartDate&&t.endDate===this.lastEmittedEndDate||(this.valueChanged.emit(t),this.lastEmittedStartDate=t.startDate,this.lastEmittedEndDate=t.endDate,0))}handleStartDateChange(t){this.syncExternalDate("start",t)}handleEndDateChange(t){this.syncExternalDate("end",t)}componentWillLoad(){if(this.language=this.t.lang(this.host),this.internalStartDate=this.startDate,this.internalEndDate=this.endDate,this.initialStartDate=this.startDate,this.initialEndDate=this.endDate,this.visibleCalendarDate=this.resolveVisibleCalendarDate(this.internalStartDate,this.internalEndDate),null!==this.min&&""!==this.min&&null!==this.max&&""!==this.max){const t=o.fromISO(this.min);o.fromISO(this.max)<t&&(this.max=this.min)}this.syncFormValue()}disconnectedCallback(){var t;this.host.removeEventListener("focusout",this.handleFocusOut),null===(t=this.host.shadowRoot)||void 0===t||t.removeEventListener("mdsCalendarHover",this.handleCalendarHover)}async preselect(t){null==this.togglePreselection&&(this.togglePreselection=Array.from(this.host.querySelectorAll("mds-input-date-range-preselection"))),this.togglePreselection.forEach((t=>{t.selected=!1})),t.caller.selected=!0,this.clearHoverPreview(),o.fromISO(t.start).isValid&&(this.internalStartDate=t.start,this.setVisibleCalendarDate(this.internalStartDate),this.updateInputValue("start",this.internalStartDate)),void 0!==t.end?o.fromISO(t.end).isValid&&(this.internalEndDate=t.end):this.internalEndDate=t.start,this.updateInputValue("end",this.internalEndDate),this.syncFormValue();const e=this.getCalendars();return 0!==e.length&&(await Promise.all(e.map(((t,e)=>t.updateCurrentDate(this.getCalendarViewDate(e))))),this.closeDropdownAfterSelection()),this.emitValueChanged(),Promise.resolve()}componentDidLoad(){var t;this.updateInputListeners(),this.updateInputValue("start",this.internalStartDate),this.updateInputValue("end",this.internalEndDate),this.syncFormValue(),this.host.addEventListener("focusout",this.handleFocusOut),null===(t=this.host.shadowRoot)||void 0===t||t.addEventListener("mdsCalendarHover",this.handleCalendarHover)}formResetCallback(){this.clearHoverPreview(),this.internalStartDate=this.initialStartDate,this.internalEndDate=this.initialEndDate,this.visibleCalendarDate=this.resolveVisibleCalendarDate(this.initialStartDate,this.initialEndDate),this.updateInputValue("start",this.internalStartDate),this.updateInputValue("end",this.internalEndDate),this.checkPreselections(),this.syncFormValue()}syncExternalDate(t,e){const a=null!=e?e:"";if(this.clearHoverPreview(),"start"===t){if(a===this.internalStartDate)return;this.internalStartDate=a,this.setVisibleCalendarDate(this.internalStartDate)}else{if(a===this.internalEndDate)return;this.internalEndDate=a}this.validateDateRange(),this.updateInputValue("start",this.internalStartDate),this.updateInputValue("end",this.internalEndDate),this.checkPreselections(),this.syncFormValue()}updateInputValue(t,e){var a;const n=null===(a=this.host.shadowRoot)||void 0===a?void 0:a.querySelector(`slot[name="${t}"]`),i=null==n?void 0:n.assignedElements()[0];null!=i&&(this.syncingInputSlots.add(t),i.setValue(e).finally((()=>{requestAnimationFrame((()=>{this.syncingInputSlots.delete(t)}))})))}updateInputListeners(){var t,e;const a=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector('slot[name="start"]'),n=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="end"]');this.hasPreselection=null!==this.host.querySelector("mds-input-date-range-preselection"),null!=a&&a.assignedElements()[0].addEventListener("mdsInputDateSelect",this.createFocusoutListener("start")),null!=n&&n.assignedElements()[0].addEventListener("mdsInputDateSelect",this.createFocusoutListener("end"))}createFocusoutListener(t){return e=>{if(this.syncingInputSlots.has(t))return;const a=e;this.clearHoverPreview(),"start"===t?(this.internalStartDate=a.detail,this.setVisibleCalendarDate(this.internalStartDate)):this.internalEndDate=a.detail,this.syncFormValue()}}validateDateRange(){if(""!==this.internalStartDate&&""!==this.internalEndDate){const t=o.fromISO(this.internalStartDate);o.fromISO(this.internalEndDate)<t&&(this.internalEndDate=this.internalStartDate,this.updateInputValue("end",this.internalEndDate))}}checkPreselections(){const t=Array.from(this.host.querySelectorAll("mds-input-date-range-preselection"));null!=t&&t.forEach((t=>{t.selected=!!(t.start===this.internalStartDate&&t.end===this.internalEndDate||t.start===this.internalStartDate&&this.internalStartDate===this.internalEndDate&&void 0===t.end)}))}renderCalendarPreselectionPanel(){return this.hasPreselection?n("div",{class:"calendar-preselection-panel"},n("div",{class:l("date-preselection",this.hasPreselection&&"date-preselection--has-preselection")},n("slot",{name:"calendar-preselection"}))):null}renderSingleCalendar(){return n("div",{class:"calendar-single"},this.renderCalendarPreselectionPanel(),n("mds-calendar",Object.assign({lang:this.language,key:this.calendarKey,rangePicker:!0,onMdsCalendarChange:this.handleCalendarChange,onMdsCalendarPreselect:()=>{this.checkPreselections()},startDate:this.internalStartDate,endDate:this.internalEndDate},null!==this.min&&""!==this.min?{min:this.min}:{},null!==this.max&&""!==this.max?{max:this.max}:{})))}renderDualCalendars(){return n("div",{class:"calendars"},this.renderCalendarPreselectionPanel(),n("mds-calendar",Object.assign({lang:this.language,key:this.calendarKey+"-start",rangePicker:!0,showNextButton:!1,disableMonthYearSelection:!0,viewDate:this.getCalendarViewDate(),onMdsCalendarNavigate:this.handleCalendarNavigate,onMdsCalendarChange:this.handleCalendarChange,onMdsCalendarPreselect:()=>{this.checkPreselections()},startDate:this.internalStartDate,endDate:this.internalEndDate},null!==this.min&&""!==this.min?{min:this.min}:{},null!==this.max&&""!==this.max?{max:this.max}:{})),n("mds-calendar",Object.assign({lang:this.language,key:this.calendarKey+"-end",rangePicker:!0,showPreviousButton:!1,disableMonthYearSelection:!0,viewDate:this.getCalendarViewDate(1),onMdsCalendarNavigate:this.handleCalendarNavigate,onMdsCalendarChange:this.handleCalendarChange,onMdsCalendarPreselect:()=>{this.checkPreselections()},startDate:this.internalStartDate,endDate:this.internalEndDate},null!==this.min&&""!==this.min?{min:this.min}:{},null!==this.max&&""!==this.max?{max:this.max}:{})))}render(){return n(i,{key:"13d9a565316927ca4ec2586f82e2f25f7d04ae25",onClick:this.focusDateInput},n("div",{key:"71bda796783e6ead96c24ad4ed84ac79265291e8",class:"inputs"},n("div",{key:"c06b73facc486130eb89e857b782b15581cfba20",class:"input-element"},n("mds-text",{key:"340fa48ce0a88bd6445cfc874c27ec70e2426feb",class:"date-label",typography:"detail",onClick:this.focusStartDateInput},this.t.get("from")),n("div",{key:"b82416e3ffa442ee84004d20e298b859ca5543a8",class:"input-wrapper"},n("slot",{key:"9b8741fecf76c4503e58b044222b4ccb6bb889e0",name:"start"}))),n("div",{key:"fcd38e4e5d5a065001c712a960dd5bcae1dd5e79",class:"input-element"},n("mds-text",{key:"269cdf295bfefe625a3cf98f1aaf7fb021b688d4",class:"date-label",typography:"detail",onClick:this.focusEndDateInput},this.t.get("to")),n("div",{key:"ee917dba0a0af805e1ebe5b69fb997b492e044ba",class:"input-wrapper"},n("slot",{key:"dd22c8a98be387b76aa6b355f6b025db1a8fdbb6",name:"end"})))),n("div",{key:"ca651a85e149d23e4eafdf66c121ffa3d5685dca",class:"action-open-calendar-wrapper"},n("mds-button",{key:"ff5e89aec57614f98890f52859bc2f10e33bc85d",class:"action-open-calendar",variant:"dark",tone:"text",icon:s,id:"calendar-dropdown",onClick:()=>{this.calendarKey+=1}})),n("mds-dropdown",{key:"30609e1d1eb75209b5e17444758b1b9b2ac19bce",ref:t=>this.dropdownRef=t,target:"#calendar-dropdown","auto-placement":!1,placement:"bottom-end"},this.dualCalendar?this.renderDualCalendars():this.renderSingleCalendar()))}syncFormValue(){var t,e,a,n;const i=null!==(e=null===(t=this.internalStartDate)||void 0===t?void 0:t.trim())&&void 0!==e?e:"",r=null!==(n=null===(a=this.internalEndDate)||void 0===a?void 0:a.trim())&&void 0!==n?n:"";this.internals.setFormValue(""!==i||""!==r?JSON.stringify({startDate:i,endDate:r}):null)}static get formAssociated(){return!0}get host(){return this}static get watchers(){return{startDate:[{handleStartDateChange:0}],endDate:[{handleEndDateChange:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-input-date-range-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-range-calendar-width:22rem;--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 calc(var(--spacing,.0025rem)*200);--mds-input-date-range-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-range-variant-color-rgb:0 0 0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-calendar,mds-dropdown,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-input-date-range-calendar-width{syntax:"<length>";inherits:false;initial-value:22rem}@property --mds-input-date-range-fields-firefox-justify-content{syntax:"start|end|center|left|right|flex-start|flex-end";inherits:false;initial-value:start}@property --mds-input-date-range-variant-color-rgb{syntax:"<integer>+";inherits:false;initial-value:0 0 0}:host{--mds-input-date-range-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-range-calendar-width:22rem;--mds-input-date-range-fields-firefox-justify-content:start;--mds-input-date-range-fields-gap:0 calc(var(--spacing,.0025rem)*200);--mds-input-date-range-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-range-ring:0 0 0 1px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1);--mds-input-date-range-shadow:0 1px 3px 0 rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1),0 1px 2px 0 rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.06);font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--radius-2xl,24px);color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);container-type:inline-size;cursor:text;display:flex;gap:calc(var(--spacing,.0025rem)*200);overflow:visible;position:relative;--mds-input-date-range-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-date-range-variant-color-rgb:0 0 0}.date-preselection{display:grid;gap:calc(var(--spacing,.0025rem)*200)}.inputs{font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--mds-input-date-range-background,rgb(var(--tone-neutral,0 0 0)));border-radius:inherit;-webkit-box-shadow:var(--mds-input-date-range-ring),var(--mds-input-date-range-shadow);box-shadow:var(--mds-input-date-range-ring),var(--mds-input-date-range-shadow);box-sizing:border-box;color:inherit;corner-shape:inherit;align-items:center;border:0;display:inline-flex;flex-wrap:wrap;gap:var(--mds-input-date-range-fields-gap,0 calc(var(--spacing,.0025rem)*200));margin:0;min-height:3rem;overflow:hidden;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);text-overflow:ellipsis;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,border-color,box-shadow,color,fill,margin,opacity,padding,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:100%}.input-element{align-items:baseline;display:inline-flex}:host(:focus-within) .inputs{--tw-outline-style:none;outline-style:none;transition-duration:var(--default-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--default-transition-timing-function);--mds-input-date-range-ring:0 0 0 3px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/1);--mds-input-date-range-shadow:0 4px 6px 3px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.1),0 2px 4px -1px rgb(var(--mds-input-date-range-variant-color-rgb,0 0 0)/.06);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input-wrapper{display:flex;flex-shrink:0}.date-label{margin-left:calc(var(--spacing,.0025rem)*50);margin-right:calc(var(--spacing,.0025rem)*50);min-width:min-content;white-space:nowrap}.date-label:first-child{margin-left:0}.calendars{display:flex;flex-wrap:nowrap;gap:calc(var(--spacing,.0025rem)*200);min-width:max-content}.calendar-preselection-panel{align-content:start;background-color:rgb(var(--tone-neutral-09,76 76 76));border-radius:var(--radius-lg,16px);box-sizing:border-box;display:grid;min-inline-size:max-content;padding:calc(var(--spacing,.0025rem)*400)}.calendar-single{display:flex;flex-wrap:nowrap;gap:calc(var(--spacing,.0025rem)*200);min-width:max-content}.calendar-single mds-calendar,.calendars mds-calendar{-ms-flex:0 0 var(--mds-input-date-range-calendar-width,22rem);flex:0 0 var(--mds-input-date-range-calendar-width,22rem);inline-size:var(--mds-input-date-range-calendar-width,22rem);max-inline-size:var(--mds-input-date-range-calendar-width,22rem);min-inline-size:var(--mds-input-date-range-calendar-width,22rem)}.action-open-calendar-wrapper{align-items:center;aspect-ratio:1;bottom:0;display:flex;justify-content:center;position:absolute;right:0;top:0}.action-open-calendar{--mds-button-color:var(--mds-input-date-range-icon-color,rgb(var(--variant-primary-03,211 226 255)))}mds-dropdown{padding:0}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-date-range-ring:var(--shadow-outline-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}:host-context(:root.pref-contrast-more){--mds-input-date-range-ring:var(--shadow-outline-strong-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}@supports ((-moz-appearance:none)){.action-open-calendar{display:none}.inputs{-ms-flex-pack:var(--mds-input-date-range-fields-firefox-justify-content,start);justify-content:var(--mds-input-date-range-fields-firefox-justify-content,start);padding-right:calc(var(--spacing,.0025rem)*400)}}:host(:focus-within){--mds-input-date-range-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-date-range-variant-color-rgb:var(--variant-primary-04,184 208 255)}:host([variant=ai]){--mds-input-date-range-icon-color:rgb(var(--variant-ai-04,218 199 253));--mds-input-tip-background:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=ai]:focus-within){--mds-input-date-range-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-range-variant-color-rgb:var(--variant-ai-04,218 199 253)}:host([variant=info]){--mds-input-date-range-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=info]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-date-range-variant-color-rgb:var(--status-info-04,159 216 241)}:host([variant=success]){--mds-input-date-range-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=success]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-date-range-variant-color-rgb:var(--status-success-04,158 222 181)}:host([variant=warning]){--mds-input-date-range-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=warning]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-date-range-variant-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=error]){--mds-input-date-range-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-date-range-variant-color-rgb:0 0 0}:host([variant=error]:focus-within){--mds-input-date-range-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-date-range-variant-color-rgb:var(--status-error-04,254 193 189)}@media (forced-colors:active){:host(:focus-within) .inputs{outline:2px solid #0000;outline-offset:2px}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-input-date-range-ring:var(--shadow-outline-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-date-range-ring:var(--shadow-outline-strong-50);--mds-input-date-range-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-range-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}}'}},[321,"mds-input-date-range",{startDate:[513,"start-date"],endDate:[513,"end-date"],min:[513],max:[513],delay:[514],dualCalendar:[516,"dual-calendar"],name:[513],calendarKey:[32],internalStartDate:[32],internalEndDate:[32],visibleCalendarDate:[32],dropdownRef:[32],hasPreselection:[32],language:[32],updateLang:[64],preselect:[64]},void 0,{startDate:[{handleStartDateChange:0}],endDate:[{handleEndDateChange:0}]}]),k=w,D=function(){"undefined"!=typeof customElements&&["mds-input-date-range","mds-button","mds-calendar","mds-calendar-cell","mds-dropdown","mds-icon","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-input-date-range":customElements.get(r(t))||customElements.define(r(t),w);break;case"mds-button":customElements.get(r(t))||c();break;case"mds-calendar":customElements.get(r(t))||d();break;case"mds-calendar-cell":customElements.get(r(t))||m();break;case"mds-dropdown":customElements.get(r(t))||u();break;case"mds-icon":customElements.get(r(t))||p();break;case"mds-spinner":customElements.get(r(t))||g();break;case"mds-text":customElements.get(r(t))||v()}}))};export{k as MdsInputDateRange,D as defineCustomElement}

package/dist/components/mds-input-date.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as r,h as a,Host as o,transformTag as i}from"@stencil/core/internal/client";import{m as n}from"./calendar-today.js";import{D as s,d}from"./mds-calendar2.js";import{L as c}from"./locale.js";import{d as p}from"./mds-button2.js";import{d as u}from"./mds-calendar-cell2.js";import{d as l}from"./mds-dropdown2.js";import{d as m}from"./mds-icon2.js";import{d as h}from"./mds-input-tip2.js";import{d as b}from"./mds-input-tip-item2.js";import{d as g}from"./mds-spinner2.js";import{d as v}from"./mds-text2.js";const f=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.validationEvent=r(this,"mdsInputValidation",7),this.valueChange=r(this,"mdsInputDateSelect",7),this.internals=this.attachInternals(),this.isSlotted=!1,this.t=new c({el:{},en:{},es:{},it:{}}),this.touched=!1,this.value="",this.variant="primary",this.min=null,this.max=null,this.delay=500,this.disabled=!1,this.readonly=!1,this.required=!1,this.calendarKey=0,this.hasFocus=!1,this.handleChange=t=>{const e=t.target;this.touched=!0,e.value&&(this.value=e.value),this.validateValue()},this.onBlur=t=>{const e=t.target;this.hasFocus=!1,this.value=e.value},this.onFocus=t=>{const e=t.target;this.hasFocus=!0,this.readonly&&setTimeout((()=>{e.select()}),10)}}async updateLang(){this.language=this.t.lang(this.host)}handleValue(){this.valueChange.emit(this.value),this.validateValue()}validateValue(){const t=s.fromISO(this.value),e=t.invalid,r=this.max&&s.fromISO(this.max)<t||this.min&&s.fromISO(this.min)>t;e&&this.required||r?(this.isValid=!1,this.variant="error",this.internals.setFormValue(null)):(this.isValid=!0,this.variant="primary",this.internals.setFormValue(this.value)),this.validationEvent.emit(this.isValid)}async focusInput(){var t;(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".input")).focus()}async setValue(t){return this.value=t,this.validateValue(),Promise.resolve()}async getErrors(){return Promise.resolve(this.isValid?null:{error:""})}formResetCallback(){this.internals.setFormValue("")}componentWillLoad(){if(this.isSlotted=!!this.host.getAttribute("slot"),this.value=this.value||"",this.language=this.t.lang(this.host),this.min&&this.max){const t=s.fromISO(this.min);s.fromISO(this.max)<t&&(this.max=this.min)}this.validateValue()}render(){return a(o,{key:"8efaa64794d705ab057db7b0b7743b588e35a3e7"},a("input",{key:"1e109892c36eae01e91d2aa5860b446c5d983006",value:this.value,id:"dateInput",class:"input",part:"input-date",type:"date",disabled:this.disabled,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.handleChange,onChange:this.handleChange}),!this.isSlotted&&a("div",{key:"3e9fb074efbfc12022587a627ea4815ec1428d31",class:"action-open-calendar-wrapper"},a("mds-button",{key:"d4cd21ec69ea8b30cf8fcd95b4052b401e1435a2",id:"calendar-dropdown",class:"action-open-calendar",disabled:this.disabled,variant:"dark",tone:"text",icon:n,onClick:()=>{this.calendarKey+=1}})),a("mds-input-tip",{key:"472adce47e2ad731fc1c742919ed2b6b32504558",lang:this.language,position:"top",active:this.hasFocus},this.disabled&&a("mds-input-tip-item",{key:"108c1310e84fce62fe49b7c19662e73535720807",expanded:!0,variant:"disabled"}),this.readonly&&a("mds-input-tip-item",{key:"bcbc3b4374824307b4e8b473a4a8b4d62a1bfd30",expanded:!0,variant:"readonly"}),this.required&&a("mds-input-tip-item",{key:"e9bea14210b583a0a16c353ad402520df436f957",expanded:this.hasFocus,variant:this.isValid?"required-success":"required"})),!this.isSlotted&&a("mds-dropdown",{key:"a567e5b0e1ce481d9829b0438d235c87f77153ef",placement:"bottom-end","auto-placement":!1,ref:t=>this.dropdownRef=t,target:"#calendar-dropdown"},a("mds-calendar",Object.assign({key:this.calendarKey,rangePicker:!1,lang:this.language,onMdsCalendarChange:t=>{if(this.value=t.detail.startDate,0===this.delay)return;const{dropdownRef:e}=this;e&&setTimeout((()=>{e.visible=!1}),this.delay)},startDate:this.value},this.min?{min:this.min}:{},this.max?{max:this.max}:{}))))}static get formAssociated(){return!0}get host(){return this}static get watchers(){return{value:[{handleValue:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-input-date-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-field-background-empty:rgb(var(--status-error-10,115 0 0));--mds-input-date-field-color-empty:rgb(var(--status-error-06,239 108 105));--mds-input-date-icon-color-rgb:var(--mds-input-date-variant-color-rgb,0 0 0);--mds-input-date-variant-color-rgb:0 0 0;--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-input-date-variant-color-rgb{syntax:"<integer>+";inherits:false;initial-value:0 0 0}:host{--mds-input-date-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-field-background-empty:rgb(var(--status-error-10,115 0 0));--mds-input-date-field-color-empty:rgb(var(--status-error-06,239 108 105));--mds-input-date-icon-color-rgb:var(--mds-input-date-variant-color-rgb,0 0 0);--mds-input-date-ring:0 0 0 1px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1);--mds-input-date-shadow:0 1px 3px 0 rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1),0 1px 2px 0 rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.06);--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--radius-2xl,24px);color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);container-type:inline-size;display:flex;gap:calc(var(--spacing,.0025rem)*200);overflow:visible;position:relative;--mds-input-date-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-date-variant-color-rgb:0 0 0}.input::-webkit-calendar-picker-indicator{appearance:textfield;display:none}.input{font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:inherit;box-sizing:border-box;color:inherit;corner-shape:inherit;background-color:#0000;border:0;margin:0;overflow:hidden;text-overflow:ellipsis;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,border-color,box-shadow,color,fill,margin,opacity,padding,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:min-content}:host([empty]) .input{background-color:var(--mds-input-date-field-background-empty,rgb(var(--status-error-10,115 0 0)));color:var(--mds-input-date-field-color-empty,rgb(var(--status-error-06,239 108 105)))}:host([slot]){color:inherit;display:contents}:host([slot]) .input{cursor:text;text-align:center}:host(:not([slot])) .input{background-color:var(--mds-input-date-background,rgb(var(--tone-neutral,0 0 0)));-webkit-box-shadow:var(--mds-input-date-ring),var(--mds-input-date-shadow);box-shadow:var(--mds-input-date-ring),var(--mds-input-date-shadow);min-height:3rem;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);padding-top:calc(var(--spacing,.0025rem)*300);width:100%}:host(:focus-within) .input{--tw-outline-style:none;outline-style:none;transition-duration:var(--default-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--default-transition-timing-function);--mds-input-date-ring:0 0 0 3px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/1);--mds-input-date-shadow:0 4px 6px 3px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1),0 2px 4px -1px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.06);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input::placeholder{color:rgb(var(--tone-neutral-04,218 218 218))}.input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-04,218 218 218))}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{appearance:none;display:none;margin:0}.input:disabled{background-color:rgb(var(--tone-neutral-10,60 60 60))}.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled:-ms-placeholder-shown{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled::-moz-placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled,.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.action-open-calendar-wrapper{align-items:center;aspect-ratio:1;bottom:0;display:flex;justify-content:center;position:absolute;right:0;top:0}.action-open-calendar{--mds-button-color:var(--mds-input-date-icon-color,rgb(var(--variant-primary-03,211 226 255)))}:host([disabled]:not([disabled=false])) .action-open-calendar{-webkit-transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200));transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200))}mds-calendar{min-width:max-content}mds-dropdown{padding:0}mds-input-tip{--mds-input-tip-horizontal-offset:inherit;--mds-input-tip-horizontal-offset-focused:inherit;--mds-input-tip-vertical-offset:inherit;--mds-input-tip-background:inherit}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-calendar,mds-dropdown,mds-input-tip,mds-input-tip-item):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-date-ring:var(--shadow-outline-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}:host-context(:root.pref-contrast-more){--mds-input-date-ring:var(--shadow-outline-strong-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}@supports ((-moz-appearance:none)){.action-open-calendar{display:none}:host(:not([slot])) .input{padding-right:calc(var(--spacing,.0025rem)*400)}}:host(:focus){--mds-input-date-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-date-variant-color-rgb:var(--variant-primary-04,184 208 255)}:host([variant=ai]){--mds-input-date-icon-color:rgb(var(--variant-ai-04,218 199 253));--mds-input-tip-background:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=ai]:focus){--mds-input-date-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-variant-color-rgb:var(--variant-ai-04,218 199 253)}:host([variant=info]){--mds-input-date-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=info]:focus){--mds-input-date-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-date-variant-color-rgb:var(--status-info-04,159 216 241)}:host([variant=success]){--mds-input-date-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=success]:focus){--mds-input-date-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-date-variant-color-rgb:var(--status-success-04,158 222 181)}:host([variant=warning]){--mds-input-date-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=warning]:focus){--mds-input-date-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-date-variant-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=error]){--mds-input-date-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=error]:focus){--mds-input-date-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-date-variant-color-rgb:var(--status-error-04,254 193 189)}@media (forced-colors:active){:host(:focus-within) .input{outline:2px solid #0000;outline-offset:2px}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-input-date-ring:var(--shadow-outline-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-date-ring:var(--shadow-outline-strong-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}}'}},[65,"mds-input-date",{value:[513],name:[513],variant:[1537],min:[1537],max:[1537],delay:[514],disabled:[516],readonly:[516],required:[516],isValid:[32],language:[32],touched:[32],calendarKey:[32],dropdownRef:[32],hasFocus:[32],updateLang:[64],focusInput:[64],setValue:[64],getErrors:[64]},void 0,{value:[{handleValue:0}]}]),y=f,x=function(){"undefined"!=typeof customElements&&["mds-input-date","mds-button","mds-calendar","mds-calendar-cell","mds-dropdown","mds-icon","mds-input-tip","mds-input-tip-item","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-input-date":customElements.get(i(t))||customElements.define(i(t),f);break;case"mds-button":customElements.get(i(t))||p();break;case"mds-calendar":customElements.get(i(t))||d();break;case"mds-calendar-cell":customElements.get(i(t))||u();break;case"mds-dropdown":customElements.get(i(t))||l();break;case"mds-icon":customElements.get(i(t))||m();break;case"mds-input-tip":customElements.get(i(t))||h();break;case"mds-input-tip-item":customElements.get(i(t))||b();break;case"mds-spinner":customElements.get(i(t))||g();break;case"mds-text":customElements.get(i(t))||v()}}))};export{y as MdsInputDate,x as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as r,createEvent as e,h as a,Host as i,transformTag as o}from"@stencil/core/internal/client";import{m as n}from"./calendar-today.js";import{D as s,d}from"./mds-calendar2.js";import{L as c}from"./locale.js";import{d as l}from"./mds-button2.js";import{d as p}from"./mds-calendar-cell2.js";import{d as u}from"./mds-dropdown2.js";import{d as m}from"./mds-icon2.js";import{d as h}from"./mds-input-tip2.js";import{d as b}from"./mds-input-tip-item2.js";import{d as g}from"./mds-spinner2.js";import{d as v}from"./mds-text2.js";const f=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.validationEvent=e(this,"mdsInputValidation",7),this.valueChange=e(this,"mdsInputDateSelect",7),this.internals=this.attachInternals(),this.isSlotted=!1,this.empty=void 0,this.t=new c({el:{},en:{},es:{},it:{}}),this.touched=!1,this.value="",this.variant="primary",this.min=null,this.max=null,this.delay=500,this.disabled=!1,this.readonly=!1,this.required=!1,this.calendarKey=0,this.hasFocus=!1,this.handleChange=t=>{const r=t.target;this.touched=!0,""!==r.value&&(this.value=r.value),this.validateValue(r.validity.badInput)},this.onBlur=t=>{const r=t.target;this.hasFocus=!1,this.value=r.value,this.validateValue(r.validity.badInput)},this.onFocus=t=>{const r=t.target;this.hasFocus=!0,this.readonly&&setTimeout((()=>{r.select()}),10)}}async updateLang(){this.language=this.t.lang(this.host)}handleValue(){this.valueChange.emit(this.value),this.validateValue()}validateValue(t=!1){const r=s.fromISO(this.value),e=!!this.value,a=e&&!r.isValid,i=this.required&&!e,o=r.isValid&&(this.max&&s.fromISO(this.max)<r||this.min&&s.fromISO(this.min)>r);t||a||i||o?(this.isValid=!1,this.variant="error",this.internals.setFormValue(null),this.empty=!(!t&&!a)||void 0):(this.isValid=!0,this.variant="primary",this.internals.setFormValue(this.value),this.empty=void 0),this.validationEvent.emit(this.isValid)}async focusInput(){var t;(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".input")).focus()}async setValue(t){return this.value=t,this.validateValue(),Promise.resolve()}async getErrors(){return Promise.resolve(this.isValid?null:{error:""})}formResetCallback(){this.internals.setFormValue("")}componentWillLoad(){if(this.isSlotted=!(null===this.host.getAttribute("slot")||""===this.host.getAttribute("slot")),this.value=this.value||"",this.language=this.t.lang(this.host),null!==this.min&&""!==this.min&&null!==this.max&&""!==this.max){const t=s.fromISO(this.min);s.fromISO(this.max)<t&&(this.max=this.min)}this.validateValue()}render(){return a(i,{key:"1c3f9c46a1a1bc77e6639135ffe9615b91754289",empty:this.empty},a("input",{key:"e8867ce0ccc07885b616cd0c898859d4d378d70c",value:this.value,id:"dateInput",class:"input",part:"input-date",type:"date",disabled:this.disabled,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.handleChange,onChange:this.handleChange}),!this.isSlotted&&a("div",{key:"82e8e07567fceed4f0a589f8ceac9057c9aaa324",class:"action-open-calendar-wrapper"},a("mds-button",{key:"9c22475d725089ae3ccfe4c39aac26149726e8ff",id:"calendar-dropdown",class:"action-open-calendar",disabled:this.disabled,variant:"dark",tone:"text",icon:n,onClick:()=>{this.calendarKey+=1}})),a("mds-input-tip",{key:"3b4a5d49acf05f853839b7317a2e8bfe8d7d487d",lang:this.language,position:"top",active:this.hasFocus},this.disabled&&a("mds-input-tip-item",{key:"987565a2df5bcaf1a538f3bf276cd6f7a12811a9",expanded:!0,variant:"disabled"}),this.readonly&&a("mds-input-tip-item",{key:"b51c192d654c65279fb2bdb0eb43952cc51e02e0",expanded:!0,variant:"readonly"}),this.required&&a("mds-input-tip-item",{key:"acd20e717f7abab93a5750f7125f06f55d618da8",expanded:this.hasFocus,variant:this.isValid?"required-success":"required"})),!this.isSlotted&&a("mds-dropdown",{key:"9c2d0e843d019c530509f30cd37e890f5ab351a8",placement:"bottom-end","auto-placement":!1,ref:t=>this.dropdownRef=t,target:"#calendar-dropdown"},a("mds-calendar",Object.assign({key:this.calendarKey,rangePicker:!1,lang:this.language,onMdsCalendarChange:t=>{if(this.value=t.detail.startDate,0===this.delay)return;const{dropdownRef:r}=this;r&&setTimeout((()=>{r.visible=!1}),this.delay)},startDate:this.value},null!==this.min&&""!==this.min?{min:this.min}:{},null!==this.max&&""!==this.max?{max:this.max}:{}))))}static get formAssociated(){return!0}get host(){return this}static get watchers(){return{value:[{handleValue:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-input-date-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-field-background-empty:rgb(var(--status-error-10,115 0 0));--mds-input-date-field-color-empty:rgb(var(--status-error-06,239 108 105));--mds-input-date-icon-color-rgb:var(--mds-input-date-variant-color-rgb,0 0 0);--mds-input-date-variant-color-rgb:0 0 0;--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-input-date-variant-color-rgb{syntax:"<integer>+";inherits:false;initial-value:0 0 0}:host{--mds-input-date-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-date-background:rgb(var(--tone-neutral,0 0 0));--mds-input-date-field-background-empty:rgb(var(--status-error-10,115 0 0));--mds-input-date-field-color-empty:rgb(var(--status-error-06,239 108 105));--mds-input-date-icon-color-rgb:var(--mds-input-date-variant-color-rgb,0 0 0);--mds-input-date-ring:0 0 0 1px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1);--mds-input-date-shadow:0 1px 3px 0 rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1),0 1px 2px 0 rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.06);--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:var(--radius-2xl,24px);color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);container-type:inline-size;display:flex;gap:calc(var(--spacing,.0025rem)*200);overflow:visible;position:relative;--mds-input-date-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-date-variant-color-rgb:0 0 0}.input::-webkit-calendar-picker-indicator{appearance:textfield;display:none}.input{font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-hack,.875rem);font-weight:var(--tw-font-weight,var(--text-size-code-hack--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-hack--line-height,1.25rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:inherit;box-sizing:border-box;color:inherit;corner-shape:inherit;background-color:#0000;border:0;margin:0;overflow:hidden;text-overflow:ellipsis;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,border-color,box-shadow,color,fill,margin,opacity,padding,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:min-content}:host([empty]) .input{background-color:var(--mds-input-date-field-background-empty,rgb(var(--status-error-10,115 0 0)));color:var(--mds-input-date-field-color-empty,rgb(var(--status-error-06,239 108 105)))}:host([slot]){color:inherit;display:contents}:host([slot]) .input{cursor:text;text-align:center}:host(:not([slot])) .input{background-color:var(--mds-input-date-background,rgb(var(--tone-neutral,0 0 0)));-webkit-box-shadow:var(--mds-input-date-ring),var(--mds-input-date-shadow);box-shadow:var(--mds-input-date-ring),var(--mds-input-date-shadow);min-height:3rem;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);padding-top:calc(var(--spacing,.0025rem)*300);width:100%}:host(:focus-within) .input{--tw-outline-style:none;outline-style:none;transition-duration:var(--default-transition-duration);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;transition-timing-function:var(--default-transition-timing-function);--mds-input-date-ring:0 0 0 3px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/1);--mds-input-date-shadow:0 4px 6px 3px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.1),0 2px 4px -1px rgb(var(--mds-input-date-variant-color-rgb,0 0 0)/.06);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input::placeholder{color:rgb(var(--tone-neutral-04,218 218 218))}.input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-04,218 218 218))}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{appearance:none;display:none;margin:0}.input:disabled{background-color:rgb(var(--tone-neutral-10,60 60 60))}.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled:-ms-placeholder-shown{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled::-moz-placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled,.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.action-open-calendar-wrapper{align-items:center;aspect-ratio:1;bottom:0;display:flex;justify-content:center;position:absolute;right:0;top:0}.action-open-calendar{--mds-button-color:var(--mds-input-date-icon-color,rgb(var(--variant-primary-03,211 226 255)))}:host([disabled]:not([disabled=false])) .action-open-calendar{-webkit-transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200));transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200))}mds-calendar{min-width:max-content}mds-dropdown{padding:0}mds-input-tip{--mds-input-tip-horizontal-offset:inherit;--mds-input-tip-horizontal-offset-focused:inherit;--mds-input-tip-vertical-offset:inherit;--mds-input-tip-background:inherit}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-calendar,mds-dropdown,mds-input-tip,mds-input-tip-item):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-date-ring:var(--shadow-outline-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}:host-context(:root.pref-contrast-more){--mds-input-date-ring:var(--shadow-outline-strong-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}@supports ((-moz-appearance:none)){.action-open-calendar{display:none}:host(:not([slot])) .input{padding-right:calc(var(--spacing,.0025rem)*400)}}:host(:focus){--mds-input-date-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-date-variant-color-rgb:var(--variant-primary-04,184 208 255)}:host([variant=ai]){--mds-input-date-icon-color:rgb(var(--variant-ai-04,218 199 253));--mds-input-tip-background:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=ai]:focus){--mds-input-date-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-input-date-variant-color-rgb:var(--variant-ai-04,218 199 253)}:host([variant=info]){--mds-input-date-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=info]:focus){--mds-input-date-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-date-variant-color-rgb:var(--status-info-04,159 216 241)}:host([variant=success]){--mds-input-date-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=success]:focus){--mds-input-date-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-date-variant-color-rgb:var(--status-success-04,158 222 181)}:host([variant=warning]){--mds-input-date-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=warning]:focus){--mds-input-date-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-date-variant-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=error]){--mds-input-date-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-date-variant-color-rgb:0 0 0}:host([variant=error]:focus){--mds-input-date-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-date-variant-color-rgb:var(--status-error-04,254 193 189)}@media (forced-colors:active){:host(:focus-within) .input{outline:2px solid #0000;outline-offset:2px}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-input-date-ring:var(--shadow-outline-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-date-ring:var(--shadow-outline-strong-50);--mds-input-date-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-date-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}}'}},[65,"mds-input-date",{value:[513],name:[513],variant:[1537],min:[1537],max:[1537],delay:[514],disabled:[516],readonly:[516],required:[516],empty:[32],isValid:[32],language:[32],touched:[32],calendarKey:[32],dropdownRef:[32],hasFocus:[32],updateLang:[64],focusInput:[64],setValue:[64],getErrors:[64]},void 0,{value:[{handleValue:0}]}]),y=f,x=function(){"undefined"!=typeof customElements&&["mds-input-date","mds-button","mds-calendar","mds-calendar-cell","mds-dropdown","mds-icon","mds-input-tip","mds-input-tip-item","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-input-date":customElements.get(o(t))||customElements.define(o(t),f);break;case"mds-button":customElements.get(o(t))||l();break;case"mds-calendar":customElements.get(o(t))||d();break;case"mds-calendar-cell":customElements.get(o(t))||p();break;case"mds-dropdown":customElements.get(o(t))||u();break;case"mds-icon":customElements.get(o(t))||m();break;case"mds-input-tip":customElements.get(o(t))||h();break;case"mds-input-tip-item":customElements.get(o(t))||b();break;case"mds-spinner":customElements.get(o(t))||g();break;case"mds-text":customElements.get(o(t))||v()}}))};export{y as MdsInputDate,x as defineCustomElement}

package/dist/components/mds-input-field.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as a,Host as r,transformTag as i}from"@stencil/core/internal/client";import{d as s}from"./mds-text2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant="primary"}handleValidation(e){e.getErrors().then((e=>{if(e){this.variant="error";const t=Object.entries(e).map((e=>e[1])).filter((e=>e));this.message=t.length?t.join(";"):void 0}else this.variant="success",this.message=void 0}))}componentDidLoad(){const[e]=this.slotInput.assignedElements();if(!e)throw Error("Mds input not found");e.addEventListener("mdsInputValidation",(()=>this.handleValidation(e)))}render(){var e;return a(r,{key:"07a3f00c463755ed5699415bda96b8a6ab0088e8"},a("mds-text",{key:"a76488419fd68dd54fbb814bd464445f963ff20d",class:"label",typography:"label"},this.label),a("div",{key:"288d029bde16c91ace57a906abd4bff5a6a2b26d",class:"message-window"},a("div",{key:"b9a8bc1f7967741b91f09b7f944c7b598cba86e9",class:"content",part:"content"},a("slot",{key:"cb260b91c2dccb8161a76043bd7257eed51b275d",ref:e=>this.slotInput=e})),a("div",{key:"9be6a675440795d75cd580f22f19d45db01840fa",class:"message"},null===(e=this.message)||void 0===e?void 0:e.split(";").map(((e,t)=>a("mds-text",{typography:"caption",key:t},e))))))}static get formAssociated(){return!0}get host(){return this}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-input-field-message-color:rgb(var(--tone-neutral-03,233 233 233));--mds-input-field-message-background:rgb(var(--tone-neutral-10,60 60 60))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-input-field-message-color:rgb(var(--tone-neutral-03,233 233 233));--mds-input-field-message-background:rgb(var(--tone-neutral-10,60 60 60));color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);display:grid;gap:calc(var(--spacing,.0025rem)*300)}.message-window{border-radius:var(--radius-2xl,24px);color:var(--mds-input-field-message-color,rgb(var(--tone-neutral-03,233 233 233)));corner-shape:inherit;background-color:#0000;display:grid;gap:0;padding:0;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,color,gap,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.message-window:has(.message:not(:empty)){background-color:var(--mds-input-field-message-background,rgb(var(--tone-neutral-10,60 60 60)));gap:calc(var(--spacing,.0025rem)*200);padding:calc(var(--spacing,.0025rem)*200)}.message{interpolate-size:allow-keywords;display:flex;flex-direction:column;height:auto;padding:calc(var(--spacing,.0025rem)*100) calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*200);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:height,margin-top,opacity,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.message:empty{height:0;max-height:0;opacity:0;padding:0}.label:empty{display:none}.content{container:content/inline-size;display:flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*200)}::slotted(:first-child){flex-grow:1}::slotted(:not(:first-child)){flex-shrink:0}@container content (max-width:300px){::slotted(*){flex-grow:1;min-width:100%}}:host([variant=ai]){--mds-input-field-message-color:rgb(var(--variant-ai-02,242 235 254));--mds-input-field-message-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=info]){--mds-input-field-message-color:rgb(var(--status-info-02,222 242 250));--mds-input-field-message-background:rgb(var(--status-info-09,0 73 116))}:host([variant=success]){--mds-input-field-message-color:rgb(var(--status-success-02,222 244 228));--mds-input-field-message-background:rgb(var(--status-success-09,0 82 9))}:host([variant=warning]){--mds-input-field-message-color:rgb(var(--status-warning-02,255 237 185));--mds-input-field-message-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=error]){--mds-input-field-message-color:rgb(var(--status-error-02,255 234 231));--mds-input-field-message-background:rgb(var(--status-error-09,135 0 14))}"}},[321,"mds-input-field",{label:[1025],message:[1025],variant:[1537]}]),o=n,d=function(){"undefined"!=typeof customElements&&["mds-input-field","mds-text"].forEach((e=>{switch(e){case"mds-input-field":customElements.get(i(e))||customElements.define(i(e),n);break;case"mds-text":customElements.get(i(e))||s()}}))};export{o as MdsInputField,d as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as a,Host as r,transformTag as i}from"@stencil/core/internal/client";import{d as s}from"./mds-text2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant="primary"}handleValidation(e){e.getErrors().then((e=>{if(null==e)this.variant="success",this.message=void 0;else{this.variant="error";const t=Object.entries(e).map((e=>e[1])).filter((e=>e));this.message=0!==t.length?t.join(";"):void 0}}))}componentDidLoad(){const[e]=this.slotInput.assignedElements();if(null==e)throw Error("Mds input not found");e.addEventListener("mdsInputValidation",(()=>this.handleValidation(e)))}render(){var e;return a(r,{key:"7d2b6e591f2da90402eef9c453b6b229d04f56f8"},a("mds-text",{key:"6058dec040f453a65f5d34c8d16ddf786ade620f",class:"label",typography:"label"},this.label),a("div",{key:"dda1efd3aed92889c8aa28d5958630d304f81f9e",class:"message-window"},a("div",{key:"66196e8f4f024dbbd2c59dc6c8d00b46b4997ff4",class:"content",part:"content"},a("slot",{key:"ba8af714da43300a70833acbd281bfe19c5d3e4b",ref:e=>this.slotInput=e})),a("div",{key:"dbc5d405bb47cd7f3d730d3732e2ef0c49d9bfc6",class:"message"},null===(e=this.message)||void 0===e?void 0:e.split(";").map(((e,t)=>a("mds-text",{typography:"caption",key:t},e))))))}static get formAssociated(){return!0}get host(){return this}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-input-field-message-color:rgb(var(--tone-neutral-03,233 233 233));--mds-input-field-message-background:rgb(var(--tone-neutral-10,60 60 60))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-input-field-message-color:rgb(var(--tone-neutral-03,233 233 233));--mds-input-field-message-background:rgb(var(--tone-neutral-10,60 60 60));color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:var(--magma-corner-shape,round);display:grid;gap:calc(var(--spacing,.0025rem)*300)}.message-window{border-radius:var(--radius-2xl,24px);color:var(--mds-input-field-message-color,rgb(var(--tone-neutral-03,233 233 233)));corner-shape:inherit;background-color:#0000;display:grid;gap:0;padding:0;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,color,gap,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.message-window:has(.message:not(:empty)){background-color:var(--mds-input-field-message-background,rgb(var(--tone-neutral-10,60 60 60)));gap:calc(var(--spacing,.0025rem)*200);padding:calc(var(--spacing,.0025rem)*200)}.message{interpolate-size:allow-keywords;display:flex;flex-direction:column;height:auto;padding:calc(var(--spacing,.0025rem)*100) calc(var(--spacing,.0025rem)*200) calc(var(--spacing,.0025rem)*200);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:height,margin-top,opacity,padding;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.message:empty{height:0;max-height:0;opacity:0;padding:0}.label:empty{display:none}.content{container:content/inline-size;display:flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*200)}::slotted(:first-child){flex-grow:1}::slotted(:not(:first-child)){flex-shrink:0}@container content (max-width:300px){::slotted(*){flex-grow:1;min-width:100%}}:host([variant=ai]){--mds-input-field-message-color:rgb(var(--variant-ai-02,242 235 254));--mds-input-field-message-background:rgb(var(--variant-ai-09,75 8 189))}:host([variant=info]){--mds-input-field-message-color:rgb(var(--status-info-02,222 242 250));--mds-input-field-message-background:rgb(var(--status-info-09,0 73 116))}:host([variant=success]){--mds-input-field-message-color:rgb(var(--status-success-02,222 244 228));--mds-input-field-message-background:rgb(var(--status-success-09,0 82 9))}:host([variant=warning]){--mds-input-field-message-color:rgb(var(--status-warning-02,255 237 185));--mds-input-field-message-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=error]){--mds-input-field-message-color:rgb(var(--status-error-02,255 234 231));--mds-input-field-message-background:rgb(var(--status-error-09,135 0 14))}"}},[321,"mds-input-field",{label:[1025],message:[1025],variant:[1537]}]),o=n,d=function(){"undefined"!=typeof customElements&&["mds-input-field","mds-text"].forEach((e=>{switch(e){case"mds-input-field":customElements.get(i(e))||customElements.define(i(e),n);break;case"mds-text":customElements.get(i(e))||s()}}))};export{o as MdsInputField,d as defineCustomElement}

package/dist/components/mds-input-otp.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as s,Host as i,transformTag as n}from"@stencil/core/internal/client";import{d as r}from"./mds-button2.js";import{d as o}from"./mds-icon2.js";import{d as m}from"./mds-input2.js";import{d as a}from"./mds-input-tip2.js";import{d as u}from"./mds-input-tip-item2.js";import{d}from"./mds-spinner2.js";import{d as c}from"./mds-text2.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.internals=this.attachInternals(),this.length=6,this.autosubmit=!1,this.value="",this.getOtpCode=()=>Array.from(this.element.shadowRoot.querySelectorAll("mds-input")).map((t=>t.value)).join(""),this.setOtpDigit=(t,e)=>{t.value=e;const s=this.getOtpCode();this.value=s,this.internals.setFormValue(s)},this.submit=t=>{var e;const s=this.getOtpCode().length===this.length;t.blur(),this.autosubmit&&s&&(null===(e=this.internals.form)||void 0===e||e.requestSubmit())},this.handleKeyDown=t=>{if(t.ctrlKey)return;if(t.preventDefault(),isNaN(Number(t.key)))return;const e=t.target;this.setOtpDigit(e,t.key);const s=e.nextElementSibling;s?s.setFocus():this.submit(e)},this.handlePaste=t=>{var e,s;t.preventDefault();const i=null===(e=t.clipboardData)||void 0===e?void 0:e.getData("text");if(isNaN(Number(i)))return;const n=null!==(s=null==i?void 0:i.split(""))&&void 0!==s?s:[];let r=t.target;for(const t of n){if(this.setOtpDigit(r,t),r=r.nextElementSibling,!r)return void this.submit(r);r.setFocus()}}}render(){return s(i,{key:"1d8ade99b72505aea4f74022b3b1e1de4b84a82b"},Array.from({length:this.length}).map((()=>s("mds-input",{class:"input",maxlength:1,onKeyDown:this.handleKeyDown,onPaste:this.handlePaste}))))}static get formAssociated(){return!0}get element(){return this}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host{display:inline-flex;gap:calc(var(--spacing,.0025rem)*400)}.input{width:calc(var(--spacing,.0025rem)*1200)}.input::part(field){text-align:center}.input::part(tip-count){display:none}"}},[65,"mds-input-otp",{length:[2],autosubmit:[516],value:[1537]}]),l=p,h=function(){"undefined"!=typeof customElements&&["mds-input-otp","mds-button","mds-icon","mds-input","mds-input-tip","mds-input-tip-item","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-input-otp":customElements.get(n(t))||customElements.define(n(t),p);break;case"mds-button":customElements.get(n(t))||r();break;case"mds-icon":customElements.get(n(t))||o();break;case"mds-input":customElements.get(n(t))||m();break;case"mds-input-tip":customElements.get(n(t))||a();break;case"mds-input-tip-item":customElements.get(n(t))||u();break;case"mds-spinner":customElements.get(n(t))||d();break;case"mds-text":customElements.get(n(t))||c()}}))};export{l as MdsInputOtp,h as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as s,Host as i,transformTag as n}from"@stencil/core/internal/client";import{d as r}from"./mds-button2.js";import{d as o}from"./mds-icon2.js";import{d as m}from"./mds-input2.js";import{d as a}from"./mds-input-tip2.js";import{d as u}from"./mds-input-tip-item2.js";import{d as c}from"./mds-spinner2.js";import{d as l}from"./mds-text2.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.internals=this.attachInternals(),this.length=6,this.autosubmit=!1,this.value="",this.getOtpCode=()=>Array.from(this.element.shadowRoot.querySelectorAll("mds-input")).map((t=>t.value)).join(""),this.setOtpDigit=(t,e)=>{t.value=e;const s=this.getOtpCode();this.value=s,this.internals.setFormValue(s)},this.submit=t=>{var e;const s=this.getOtpCode().length===this.length;t.blur(),this.autosubmit&&s&&(null===(e=this.internals.form)||void 0===e||e.requestSubmit())},this.handleKeyDown=t=>{if(t.ctrlKey)return;if(t.preventDefault(),isNaN(Number(t.key)))return;const e=t.target;this.setOtpDigit(e,t.key);const s=e.nextElementSibling;null!=s?s.setFocus():this.submit(e)},this.handlePaste=t=>{var e,s;t.preventDefault();const i=null===(e=t.clipboardData)||void 0===e?void 0:e.getData("text");if(isNaN(Number(i)))return;const n=null!==(s=null==i?void 0:i.split(""))&&void 0!==s?s:[];let r=t.target;for(const t of n){if(this.setOtpDigit(r,t),r=r.nextElementSibling,null==r)return void this.submit(r);r.setFocus()}}}render(){return s(i,{key:"b8ed6443032efcace51ea84c5dbae2533796a7f7"},Array.from({length:this.length}).map((()=>s("mds-input",{class:"input",maxlength:1,onKeyDown:this.handleKeyDown,onPaste:this.handlePaste}))))}static get formAssociated(){return!0}get element(){return this}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host{display:inline-flex;gap:calc(var(--spacing,.0025rem)*400)}.input{width:calc(var(--spacing,.0025rem)*1200)}.input::part(field){text-align:center}.input::part(tip-count){display:none}"}},[65,"mds-input-otp",{length:[2],autosubmit:[516],value:[1537]}]),p=d,h=function(){"undefined"!=typeof customElements&&["mds-input-otp","mds-button","mds-icon","mds-input","mds-input-tip","mds-input-tip-item","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-input-otp":customElements.get(n(t))||customElements.define(n(t),d);break;case"mds-button":customElements.get(n(t))||r();break;case"mds-icon":customElements.get(n(t))||o();break;case"mds-input":customElements.get(n(t))||m();break;case"mds-input-tip":customElements.get(n(t))||a();break;case"mds-input-tip-item":customElements.get(n(t))||u();break;case"mds-spinner":customElements.get(n(t))||c();break;case"mds-text":customElements.get(n(t))||l()}}))};export{p as MdsInputOtp,h as defineCustomElement}

package/dist/components/mds-input-range.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as a,createEvent as r,h as e,Host as i,transformTag as n}from"@stencil/core/internal/client";import{d as s}from"./mds-text2.js";const o=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.changeEvent=r(this,"mdsInputRangeChange",7),this.internals=this.attachInternals(),this.max=100,this.min=0,this.step=1,this.onInput=()=>{if(Number.isNaN(this.inputElement.value))throw Error(`Entered value ${this.inputElement.value} is not a Number`);this.value=Number(this.inputElement.value)}}calculateProgress(){let t=Number(this.inputElement.value);const a=Math.pow(10,this.decimalPlaces);t>this.max?t=this.max:t<this.min&&(t=this.min),(t-this.min)*a%(this.step*a)!=0&&(t=(Math.round((t*a-this.min*a)/(this.step*a))*(this.step*a)+this.min*a)/a),this.value=t,this.internals.setFormValue(""+this.value),this.progress=(this.value-this.min)/(this.max-this.min)*100}countDecimals(t){return Math.floor(t)===t?0:(""+t).split(".")[1].length||0}disabledChanged(t){t&&this.internals.setFormValue(null)}valueChanged(t,a){t!==a&&(this.inputElement.value=""+this.value,this.calculateProgress(),this.changeEvent.emit(this.value))}minChanged(){this.calculateProgress()}maxChanged(){this.calculateProgress()}stepChanged(){if(this.step<=0)throw Error("step cant be negative or zero");this.decimalPlaces=this.countDecimals(this.step),this.calculateProgress()}formResetCallback(){this.internals.setFormValue("")}componentDidLoad(){var t;this.decimalPlaces=this.countDecimals(this.step),this.onInput(),this.label=null!==(t=this.element.textContent)&&void 0!==t?t:"",this.calculateProgress()}render(){var t;return e(i,{key:"78e82c801e70cf992bc5deabaa9e808316213e1f"},e("header",{key:"0f7e2c943c28ae1674a5a530647e77f9303540fa",class:"header",part:"header"},e("mds-text",{key:"5fafac003285baa5d6d7cc62e9d4e4960b2e6a4b",class:"label",typography:"label"},e("slot",{key:"a8ed6b9ed62609a2f308e205419ccb822c5d330a"})),e("mds-text",{key:"0a2d6f18a4b0ed1efe8a7268aad848841d4291bb",class:"value",typography:"label"},this.formatValue?this.formatValue(this.value):this.value)),e("div",{key:"3686881a383b073db00887c011e8dc1c7324c77f",class:"range"},e("div",{key:"6acdd16108a2d21ced425bcde5dedaafb56729b9",class:"track",part:"track"},e("div",{key:"ac2ec72946c8971764189c987762700786e782b8",class:"contrast-area"}),e("div",{key:"dd3336b85af882a8d2e97d856a1ac4c585dc8cd9",class:"track-total"},e("div",{key:"2d2689cc0696a679726b353ccc8284cb80dd6ef7",class:"track-progress",style:{"--mds-input-range-progress":""+(null!==(t=this.progress)&&void 0!==t?t:0)}}))),e("input",{key:"38cfab4ef130022b6e8d0673431174801c6beac5",ref:t=>this.inputElement=t,class:"field","aria-label":this.label,disabled:this.disabled,max:this.max,min:this.min,onInput:this.onInput,step:this.step,type:"range",value:this.value,name:this.name})))}static get formAssociated(){return!0}get element(){return this}static get watchers(){return{disabled:[{disabledChanged:0}],value:[{valueChanged:0}],min:[{minChanged:0}],max:[{maxChanged:0}],step:[{stepChanged:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-input-range-thumb-background-disabled:rgb(var(--tone-neutral-08,107 107 107));--mds-input-range-thumb-background:rgb(var(--tone-neutral,0 0 0));--mds-input-range-thumb-cursor:col-resize;--mds-input-range-thumb-size:calc(var(--spacing,.0025rem)*400);--mds-input-range-track-background-disabled:rgb(var(--tone-neutral-08,107 107 107));--mds-input-range-track-background:rgb(var(--tone-neutral-08,107 107 107));--mds-input-range-track-progress-background-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-range-track-progress-background:rgb(var(--variant-primary-03,211 226 255));--mds-input-range-track-size:calc(var(--spacing,.0025rem)*600);--private-border-width:calc(var(--mds-input-range-track-size)/2 - var(--mds-input-range-thumb-size)/2);--private-thumb-size:calc(var(--mds-input-range-thumb-size) + var(--private-border-width)*2);gap:calc(var(--spacing,.0025rem)*200);--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));display:grid;gap:calc(var(--spacing,.0025rem)*100);transition-duration:.3s;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));-webkit-transition-timing-function:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.header{display:flex;gap:calc(var(--spacing,.0025rem)*200)}.label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.value{margin-left:auto}.range{align-items:center;display:flex;height:var(--private-thumb-size);position:relative}.track{box-sizing:border-box;position:absolute;width:100%}.field{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));appearance:none;background-color:#0000;border-radius:1000px;flex-grow:1;height:calc(var(--spacing,.0025rem)*400);margin:0;outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out;z-index:20}.field:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.field::-webkit-slider-thumb{appearance:none;background-color:var(--mds-input-range-thumb-background);border-color:var(--mds-input-range-track-progress-background);border-radius:var(--mds-input-range-thumb-size);border-style:solid;border-width:var(--private-border-width);cursor:var(--mds-input-range-thumb-cursor);height:var(--private-thumb-size);line-height:0;transform:translateY(-50%);transition-property:background-color,border;width:var(--private-thumb-size)}.field::-webkit-slider-runnable-track{appearance:none;border:0;height:0;width:100%}.track-progress{background-color:var(--mds-input-range-track-progress-background);width:calc((100% - var(--mds-input-range-track-size))*(var(--mds-input-range-progress,0)*0.01) + var(--mds-input-range-track-size)/2)}.track-progress,.track-total{display:flex;height:var(--mds-input-range-track-size);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color}.track-total{background-color:var(--mds-input-range-track-background);overflow:hidden;-webkit-transition-timing-function:var(--ease-in-out);transition-timing-function:var(--ease-in-out);width:100%}.contrast-area,.track-total{border-radius:var(--mds-input-range-track-size)}.contrast-area{margin-left:calc(var(--spacing,.0025rem)*100);margin-right:calc(var(--spacing,.0025rem)*100)}:host([disabled]:not([disabled=false])){--mds-input-range-thumb-background:var(--mds-input-range-thumb-background-disabled);--mds-input-range-track-background:var(--mds-input-range-track-background-disabled);--mds-input-range-track-progress-background:var(--mds-input-range-track-progress-background-disabled)}:host([disabled]:not([disabled=false])) .field::-webkit-slider-thumb{cursor:not-allowed}:host-context(:root.pref-animation-reduce){transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .track-progress,:host-context(:root.pref-animation-reduce) .track-total){transition-duration:0s}:host-context(:root.pref-animation-reduce) .field::-webkit-slider-thumb{transition-duration:0s}:host-context(:root.pref-animation-reduce) .field::-webkit-slider-runnable-track{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-range-thumb-background:rgb(var(--variant-primary-04,184 208 255));--mds-input-range-track-background:rgb(var(--tone-neutral-07,134 134 134));--mds-input-range-track-progress-background:rgb(var(--variant-primary-05,152 188 255))}:host-context(:root.pref-contrast-more){color:rgb(var(--tone-neutral-01,255 255 255))}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .track-progress,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .track-total{transition-duration:0s}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .field::-webkit-slider-thumb{transition-duration:0s}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .field::-webkit-slider-runnable-track{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-input-range-thumb-background:rgb(var(--variant-primary-04,184 208 255));--mds-input-range-track-background:rgb(var(--tone-neutral-07,134 134 134));--mds-input-range-track-progress-background:rgb(var(--variant-primary-05,152 188 255))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){color:rgb(var(--tone-neutral-01,255 255 255))}}'}},[321,"mds-input-range",{formatValue:[16],name:[513],max:[2],min:[2],step:[2],disabled:[1540],value:[1538],progress:[32]},void 0,{disabled:[{disabledChanged:0}],value:[{valueChanged:0}],min:[{minChanged:0}],max:[{maxChanged:0}],step:[{stepChanged:0}]}]),d=o,c=function(){"undefined"!=typeof customElements&&["mds-input-range","mds-text"].forEach((t=>{switch(t){case"mds-input-range":customElements.get(n(t))||customElements.define(n(t),o);break;case"mds-text":customElements.get(n(t))||s()}}))};export{d as MdsInputRange,c as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as a,createEvent as r,h as e,Host as i,transformTag as n}from"@stencil/core/internal/client";import{d as s}from"./mds-text2.js";const o=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.changeEvent=r(this,"mdsInputRangeChange",7),this.internals=this.attachInternals(),this.max=100,this.min=0,this.step=1,this.onInput=()=>{if(Number.isNaN(this.inputElement.value))throw Error(`Entered value ${this.inputElement.value} is not a Number`);this.value=Number(this.inputElement.value)}}calculateProgress(){let t=Number(this.inputElement.value);const a=Math.pow(10,this.decimalPlaces);t>this.max?t=this.max:t<this.min&&(t=this.min),(t-this.min)*a%(this.step*a)!=0&&(t=(Math.round((t*a-this.min*a)/(this.step*a))*(this.step*a)+this.min*a)/a),this.value=t,this.internals.setFormValue(""+this.value),this.progress=(this.value-this.min)/(this.max-this.min)*100}countDecimals(t){return Math.floor(t)===t?0:(""+t).split(".")[1].length||0}disabledChanged(t){t&&this.internals.setFormValue(null)}valueChanged(t,a){t!==a&&(this.inputElement.value=""+this.value,this.calculateProgress(),this.changeEvent.emit(this.value))}minChanged(){this.calculateProgress()}maxChanged(){this.calculateProgress()}stepChanged(){if(this.step<=0)throw Error("step cant be negative or zero");this.decimalPlaces=this.countDecimals(this.step),this.calculateProgress()}formResetCallback(){this.internals.setFormValue("")}componentDidLoad(){var t;this.decimalPlaces=this.countDecimals(this.step),this.onInput(),this.label=null!==(t=this.element.textContent)&&void 0!==t?t:"",this.calculateProgress()}render(){var t;return e(i,{key:"a200a0ed9cc3735eab347999773ca856c8d2ded1"},e("header",{key:"b52c4601e16f356d76bffcb2018bc8cd66d2dbab",class:"header",part:"header"},e("mds-text",{key:"7af7d0c88bb393bd1cad2c5a40a56fd26930e4fc",class:"label",typography:"label"},e("slot",{key:"7f1482ea2b4f1ea553691f7613b9180e3447cc64"})),e("mds-text",{key:"e8246bdc6dbeb8b5efaf3f2170e32cf725fb1462",class:"value",typography:"label"},this.formatValue?this.formatValue(this.value):this.value)),e("div",{key:"1b8ee03cf6ad4213d9370bae15b3db0bb4e3bec3",class:"range"},e("div",{key:"e01ea5fb7bb7217c6e94a4f606ab3567bf6946c3",class:"track",part:"track"},e("div",{key:"a5b33522f8605dad0e07a02749e8905cbe23e689",class:"contrast-area"}),e("div",{key:"14699dffa17f50a13e008bae4c79b507cf1454dd",class:"track-total"},e("div",{key:"b601caf89612bb39ac586b77e14d7e86730098b7",class:"track-progress",style:{"--mds-input-range-progress":""+(null!==(t=this.progress)&&void 0!==t?t:0)}}))),e("input",{key:"ea2948160dce05d3bdebbcf2f76adf01fb5159e5",ref:t=>this.inputElement=t,class:"field","aria-label":this.label,disabled:this.disabled,max:this.max,min:this.min,onInput:this.onInput,step:this.step,type:"range",value:this.value,name:this.name})))}static get formAssociated(){return!0}get element(){return this}static get watchers(){return{disabled:[{disabledChanged:0}],value:[{valueChanged:0}],min:[{minChanged:0}],max:[{maxChanged:0}],step:[{stepChanged:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-input-range-thumb-background-disabled:rgb(var(--tone-neutral-08,107 107 107));--mds-input-range-thumb-background:rgb(var(--tone-neutral,0 0 0));--mds-input-range-thumb-cursor:col-resize;--mds-input-range-thumb-size:calc(var(--spacing,.0025rem)*400);--mds-input-range-track-background-disabled:rgb(var(--tone-neutral-08,107 107 107));--mds-input-range-track-background:rgb(var(--tone-neutral-08,107 107 107));--mds-input-range-track-progress-background-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-range-track-progress-background:rgb(var(--variant-primary-03,211 226 255));--mds-input-range-track-size:calc(var(--spacing,.0025rem)*600);--private-border-width:calc(var(--mds-input-range-track-size)/2 - var(--mds-input-range-thumb-size)/2);--private-thumb-size:calc(var(--mds-input-range-thumb-size) + var(--private-border-width)*2);gap:calc(var(--spacing,.0025rem)*200);--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));display:grid;gap:calc(var(--spacing,.0025rem)*100);transition-duration:.3s;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));-webkit-transition-timing-function:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.header{display:flex;gap:calc(var(--spacing,.0025rem)*200)}.label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.value{margin-left:auto}.range{align-items:center;display:flex;height:var(--private-thumb-size);position:relative}.track{box-sizing:border-box;position:absolute;width:100%}.field{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));appearance:none;background-color:#0000;border-radius:1000px;flex-grow:1;height:calc(var(--spacing,.0025rem)*400);margin:0;outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out;z-index:20}.field:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.field::-webkit-slider-thumb{appearance:none;background-color:var(--mds-input-range-thumb-background);border-color:var(--mds-input-range-track-progress-background);border-radius:var(--mds-input-range-thumb-size);border-style:solid;border-width:var(--private-border-width);cursor:var(--mds-input-range-thumb-cursor);height:var(--private-thumb-size);line-height:0;transform:translateY(-50%);transition-property:background-color,border;width:var(--private-thumb-size)}.field::-webkit-slider-runnable-track{appearance:none;border:0;height:0;width:100%}.track-progress{background-color:var(--mds-input-range-track-progress-background);width:calc((100% - var(--mds-input-range-track-size))*(var(--mds-input-range-progress,0)*0.01) + var(--mds-input-range-track-size)/2)}.track-progress,.track-total{display:flex;height:var(--mds-input-range-track-size);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color}.track-total{background-color:var(--mds-input-range-track-background);overflow:hidden;-webkit-transition-timing-function:var(--ease-in-out);transition-timing-function:var(--ease-in-out);width:100%}.contrast-area,.track-total{border-radius:var(--mds-input-range-track-size)}.contrast-area{margin-left:calc(var(--spacing,.0025rem)*100);margin-right:calc(var(--spacing,.0025rem)*100)}:host([disabled]:not([disabled=false])){--mds-input-range-thumb-background:var(--mds-input-range-thumb-background-disabled);--mds-input-range-track-background:var(--mds-input-range-track-background-disabled);--mds-input-range-track-progress-background:var(--mds-input-range-track-progress-background-disabled)}:host([disabled]:not([disabled=false])) .field::-webkit-slider-thumb{cursor:not-allowed}:host-context(:root.pref-animation-reduce){transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .track-progress,:host-context(:root.pref-animation-reduce) .track-total){transition-duration:0s}:host-context(:root.pref-animation-reduce) .field::-webkit-slider-thumb{transition-duration:0s}:host-context(:root.pref-animation-reduce) .field::-webkit-slider-runnable-track{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-range-thumb-background:rgb(var(--variant-primary-04,184 208 255));--mds-input-range-track-background:rgb(var(--tone-neutral-07,134 134 134));--mds-input-range-track-progress-background:rgb(var(--variant-primary-05,152 188 255))}:host-context(:root.pref-contrast-more){color:rgb(var(--tone-neutral-01,255 255 255))}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .track-progress,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .track-total{transition-duration:0s}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .field::-webkit-slider-thumb{transition-duration:0s}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .field::-webkit-slider-runnable-track{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-input-range-thumb-background:rgb(var(--variant-primary-04,184 208 255));--mds-input-range-track-background:rgb(var(--tone-neutral-07,134 134 134));--mds-input-range-track-progress-background:rgb(var(--variant-primary-05,152 188 255))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){color:rgb(var(--tone-neutral-01,255 255 255))}}'}},[321,"mds-input-range",{formatValue:[16],name:[513],max:[2],min:[2],step:[2],disabled:[1540],value:[1538],progress:[32]},void 0,{disabled:[{disabledChanged:0}],value:[{valueChanged:0}],min:[{minChanged:0}],max:[{maxChanged:0}],step:[{stepChanged:0}]}]),d=o,c=function(){"undefined"!=typeof customElements&&["mds-input-range","mds-text"].forEach((t=>{switch(t){case"mds-input-range":customElements.get(n(t))||customElements.define(n(t),o);break;case"mds-text":customElements.get(n(t))||s()}}))};export{d as MdsInputRange,c as defineCustomElement}