@maggioli-design-system/mds-input-tip 1.2.3 → 1.4.0

package/dist/mds-input-tip/p-937c40eb.js

@@ -0,0 +1,2 @@
+var e=Object.defineProperty,t=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},n=(e,t)=>{e.__stencil__getHostRef=()=>t,t.t=e},o=(e,t)=>(0,console.error)(e,t),l=new Map,i=new Map,s="slot-fb{display:contents}slot-fb[hidden]{display:none}",r="undefined"!=typeof window?window:{},c={o:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},u=e=>Promise.resolve(e),a=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),f=!1,d=[],h=[],p=(e,t)=>n=>{e.push(n),f||(f=!0,t&&4&c.o?y(v):c.raf(v))},m=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){o(e)}e.length=0},v=()=>{m(d),m(h),(f=d.length>0)&&c.raf(v)},y=e=>u().then(e),w=p(h,!0),$=e=>"object"==(e=typeof e)||"function"===e;function b(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>g,map:()=>j,ok:()=>S,unwrap:()=>O,unwrapErr:()=>E});var S=e=>({isOk:!0,isErr:!1,value:e}),g=e=>({isOk:!1,isErr:!0,value:e});function j(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>S(e))):S(n)}if(e.isErr)return g(e.value);throw"should never get here"}var k,O=e=>{if(e.isOk)return e.value;throw e.value},E=e=>{if(e.isErr)return e.value;throw e.value},C=(e,t,...n)=>{let o=null,l=null,i=!1,s=!1;const r=[],c=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof e&&!$(o))&&(o+=""),i&&s?r[r.length-1].i+=o:r.push(i?M(null,o):o),s=i)};c(n),t&&t.key&&(l=t.key);const u=M(e,null);return u.u=t,r.length>0&&(u.h=r),u.p=l,u},M=(e,t)=>({o:0,m:e,i:t,v:null,h:null,u:null,p:null}),P={},x=(e,t)=>null==e||$(e)?e:4&t?"false"!==e&&(""===e||!!e):1&t?e+"":e,D=new WeakMap,U=e=>"sc-"+e.$,W=(e,t,n,o,l,i)=>{if(n===o)return;let s=((e,t)=>t in e)(e,t);if(t.toLowerCase(),"key"===t);else{const r=$(o);if((s||r&&null!==o)&&!l)try{if(e.tagName.includes("-"))e[t]!==o&&(e[t]=o);else{const l=null==o?"":o;"list"===t?s=!1:null!=n&&e[t]==l||("function"==typeof e.__lookupSetter__(t)?e[t]=l:e.setAttribute(t,l))}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(t)||e.removeAttribute(t):(!s||4&i||l)&&!r&&1===e.nodeType&&e.setAttribute(t,o=!0===o?"":o)}},A=(e,t,n)=>{const o=11===t.v.nodeType&&t.v.host?t.v.host:t.v,l=e&&e.u||{},i=t.u||{};for(const e of N(Object.keys(l)))e in i||W(o,e,l[e],void 0,n,t.o);for(const e of N(Object.keys(i)))W(o,e,l[e],i[e],n,t.o)};function N(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var R=!1,H=(e,t,n)=>{const o=t.h[n];let l,i,s=0;if(!r.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(l=o.v=r.document.createElement(o.m),A(null,o,R),o.h)for(s=0;s<o.h.length;++s)i=H(e,o,s),i&&l.appendChild(i);return l["s-hn"]=k,l},L=(e,t,n,o,l,i)=>{let s,r=e;for(r.shadowRoot&&r.tagName===k&&(r=r.shadowRoot);l<=i;++l)o[l]&&(s=H(null,n,l),s&&(o[l].v=s,q(r,s,t)))},T=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.v;e&&e.remove()}}},z=(e,t,n=!1)=>e.m===t.m&&(n?(n&&!e.p&&t.p&&(e.p=t.p),!0):e.p===t.p),F=(e,t,n=!1)=>{const o=t.v=e.v,l=e.h,i=t.h;A(e,t,R),null!==l&&null!==i?((e,t,n,o,l=!1)=>{let i,s,r=0,c=0,u=0,a=0,f=t.length-1,d=t[0],h=t[f],p=o.length-1,m=o[0],v=o[p];for(;r<=f&&c<=p;)if(null==d)d=t[++r];else if(null==h)h=t[--f];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(z(d,m,l))F(d,m,l),d=t[++r],m=o[++c];else if(z(h,v,l))F(h,v,l),h=t[--f],v=o[--p];else if(z(d,v,l))F(d,v,l),q(e,d.v,h.v.nextSibling),d=t[++r],v=o[--p];else if(z(h,m,l))F(h,m,l),q(e,h.v,d.v),h=t[--f],m=o[++c];else{for(u=-1,a=r;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===m.p){u=a;break}u>=0?(s=t[u],s.m!==m.m?i=H(t&&t[c],n,u):(F(s,m,l),t[u]=void 0,i=s.v),m=o[++c]):(i=H(t&&t[c],n,c),m=o[++c]),i&&q(d.v.parentNode,i,d.v)}r>f?L(e,null==o[p+1]?null:o[p+1].v,n,o,c,p):c>p&&T(t,r,f)})(o,l,t,i,n):null!==i?L(o,null,t,i,0,i.length-1):!n&&null!==l&&T(l,0,l.length-1)},q=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),G=(e,t)=>{if(t&&!e.S&&t["s-p"]){const n=t["s-p"].push(new Promise((o=>e.S=()=>{t["s-p"].splice(n-1,1),o()})))}},I=(e,t)=>{if(e.o|=16,!(4&e.o))return G(e,e.j),w((()=>V(e,t)));e.o|=512},V=(e,t)=>{const n=e.$hostElement$,o=e.t;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return l=X(o,t?"componentWillLoad":"componentWillUpdate",void 0,n),l=Y(l,(()=>X(o,"componentWillRender",void 0,n))),Y(l,(()=>B(e,o,t)))},Y=(e,t)=>_(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),_=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,B=async(e,t,n)=>{var o;const l=e.$hostElement$,u=l["s-rc"];n&&(e=>{const t=e.k,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=U(t),l=i.get(o);if(!r.document)return o;if(e=11===e.nodeType?e:r.document,l)if("string"==typeof l){let i,u=D.get(e=e.head||e);if(u||D.set(e,u=new Set),!u.has(o)){{i=document.querySelector(`[sty-id="${o}"]`)||r.document.createElement("style"),i.innerHTML=l;const s=null!=(n=c.O)?n:b(r.document);if(null!=s&&i.setAttribute("nonce",s),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(a){const t=new CSSStyleSheet;t.replaceSync(l),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=l+t.innerHTML:e.prepend(i)}else e.append(i);1&t.o&&e.insertBefore(i,null)}4&t.o&&(i.innerHTML+=s),u&&u.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);(10&o&&2&o||128&o)&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);J(e,t,l,n),u&&(u.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>K(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},J=(e,t,n,l)=>{try{t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.k,i=e.C||M(null,null),s=(e=>e&&e.m===P)(t)?t:C(null,null,t);if(k=o.tagName,l.M&&(s.u=s.u||{},l.M.map((([e,t])=>s.u[t]=o[e]))),n&&s.u)for(const e of Object.keys(s.u))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(s.u[e]=o[e]);s.m=null,s.o|=4,e.C=s,s.v=i.v=o.shadowRoot||o,F(i,s,n)})(e,t,l)}catch(t){o(t,e.$hostElement$)}return null},K=e=>{const t=e.$hostElement$,n=e.t,o=e.j;X(n,"componentDidRender",void 0,t),64&e.o?X(n,"componentDidUpdate",void 0,t):(e.o|=64,Z(t),X(n,"componentDidLoad",void 0,t),e.P(t),o||Q()),e.S&&(e.S(),e.S=void 0),512&e.o&&y((()=>I(e,!1))),e.o&=-517},Q=()=>{y((()=>(e=>{const t=c.ce("appload",{detail:{namespace:"mds-input-tip"}});return e.dispatchEvent(t),t})(r)))},X=(e,t,n,l)=>{if(e&&e[t])try{return e[t](n)}catch(e){o(e,l)}},Z=e=>e.setAttribute("hydrated",""),ee=(e,n,o,l)=>{const i=t(e);if(!i)throw Error(`Couldn't find host element for "${l.$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const s=i.D.get(n),r=i.o,c=i.t;if(o=x(o,l.U[n][0]),(!(8&r)||void 0===s)&&o!==s&&(!Number.isNaN(s)||!Number.isNaN(o))&&(i.D.set(n,o),c&&2==(18&r))){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(o,s,n))return;I(i,!1)}},te=(e,n,o)=>{var l,i;const s=e.prototype;if(n.U){const r=Object.entries(null!=(l=n.U)?l:{});if(r.map((([e,[l]])=>{if(31&l||2&o&&32&l){const{get:i,set:r}=Object.getOwnPropertyDescriptor(s,e)||{};i&&(n.U[e][0]|=2048),r&&(n.U[e][0]|=4096),(1&o||!i)&&Object.defineProperty(s,e,{get(){{if(!(2048&n.U[e][0]))return((e,n)=>t(this).D.get(n))(0,e);const o=t(this),l=o?o.t:s;if(!l)return;return l[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(s,e,{set(i){const s=t(this);if(r){const t=32&l?this[e]:s.$hostElement$[e];return void 0===t&&s.D.get(e)?i=s.D.get(e):!s.D.get(e)&&t&&s.D.set(e,t),r.call(this,x(i,l)),void ee(this,e,i=32&l?this[e]:s.$hostElement$[e],n)}{if(!(1&o&&4096&n.U[e][0]))return ee(this,e,i,n),void(1&o&&!s.t&&s.W.then((()=>{4096&n.U[e][0]&&s.t[e]!==s.D.get(e)&&(s.t[e]=i)})));const t=()=>{const t=s.t[e];!s.D.get(e)&&t&&s.D.set(e,t),s.t[e]=x(i,l),ee(this,e,s.t[e],n)};s.t?t():s.W.then((()=>t()))}}})}})),1&o){const o=new Map;s.attributeChangedCallback=function(e,l,i){c.jmp((()=>{var r;const c=o.get(e);if(this.hasOwnProperty(c))i=this[c],delete this[c];else{if(s.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==i)return;if(null==c){const o=t(this),s=null==o?void 0:o.o;if(s&&!(8&s)&&128&s&&i!==l){const t=o.t,s=null==(r=n.A)?void 0:r[e];null==s||s.forEach((n=>{null!=t[n]&&t[n].call(t,i,l,e)}))}return}}const u=Object.getOwnPropertyDescriptor(s,c);(i=(null!==i||"boolean"!=typeof this[c])&&i)===this[c]||u.get&&!u.set||(this[c]=i)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=n.A)?i:{}),...r.filter((([e,t])=>15&t[0])).map((([e,t])=>{var l;const i=t[1]||e;return o.set(i,e),512&t[0]&&(null==(l=n.M)||l.push([e,i])),i}))]))}}return e},ne=(e,t)=>{X(e,"connectedCallback",void 0,t)},oe=(e,t)=>{X(e,"disconnectedCallback",void 0,t||e)},le=(e,n={})=>{var u;if(!r.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const f=[],d=n.exclude||[],h=r.customElements,p=r.document.head,m=p.querySelector("meta[charset]"),v=r.document.createElement("style"),y=[];let w,$=!0;Object.assign(c,n),c.l=new URL(n.resourcesUrl||"./",r.document.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((n=>{const s={o:n[0],$:n[1],U:n[2],N:n[3]};4&s.o&&(S=!0),s.U=n[2],s.M=[];const r=s.$,u=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,t)=>{const n={o:0,$hostElement$:e,k:t,D:new Map};n.W=new Promise((e=>n.P=e)),e["s-p"]=[],e["s-rc"]=[];const o=n;e.__stencil__getHostRef=()=>o})(e=this,s),1&s.o)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${s.$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),w&&(clearTimeout(w),w=null),$?y.push(this):c.jmp((()=>(e=>{if(!(1&c.o)){const n=t(e),s=n.k,r=()=>{};if(1&n.o)(null==n?void 0:n.t)?ne(n.t,e):(null==n?void 0:n.W)&&n.W.then((()=>ne(n.t,e)));else{n.o|=1;{let t=e;for(;t=t.parentNode||t.host;)if(t["s-p"]){G(n,n.j=t);break}}s.U&&Object.entries(s.U).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let s;if(!(32&t.o)){if(t.o|=32,n.R){const i=((e,t)=>{const n=e.$.replace(/-/g,"_"),i=e.R;if(!i)return;const s=l.get(i);return s?s[n]:import(`./${i}.entry.js`).then((e=>(l.set(i,e),e[n])),(e=>{o(e,t.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,t);if(i&&"then"in i){const e=()=>{};s=await i,e()}else s=i;if(!s)throw Error(`Constructor for "${n.$}#${t.H}" was not found`);s.isProxied||(te(s,n,2),s.isProxied=!0);const r=()=>{};t.o|=8;try{new s(t)}catch(t){o(t,e)}t.o&=-9,r(),ne(t.t,e)}else s=e.constructor,customElements.whenDefined(e.localName).then((()=>t.o|=128));if(s&&s.style){let e;"string"==typeof s.style&&(e=s.style);const t=U(n);if(!i.has(t)){const o=()=>{};((e,t,n)=>{let o=i.get(e);a&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,i.set(e,o)})(t,e,!!(1&n.o)),o()}}}const r=t.j,c=()=>I(t,!0);r&&r["s-rc"]?r["s-rc"].push(c):c()})(e,n,s)}r()}})(this)))}disconnectedCallback(){c.jmp((()=>(async e=>{if(!(1&c.o)){const n=t(e);(null==n?void 0:n.t)?oe(n.t,e):(null==n?void 0:n.W)&&n.W.then((()=>oe(n.t,e)))}D.has(e)&&D.delete(e),e.shadowRoot&&D.has(e.shadowRoot)&&D.delete(e.shadowRoot)})(this))),c.raf((()=>{var e;const n=t(this),o=y.findIndex((e=>e===this));o>-1&&y.splice(o,1),(null==(e=null==n?void 0:n.C)?void 0:e.v)instanceof Node&&!n.C.v.isConnected&&delete n.C.v}))}componentOnReady(){return t(this).W}};s.R=e[0],d.includes(r)||h.get(r)||(f.push(r),h.define(r,te(u,s,1)))}))})),f.length>0&&(S&&(v.textContent+=s),v.textContent+=f.sort()+"{visibility:hidden}[hydrated]{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const e=null!=(u=c.O)?u:b(r.document);null!=e&&v.setAttribute("nonce",e),p.insertBefore(v,m?m.nextSibling:p.firstChild)}$=!1,y.length?y.map((e=>e.connectedCallback())):c.jmp((()=>w=setTimeout(Q,30)))},ie=e=>c.O=e;export{P as H,le as b,C as h,u as p,n as r,ie as s}

package/dist/mds-input-tip/p-d28332e9.system.js

@@ -0,0 +1,2 @@
+var __extends=this&&this.__extends||function(){var e=function(r,n){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var n in r)if(Object.prototype.hasOwnProperty.call(r,n))e[n]=r[n]};return e(r,n)};return function(r,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");e(r,n);function t(){this.constructor=r}r.prototype=n===null?Object.create(n):(t.prototype=n.prototype,new t)}}();var __awaiter=this&&this.__awaiter||function(e,r,n,t){function i(e){return e instanceof n?e:new n((function(r){r(e)}))}return new(n||(n=Promise))((function(n,a){function o(e){try{u(t.next(e))}catch(e){a(e)}}function f(e){try{u(t["throw"](e))}catch(e){a(e)}}function u(e){e.done?n(e.value):i(e.value).then(o,f)}u((t=t.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},t,i,a,o;return o={next:f(0),throw:f(1),return:f(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function f(e){return function(r){return u([e,r])}}function u(f){if(t)throw new TypeError("Generator is already executing.");while(o&&(o=0,f[0]&&(n=0)),n)try{if(t=1,i&&(a=f[0]&2?i["return"]:f[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,f[1])).done)return a;if(i=0,a)f=[f[0]&2,a.value];switch(f[0]){case 0:case 1:a=f;break;case 4:n.label++;return{value:f[1],done:false};case 5:n.label++;i=f[1];f=[0];continue;case 7:f=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(f[0]===6||f[0]===2)){n=0;continue}if(f[0]===3&&(!a||f[1]>a[0]&&f[1]<a[3])){n.label=f[1];break}if(f[0]===6&&n.label<a[1]){n.label=a[1];a=f;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(f);break}if(a[2])n.ops.pop();n.trys.pop();continue}f=r.call(e,n)}catch(e){f=[6,e];i=0}finally{t=a=0}if(f[0]&5)throw f[1];return{value:f[0]?f[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,r,n){if(n||arguments.length===2)for(var t=0,i=r.length,a;t<i;t++){if(a||!(t in r)){if(!a)a=Array.prototype.slice.call(r,0,t);a[t]=r[t]}}return e.concat(a||Array.prototype.slice.call(r))};System.register([],(function(e,r){"use strict";return{execute:function(){var n=this;var t="mds-input-tip";var i={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,constructableCSS:true,cssAnnotations:true,devTools:false,element:false,event:false,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:false,hostListenerTarget:false,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:true,hydratedClass:false,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:false,lifecycleDOMEvents:false,member:true,method:false,mode:false,modernPropertyDecls:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:false,propNumber:false,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:false,state:false,style:true,svg:false,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:false,vdomFunctional:false,vdomKey:true,vdomListener:false,vdomPropOrAttr:true,vdomRef:false,vdomRender:true,vdomStyle:false,vdomText:false,vdomXlink:false,watchCallback:false};var a=Object.defineProperty;var o=function(e,r){for(var n in r)a(e,n,{get:r[n],enumerable:true})};var f=function(e){if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var u=e("r",(function(e,r){e.__stencil__getHostRef=function(){return r};r.t=e}));var l=function(e,r){var n={i:0,$hostElement$:e,o:r,u:new Map};{n.l=new Promise((function(e){return n.v=e}));e["s-p"]=[];e["s-rc"]=[]}var t=n;e.__stencil__getHostRef=function(){return t};return t};var s=function(e,r){return r in e};var c=function(e,r){return(0,console.error)(e,r)};var v=new Map;var d=function(e,n,t){var i=e.h.replace(/-/g,"_");var a=e.p;if(!a){return void 0}var o=v.get(a);if(o){return o[i]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return r.import("./".concat(a,".entry.js").concat("")).then((function(e){{v.set(a,e)}return e[i]}),(function(e){c(e,n.$hostElement$)}))};var h=new Map;var p="sty-id";var m="{visibility:hidden}[hydrated]{visibility:inherit}";var y="slot-fb{display:contents}slot-fb[hidden]{display:none}";var w=typeof window!=="undefined"?window:{};var b={i:0,m:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,r,n,t){return e.addEventListener(r,n,t)},rel:function(e,r,n,t){return e.removeEventListener(r,n,t)},ce:function(e,r){return new CustomEvent(e,r)}};var S=e("p",(function(e){return Promise.resolve(e)}));var g=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false}();var _=false;var $=[];var k=[];var j=function(e,r){return function(n){e.push(n);if(!_){_=true;if(r&&b.i&4){O(C)}else{b.raf(C)}}}};var A=function(e){for(var r=0;r<e.length;r++){try{e[r](performance.now())}catch(e){c(e)}}e.length=0};var C=function(){A($);{A(k);if(_=$.length>0){b.raf(C)}}};var O=function(e){return S().then(e)};var x=j(k,true);var T=function(e){e=typeof e;return e==="object"||e==="function"};function E(e){var r,n,t;return(t=(n=(r=e.head)==null?void 0:r.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?t:void 0}var D={};o(D,{err:function(){return L},map:function(){return P},ok:function(){return M},unwrap:function(){return F},unwrapErr:function(){return N}});var M=function(e){return{isOk:true,isErr:false,value:e}};var L=function(e){return{isOk:false,isErr:true,value:e}};function P(e,r){if(e.isOk){var n=r(e.value);if(n instanceof Promise){return n.then((function(e){return M(e)}))}else{return M(n)}}if(e.isErr){var t=e.value;return L(t)}throw"should never get here"}var F=function(e){if(e.isOk){return e.value}else{throw e.value}};var N=function(e){if(e.isErr){return e.value}else{throw e.value}};var R=function(e,r){if(r===void 0){r=""}{return function(){return}}};var U=function(e,r){{return function(){return}}};var W=e("h",(function(e,r){var n=[];for(var t=2;t<arguments.length;t++){n[t-2]=arguments[t]}var i=null;var a=null;var o=false;var f=false;var u=[];var l=function(r){for(var n=0;n<r.length;n++){i=r[n];if(Array.isArray(i)){l(i)}else if(i!=null&&typeof i!=="boolean"){if(o=typeof e!=="function"&&!T(i)){i=String(i)}if(o&&f){u[u.length-1].S+=i}else{u.push(o?z(null,i):i)}f=o}}};l(n);if(r){if(r.key){a=r.key}}var s=z(e,null);s._=r;if(u.length>0){s.$=u}{s.k=a}return s}));var z=function(e,r){var n={i:0,j:e,S:r,A:null,$:null};{n._=null}{n.k=null}return n};var H=e("H",{});var B=function(e){return e&&e.j===H};var G=function(e,r){if(e!=null&&!T(e)){if(r&4){return e==="false"?false:e===""||!!e}if(r&1){return String(e)}return e}return e};var I=function(e,r,n){var t=b.ce(r,n);e.dispatchEvent(t);return t};var Q=new WeakMap;var q=function(e,r,n){var t=h.get(e);if(g&&n){t=t||new CSSStyleSheet;if(typeof t==="string"){t=r}else{t.replaceSync(r)}}else{t=r}h.set(e,t)};var K=function(e,r,n){var t;var i=X(r);var a=h.get(i);if(!w.document){return i}e=e.nodeType===11?e:w.document;if(a){if(typeof a==="string"){e=e.head||e;var o=Q.get(e);var f=void 0;if(!o){Q.set(e,o=new Set)}if(!o.has(i)){{f=document.querySelector("[".concat(p,'="').concat(i,'"]'))||w.document.createElement("style");f.innerHTML=a;var u=(t=b.C)!=null?t:E(w.document);if(u!=null){f.setAttribute("nonce",u)}if(!(r.i&1)){if(e.nodeName==="HEAD"){var l=e.querySelectorAll("link[rel=preconnect]");var s=l.length>0?l[l.length-1].nextSibling:e.querySelector("style");e.insertBefore(f,(s==null?void 0:s.parentNode)===e?s:null)}else if("host"in e){if(g){var c=new CSSStyleSheet;c.replaceSync(a);e.adoptedStyleSheets=__spreadArray([c],e.adoptedStyleSheets,true)}else{var v=e.querySelector("style");if(v){v.innerHTML=a+v.innerHTML}else{e.prepend(f)}}}else{e.append(f)}}if(r.i&1){e.insertBefore(f,null)}}if(r.i&4){f.innerHTML+=y}if(o){o.add(i)}}}else if(!e.adoptedStyleSheets.includes(a)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets,true),[a],false)}}return i};var V=function(e){var r=e.o;var n=e.$hostElement$;var t=r.i;var i=R("attachStyles",r.h);var a=K(n.shadowRoot?n.shadowRoot:n.getRootNode(),r);if(t&10&&t&2||t&128){n["s-sc"]=a;n.classList.add(a+"-h")}i()};var X=function(e,r){return"sc-"+e.h};var Y=function(e,r,n,t,i,a,o){if(n===t){return}var f=s(e,r);r.toLowerCase();if(r==="key");else{var u=T(t);if((f||u&&t!==null)&&!i){try{if(!e.tagName.includes("-")){var l=t==null?"":t;if(r==="list"){f=false}else if(n==null||e[r]!=l){if(typeof e.__lookupSetter__(r)==="function"){e[r]=l}else{e.setAttribute(r,l)}}}else if(e[r]!==t){e[r]=t}}catch(e){}}if(t==null||t===false){if(t!==false||e.getAttribute(r)===""){{e.removeAttribute(r)}}}else if((!f||a&4||i)&&!u&&e.nodeType===1){t=t===true?"":t;{e.setAttribute(r,t)}}}};var J=function(e,r,n,t){var i=r.A.nodeType===11&&r.A.host?r.A.host:r.A;var a=e&&e._||{};var o=r._||{};{for(var f=0,u=Z(Object.keys(a));f<u.length;f++){var l=u[f];if(!(l in o)){Y(i,l,a[l],void 0,n,r.i)}}}for(var s=0,c=Z(Object.keys(o));s<c.length;s++){var l=c[s];Y(i,l,a[l],o[l],n,r.i)}};function Z(e){return e.includes("ref")?__spreadArray(__spreadArray([],e.filter((function(e){return e!=="ref"})),true),["ref"],false):e}var ee;var re=false;var ne=false;var te=function(e,r,n){var t=r.$[n];var a=0;var o;var f;{if(!w.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}o=t.A=w.document.createElement(!re&&i.slotRelocation&&t.i&2?"slot-fb":t.j);{J(null,t,ne)}if(t.$){for(a=0;a<t.$.length;++a){f=te(e,t,a);if(f){o.appendChild(f)}}}}o["s-hn"]=ee;return o};var ie=function(e,r,n,t,i,a){var o=e;var f;if(o.shadowRoot&&o.tagName===ee){o=o.shadowRoot}for(;i<=a;++i){if(t[i]){f=te(null,n,i);if(f){t[i].A=f;le(o,f,r)}}}};var ae=function(e,r,n){for(var t=r;t<=n;++t){var i=e[t];if(i){var a=i.A;if(a){a.remove()}}}};var oe=function(e,r,n,t,i){if(i===void 0){i=false}var a=0;var o=0;var f=0;var u=0;var l=r.length-1;var s=r[0];var c=r[l];var v=t.length-1;var d=t[0];var h=t[v];var p;var m;while(a<=l&&o<=v){if(s==null){s=r[++a]}else if(c==null){c=r[--l]}else if(d==null){d=t[++o]}else if(h==null){h=t[--v]}else if(fe(s,d,i)){ue(s,d,i);s=r[++a];d=t[++o]}else if(fe(c,h,i)){ue(c,h,i);c=r[--l];h=t[--v]}else if(fe(s,h,i)){ue(s,h,i);le(e,s.A,c.A.nextSibling);s=r[++a];h=t[--v]}else if(fe(c,d,i)){ue(c,d,i);le(e,c.A,s.A);c=r[--l];d=t[++o]}else{f=-1;{for(u=a;u<=l;++u){if(r[u]&&r[u].k!==null&&r[u].k===d.k){f=u;break}}}if(f>=0){m=r[f];if(m.j!==d.j){p=te(r&&r[o],n,f)}else{ue(m,d,i);r[f]=void 0;p=m.A}d=t[++o]}else{p=te(r&&r[o],n,o);d=t[++o]}if(p){{le(s.A.parentNode,p,s.A)}}}}if(a>l){ie(e,t[v+1]==null?null:t[v+1].A,n,t,o,v)}else if(o>v){ae(r,a,l)}};var fe=function(e,r,n){if(n===void 0){n=false}if(e.j===r.j){if(!n){return e.k===r.k}if(n&&!e.k&&r.k){e.k=r.k}return true}return false};var ue=function(e,r,n){if(n===void 0){n=false}var t=r.A=e.A;var a=e.$;var o=r.$;{{J(e,r,ne)}if(a!==null&&o!==null){oe(t,a,r,o,n)}else if(o!==null){ie(t,null,r,o,0,o.length-1)}else if(!n&&i.updatable&&a!==null){ae(a,0,a.length-1)}}};var le=function(e,r,n){{return e==null?void 0:e.insertBefore(r,n)}};var se=function(e,r,n){if(n===void 0){n=false}var t=e.$hostElement$;var i=e.o;var a=e.O||z(null,null);var o=B(r)?r:W(null,null,r);ee=t.tagName;if(i.T){o._=o._||{};i.T.map((function(e){var r=e[0],n=e[1];return o._[n]=t[r]}))}if(n&&o._){for(var f=0,u=Object.keys(o._);f<u.length;f++){var l=u[f];if(t.hasAttribute(l)&&!["key","ref","style","class"].includes(l)){o._[l]=t[l]}}}o.j=null;o.i|=4;e.O=o;o.A=a.A=t.shadowRoot||t;re=!!(i.i&1)&&!(i.i&128);ue(a,o,n)};var ce=function(e,r){if(r&&!e.D&&r["s-p"]){var n=r["s-p"].push(new Promise((function(t){return e.D=function(){r["s-p"].splice(n-1,1);t()}})))}};var ve=function(e,r){{e.i|=16}if(e.i&4){e.i|=512;return}ce(e,e.M);var n=function(){return de(e,r)};return x(n)};var de=function(e,r){var n=e.$hostElement$;var t=R("scheduleUpdate",e.o.h);var i=e.t;if(!i){throw new Error("Can't render component <".concat(n.tagName.toLowerCase()," /> with invalid Stencil runtime! Make sure this imported component is compiled with a `externalRuntime: true` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime"))}var a;if(r){a=Se(i,"componentWillLoad",void 0,n)}else{a=Se(i,"componentWillUpdate",void 0,n)}a=he(a,(function(){return Se(i,"componentWillRender",void 0,n)}));t();return he(a,(function(){return me(e,i,r)}))};var he=function(e,r){return pe(e)?e.then(r).catch((function(e){console.error(e);r()})):r()};var pe=function(e){return e instanceof Promise||e&&e.then&&typeof e.then==="function"};var me=function(e,r,t){return __awaiter(n,void 0,void 0,(function(){var n,i,a,o,f,u,l;return __generator(this,(function(s){i=e.$hostElement$;a=R("update",e.o.h);o=i["s-rc"];if(t){V(e)}f=R("render",e.o.h);{ye(e,r,i,t)}if(o){o.map((function(e){return e()}));i["s-rc"]=void 0}f();a();{u=(n=i["s-p"])!=null?n:[];l=function(){return we(e)};if(u.length===0){l()}else{Promise.all(u).then(l);e.i|=4;u.length=0}}return[2]}))}))};var ye=function(e,r,n,t){try{r=r.render();{e.i&=~16}{e.i|=2}{{{se(e,r,t)}}}}catch(r){c(r,e.$hostElement$)}return null};var we=function(e){var r=e.o.h;var n=e.$hostElement$;var t=R("postUpdate",r);var i=e.t;var a=e.M;Se(i,"componentDidRender",void 0,n);if(!(e.i&64)){e.i|=64;{ge(n)}Se(i,"componentDidLoad",void 0,n);t();{e.v(n);if(!a){be()}}}else{Se(i,"componentDidUpdate",void 0,n);t()}{if(e.D){e.D();e.D=void 0}if(e.i&512){O((function(){return ve(e,false)}))}e.i&=~(4|512)}};var be=function(e){O((function(){return I(w,"appload",{detail:{namespace:t}})}))};var Se=function(e,r,n,t){if(e&&e[r]){try{return e[r](n)}catch(e){c(e,t)}}return void 0};var ge=function(e){var r;return e.setAttribute((r=i.hydratedSelectorName)!=null?r:"hydrated","")};var _e=function(e,r){return f(e).u.get(r)};var $e=function(e,r,n,t){var i=f(e);if(!i){throw new Error("Couldn't find host element for \"".concat(t.h,'" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).'))}var a=i.u.get(r);var o=i.i;var u=i.t;n=G(n,t.L[r][0]);var l=Number.isNaN(a)&&Number.isNaN(n);var s=n!==a&&!l;if((!(o&8)||a===void 0)&&s){i.u.set(r,n);if(u){if((o&(2|16))===2){if(u.componentShouldUpdate){if(u.componentShouldUpdate(n,a,r)===false){return}}ve(i,false)}}}};var ke=function(e,r,n){var t,a;var o=e.prototype;if(r.L||i.watchCallback){var u=Object.entries((t=r.L)!=null?t:{});u.map((function(e){var t=e[0],i=e[1][0];if(i&31||n&2&&i&32){var a=Object.getOwnPropertyDescriptor(o,t)||{},u=a.get,l=a.set;if(u)r.L[t][0]|=2048;if(l)r.L[t][0]|=4096;if(n&1||!u){Object.defineProperty(o,t,{get:function(){{if((r.L[t][0]&2048)===0){return _e(this,t)}var e=f(this);var n=e?e.t:o;if(!n)return;return n[t]}},configurable:true,enumerable:true})}Object.defineProperty(o,t,{set:function(e){var a=this;var o=f(this);if(l){var u=i&32?this[t]:o.$hostElement$[t];if(typeof u==="undefined"&&o.u.get(t)){e=o.u.get(t)}else if(!o.u.get(t)&&u){o.u.set(t,u)}l.apply(this,[G(e,i)]);e=i&32?this[t]:o.$hostElement$[t];$e(this,t,e,r);return}{if((n&1)===0||(r.L[t][0]&4096)===0){$e(this,t,e,r);if(n&1&&!o.t){o.l.then((function(){if(r.L[t][0]&4096&&o.t[t]!==o.u.get(t)){o.t[t]=e}}))}return}var s=function(){var n=o.t[t];if(!o.u.get(t)&&n){o.u.set(t,n)}o.t[t]=G(e,i);$e(a,t,o.t[t],r)};if(o.t){s()}else{o.l.then((function(){return s()}))}}}})}}));if(n&1){var l=new Map;o.attributeChangedCallback=function(e,n,t){var a=this;b.jmp((function(){var u;var s=l.get(e);if(a.hasOwnProperty(s)&&i.lazyLoad){t=a[s];delete a[s]}else if(o.hasOwnProperty(s)&&typeof a[s]==="number"&&a[s]==t){return}else if(s==null){var c=f(a);var v=c==null?void 0:c.i;if(v&&!(v&8)&&v&128&&t!==n){var d=c.t;var h=(u=r.P)==null?void 0:u[e];h==null?void 0:h.forEach((function(r){if(d[r]!=null){d[r].call(d,t,n,e)}}))}return}var p=Object.getOwnPropertyDescriptor(o,s);t=t===null&&typeof a[s]==="boolean"?false:t;if(t!==a[s]&&(!p.get||!!p.set)){a[s]=t}}))};e.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((a=r.P)!=null?a:{}),true),u.filter((function(e){var r=e[0],n=e[1];return n[0]&15})).map((function(e){var n=e[0],t=e[1];var i;var a=t[1]||n;l.set(a,n);if(t[0]&512){(i=r.T)==null?void 0:i.push([n,a])}return a})),true)))}}return e};var je=function(e,r,t,i){return __awaiter(n,void 0,void 0,(function(){var n,i,a,o,f,u,l,s,v,p,m;return __generator(this,(function(y){switch(y.label){case 0:if(!((r.i&32)===0))return[3,6];r.i|=32;i=t.p;if(!i)return[3,4];a=d(t,r);if(!(a&&"then"in a))return[3,2];o=U();return[4,a];case 1:n=y.sent();o();return[3,3];case 2:n=a;y.label=3;case 3:if(!n){throw new Error('Constructor for "'.concat(t.h,"#").concat(r.F,'" was not found'))}if(!n.isProxied){ke(n,t,2);n.isProxied=true}f=R("createInstance",t.h);{r.i|=8}try{new n(r)}catch(r){c(r,e)}{r.i&=~8}f();Ae(r.t,e);return[3,5];case 4:n=e.constructor;u=e.localName;customElements.whenDefined(u).then((function(){return r.i|=128}));y.label=5;case 5:if(n&&n.style){l=void 0;if(typeof n.style==="string"){l=n.style}s=X(t);if(!h.has(s)){v=R("registerStyles",t.h);q(s,l,!!(t.i&1));v()}}y.label=6;case 6:p=r.M;m=function(){return ve(r,true)};if(p&&p["s-rc"]){p["s-rc"].push(m)}else{m()}return[2]}}))}))};var Ae=function(e,r){{Se(e,"connectedCallback",void 0,r)}};var Ce=function(e){if((b.i&1)===0){var r=f(e);var n=r.o;var t=R("connectedCallback",n.h);if(!(r.i&1)){r.i|=1;{var i=e;while(i=i.parentNode||i.host){if(i["s-p"]){ce(r,r.M=i);break}}}if(n.L){Object.entries(n.L).map((function(r){var n=r[0],t=r[1][0];if(t&31&&e.hasOwnProperty(n)){var i=e[n];delete e[n];e[n]=i}}))}{je(e,r,n)}}else{if(r==null?void 0:r.t){Ae(r.t,e)}else if(r==null?void 0:r.l){r.l.then((function(){return Ae(r.t,e)}))}}t()}};var Oe=function(e,r){{Se(e,"disconnectedCallback",void 0,r||e)}};var xe=function(e){return __awaiter(n,void 0,void 0,(function(){var r;return __generator(this,(function(n){if((b.i&1)===0){r=f(e);if(r==null?void 0:r.t){Oe(r.t,e)}else if(r==null?void 0:r.l){r.l.then((function(){return Oe(r.t,e)}))}}if(Q.has(e)){Q.delete(e)}if(e.shadowRoot&&Q.has(e.shadowRoot)){Q.delete(e.shadowRoot)}return[2]}))}))};var Te=e("b",(function(e,r){if(r===void 0){r={}}var n;if(!w.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}var t=R();var i=[];var a=r.exclude||[];var o=w.customElements;var u=w.document.head;var s=u.querySelector("meta[charset]");var c=w.document.createElement("style");var v=[];var d;var h=true;Object.assign(b,r);b.m=new URL(r.resourcesUrl||"./",w.document.baseURI).href;var p=false;e.map((function(e){e[1].map((function(r){var n={i:r[0],h:r[1],L:r[2],N:r[3]};if(n.i&4){p=true}{n.L=r[2]}{n.T=[]}var t=n.h;var u=function(e){__extends(r,e);function r(r){var t=e.call(this,r)||this;t.hasRegisteredEventListeners=false;r=t;l(r,n);if(n.i&1){{if(!r.shadowRoot){{r.attachShadow({mode:"open"})}}else{if(r.shadowRoot.mode!=="open"){throw new Error("Unable to re-use existing shadow root for ".concat(n.h,"! Mode is set to ").concat(r.shadowRoot.mode," but Stencil only supports open shadow roots."))}}}}return t}r.prototype.connectedCallback=function(){var e=this;f(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{b.jmp((function(){return Ce(e)}))}};r.prototype.disconnectedCallback=function(){var e=this;b.jmp((function(){return xe(e)}));b.raf((function(){var r;var n=f(e);var t=v.findIndex((function(r){return r===e}));if(t>-1){v.splice(t,1)}if(((r=n==null?void 0:n.O)==null?void 0:r.A)instanceof Node&&!n.O.A.isConnected){delete n.O.A}}))};r.prototype.componentOnReady=function(){return f(this).l};return r}(HTMLElement);n.p=e[0];if(!a.includes(t)&&!o.get(t)){i.push(t);o.define(t,ke(u,n,1))}}))}));if(i.length>0){if(p){c.textContent+=y}{c.textContent+=i.sort()+m}if(c.innerHTML.length){c.setAttribute("data-styles","");var S=(n=b.C)!=null?n:E(w.document);if(S!=null){c.setAttribute("nonce",S)}u.insertBefore(c,s?s.nextSibling:u.firstChild)}}h=false;if(v.length){v.map((function(e){return e.connectedCallback()}))}else{{b.jmp((function(){return d=setTimeout(be,30)}))}}t()}));var Ee=e("s",(function(e){return b.C=e}))}}}));

package/dist/mds-input-tip/p-d8a5540f.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-d28332e9.system.js"],(function(t){"use strict";var d,e,a;return{setters:[function(t){d=t.r;e=t.h;a=t.H}],execute:function(){var r=':host{--mds-input-tip-active-translate:translate(0, 0);left:0.25rem;right:0.25rem;gap:0.25rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;pointer-events:none;position:absolute;-webkit-transform:var(--mds-input-tip-active-translate);transform:var(--mds-input-tip-active-translate);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}:host(:empty){display:none}:host([position="top"]){top:0.25rem}:host([position="bottom"]){bottom:0.25rem}:host([position="top"][active]:not([active="false"])){--mds-input-tip-active-translate:translate(calc(0.25rem * -1), calc(0.25rem * -1))}:host([position="top"][active]:not([active="false"])) ::slotted(mds-input-tip-item){border-top-left-radius:0;border-top-right-radius:0}:host([position="bottom"][active]:not([active="false"])){--mds-input-tip-active-translate:translate(calc(0.25rem * -1), 0.25rem)}:host([position="bottom"][active]:not([active="false"])) ::slotted(mds-input-tip-item){border-bottom-left-radius:0;border-bottom-right-radius:0}:host-context(.pref-animation-reduce){-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){-webkit-transition-duration:0s;transition-duration:0s}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}';var i=r;var s=t("mds_input_tip",function(){function t(t){d(this,t);this.active=false;this.position="top"}t.prototype.render=function(){return e(a,{key:"0f883b978b66900598d4a7abeed8d8079d72c420"},e("slot",{key:"cca41852411fe5bc23e2ab27e656a7ad17326a14"}))};return t}());s.style=i}}}));

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-02-06T09:13:05",
+  "timestamp": "2025-03-05T17:39:53",
   "compiler": {
     "name": "node",
     "version": "22.11.0"
@@ -9,11 +9,11 @@
     "fsNamespace": "mds-input-tip",
     "components": 1,
     "entries": 1,
-    "bundles": 100,
+    "bundles": 103,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 52,
+        "files": 55,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
           "./dist/collection/common/date.js",
@@ -24,6 +24,7 @@
           "./dist/collection/common/keyboard-manager.js",
           "./dist/collection/common/locale.js",
           "./dist/collection/common/slot.js",
+          "./dist/collection/common/string.js",
           "./dist/collection/common/unit.js",
           "./dist/collection/common/yugop/core.js",
           "./dist/collection/common/yugop/index.js",
@@ -44,6 +45,7 @@
           "./dist/collection/dictionary/floating-ui.js",
           "./dist/collection/dictionary/icon.js",
           "./dist/collection/dictionary/input.js",
+          "./dist/collection/dictionary/keyboard.js",
           "./dist/collection/dictionary/loading.js",
           "./dist/collection/dictionary/text.js",
           "./dist/collection/dictionary/tree.js",
@@ -60,6 +62,7 @@
           "./dist/collection/type/form-rel.js",
           "./dist/collection/type/header-bar.js",
           "./dist/collection/type/input.js",
+          "./dist/collection/type/keyboard.js",
           "./dist/collection/type/loading.js",
           "./dist/collection/type/preference.js",
           "./dist/collection/type/text.js",
@@ -84,19 +87,19 @@
         "files": 42,
         "generatedFiles": [
           "./dist/cjs/app-globals-3a1e7e63.js",
-          "./dist/cjs/index-66d8bb25.js",
+          "./dist/cjs/index-4daec419.js",
           "./dist/cjs/index.cjs.js",
           "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-input-tip.cjs.entry.js",
           "./dist/cjs/mds-input-tip.cjs.js",
           "./dist/esm-es5/app-globals-0f993ce5.js",
-          "./dist/esm-es5/index-4e431d49.js",
+          "./dist/esm-es5/index-07630e0c.js",
           "./dist/esm-es5/index.js",
           "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-input-tip.entry.js",
           "./dist/esm-es5/mds-input-tip.js",
           "./dist/esm/app-globals-0f993ce5.js",
-          "./dist/esm/index-4e431d49.js",
+          "./dist/esm/index-07630e0c.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-input-tip.entry.js",
@@ -106,24 +109,24 @@
           "./dist/mds-input-tip/index.esm.js",
           "./dist/mds-input-tip/mds-input-tip.esm.js",
           "./dist/mds-input-tip/mds-input-tip.js",
-          "./dist/mds-input-tip/p-3bf85392.entry.js",
+          "./dist/mds-input-tip/p-04193c07.entry.js",
+          "./dist/mds-input-tip/p-41e6f98e.system.js",
           "./dist/mds-input-tip/p-50ea2036.system.js",
           "./dist/mds-input-tip/p-56ba5cbf.system.js",
-          "./dist/mds-input-tip/p-5c7f52a4.system.entry.js",
-          "./dist/mds-input-tip/p-7eeec96b.system.js",
-          "./dist/mds-input-tip/p-b8376582.js",
-          "./dist/mds-input-tip/p-c7ede63a.system.js",
+          "./dist/mds-input-tip/p-937c40eb.js",
+          "./dist/mds-input-tip/p-d28332e9.system.js",
+          "./dist/mds-input-tip/p-d8a5540f.system.entry.js",
           "./dist/mds-input-tip/p-e1255160.js",
           "./www/build/index.esm.js",
           "./www/build/mds-input-tip.esm.js",
           "./www/build/mds-input-tip.js",
-          "./www/build/p-3bf85392.entry.js",
+          "./www/build/p-04193c07.entry.js",
+          "./www/build/p-41e6f98e.system.js",
           "./www/build/p-50ea2036.system.js",
           "./www/build/p-56ba5cbf.system.js",
-          "./www/build/p-5c7f52a4.system.entry.js",
-          "./www/build/p-7eeec96b.system.js",
-          "./www/build/p-b8376582.js",
-          "./www/build/p-c7ede63a.system.js",
+          "./www/build/p-937c40eb.js",
+          "./www/build/p-d28332e9.system.js",
+          "./www/build/p-d8a5540f.system.entry.js",
           "./www/build/p-e1255160.js"
         ]
       },
@@ -157,12 +160,12 @@
         "components": [
           "mds-input-tip"
         ],
-        "bundleId": "p-3bf85392",
-        "fileName": "p-3bf85392.entry.js",
+        "bundleId": "p-04193c07",
+        "fileName": "p-04193c07.entry.js",
         "imports": [
-          "p-b8376582.js"
+          "p-937c40eb.js"
         ],
-        "originalByteSize": 2682
+        "originalByteSize": 7304
       }
     ],
     "esm": [
@@ -174,9 +177,9 @@
         "bundleId": "mds-input-tip",
         "fileName": "mds-input-tip.entry.js",
         "imports": [
-          "index-4e431d49.js"
+          "index-07630e0c.js"
         ],
-        "originalByteSize": 2686
+        "originalByteSize": 7308
       }
     ],
     "es5": [
@@ -188,9 +191,9 @@
         "bundleId": "mds-input-tip",
         "fileName": "mds-input-tip.entry.js",
         "imports": [
-          "index-4e431d49.js"
+          "index-07630e0c.js"
         ],
-        "originalByteSize": 2686
+        "originalByteSize": 7308
       }
     ],
     "system": [
@@ -199,12 +202,12 @@
         "components": [
           "mds-input-tip"
         ],
-        "bundleId": "p-5c7f52a4.system",
-        "fileName": "p-5c7f52a4.system.entry.js",
+        "bundleId": "p-d8a5540f.system",
+        "fileName": "p-d8a5540f.system.entry.js",
         "imports": [
-          "p-7eeec96b.system.js"
+          "p-d28332e9.system.js"
         ],
-        "originalByteSize": 2997
+        "originalByteSize": 7619
       }
     ],
     "commonjs": [
@@ -216,9 +219,9 @@
         "bundleId": "mds-input-tip.cjs",
         "fileName": "mds-input-tip.cjs.entry.js",
         "imports": [
-          "index-66d8bb25.js"
+          "index-4daec419.js"
         ],
-        "originalByteSize": 2756
+        "originalByteSize": 7378
       }
     ]
   },
@@ -389,7 +392,14 @@
           ],
           "internal": false,
           "assetsDirs": [],
-          "styleDocs": [],
+          "styleDocs": [
+            {
+              "name": "--mds-input-tip-active-translate",
+              "docs": "Set the translate of the tip when it is active.",
+              "annotation": "prop",
+              "mode": "$"
+            }
+          ],
           "docs": {
             "tags": [],
             "text": ""
@@ -405,7 +415,6 @@
           "hasComponentDidUpdateFn": false,
           "hasComponentWillRenderFn": false,
           "hasComponentDidRenderFn": false,
-          "hasComponentDidUnloadFn": false,
           "hasConnectedCallbackFn": false,
           "hasDisconnectedCallbackFn": false,
           "hasElement": false,
@@ -464,7 +473,7 @@
   ],
   "componentGraph": {
     "sc-mds-input-tip": [
-      "p-b8376582.js"
+      "p-937c40eb.js"
     ]
   },
   "sourceGraph": {
@@ -480,6 +489,7 @@
     "./src/common/keyboard-manager.ts": [],
     "./src/common/locale.ts": [],
     "./src/common/slot.ts": [],
+    "./src/common/string.ts": [],
     "./src/common/unit.ts": [],
     "./src/common/yugop/core.ts": [
       "./src/common/yugop/utils/math",
@@ -514,6 +524,7 @@
       "./src/fixtures/iconsauce.json"
     ],
     "./src/dictionary/input.ts": [],
+    "./src/dictionary/keyboard.ts": [],
     "./src/dictionary/loading.ts": [],
     "./src/dictionary/text.ts": [],
     "./src/dictionary/tree.ts": [],
@@ -530,6 +541,7 @@
     "./src/type/form-rel.ts": [],
     "./src/type/header-bar.ts": [],
     "./src/type/input.ts": [],
+    "./src/type/keyboard.ts": [],
     "./src/type/loading.ts": [],
     "./src/type/preference.ts": [],
     "./src/type/text.ts": [],

package/dist/types/common/slot.d.ts

@@ -1,3 +1,4 @@
 declare const hasSlottedElements: (el: HTMLElement, name?: string) => boolean;
 declare const hasSlottedNodes: (el: HTMLElement, name?: string) => boolean;
-export { hasSlottedElements, hasSlottedNodes, };
+declare const hasSlotted: (el: HTMLElement, name?: string) => boolean;
+export { hasSlottedElements, hasSlottedNodes, hasSlotted, };

package/dist/types/common/string.d.ts

@@ -0,0 +1,4 @@
+declare const levenshteinDistance: (a: string, b: string) => number;
+declare const closest: (input: string, validCodes: string[]) => string;
+declare const firstLetterUppercase: (str: string) => string;
+export { closest, firstLetterUppercase, levenshteinDistance, };

package/dist/types/dictionary/keyboard.d.ts

@@ -0,0 +1,2 @@
+declare const keyboardKeyNameDictionary: string[];
+export { keyboardKeyNameDictionary, };

package/dist/types/type/keyboard.d.ts

@@ -0,0 +1,12 @@
+export type KeyboardKeyData = {
+    alias: string;
+    description: string;
+    group: string;
+    keyCodes: string[];
+    keyboardPosition?: {
+        left?: boolean;
+        right?: boolean;
+    };
+};
+export type KeyboardKeyName = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | 'a' | 'alt' | 'altleft' | 'altright' | 'arrowdown' | 'arrowleft' | 'arrowright' | 'arrowup' | 'b' | 'backspace' | 'c' | 'capslock' | 'command' | 'commandleft' | 'commandright' | 'control' | 'controlleft' | 'controlright' | 'd' | 'delete' | 'e' | 'end' | 'enter' | 'escape' | 'f' | 'f1' | 'f10' | 'f11' | 'f12' | 'f2' | 'f3' | 'f4' | 'f5' | 'f6' | 'f7' | 'f8' | 'f9' | 'g' | 'h' | 'home' | 'i' | 'j' | 'k' | 'l' | 'm' | 'n' | 'o' | 'option' | 'optionleft' | 'optionright' | 'p' | 'pagedown' | 'pageup' | 'q' | 'r' | 's' | 'shift' | 'shiftleft' | 'shiftright' | 'space' | 't' | 'tab' | 'u' | 'v' | 'w' | 'windows' | 'windowsleft' | 'windowsright' | 'x' | 'y' | 'z';
+export type KeyboardKeyMap = Record<KeyboardKeyName, KeyboardKeyData>;

package/documentation.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-02-06T07:52:44",
+  "timestamp": "2025-03-05T16:16:01",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.25.1",
+    "version": "4.27.2",
     "typescriptVersion": "5.5.4"
   },
   "components": [
@@ -84,7 +84,13 @@
       "methods": [],
       "events": [],
       "listeners": [],
-      "styles": [],
+      "styles": [
+        {
+          "name": "--mds-input-tip-active-translate",
+          "annotation": "prop",
+          "docs": "Set the translate of the tip when it is active."
+        }
+      ],
       "slots": [],
       "parts": [],
       "dependents": [
@@ -298,6 +304,11 @@
       "docstring": "",
       "path": "src/components/mds-header/meta/event-detail.ts"
     },
+    "src/components/mds-header/meta/event-detail.ts::MdsHeaderVisibilityEventDetail": {
+      "declaration": "export interface MdsHeaderVisibilityEventDetail {\n  visibility: boolean\n}",
+      "docstring": "",
+      "path": "src/components/mds-header/meta/event-detail.ts"
+    },
     "src/components/mds-horizontal-scroll/meta/types.ts::ViewportType": {
       "declaration": "export type ViewportType =\n  | 'all'\n  | 'tv'\n  | 'xlarge'\n  | 'large'\n  | 'wide'\n  | 'desktop'\n  | 'tablet'\n  | 'none'",
       "docstring": "",
@@ -413,6 +424,16 @@
       "docstring": "",
       "path": "src/components/mds-input-upload/meta/types.ts"
     },
+    "src/components/mds-keyboard/meta/type.ts::KeyboardTest": {
+      "declaration": "export type KeyboardTest =\n  | 'pass'\n  | 'fail'",
+      "docstring": "",
+      "path": "src/components/mds-keyboard/meta/type.ts"
+    },
+    "src/type/keyboard.ts::KeyboardKeyName": {
+      "declaration": "export type KeyboardKeyName =\n  | '0'\n  | '1'\n  | '2'\n  | '3'\n  | '4'\n  | '5'\n  | '6'\n  | '7'\n  | '8'\n  | '9'\n  | 'a'\n  | 'alt'\n  | 'altleft'\n  | 'altright'\n  | 'arrowdown'\n  | 'arrowleft'\n  | 'arrowright'\n  | 'arrowup'\n  | 'b'\n  | 'backspace'\n  | 'c'\n  | 'capslock'\n  | 'command'\n  | 'commandleft'\n  | 'commandright'\n  | 'control'\n  | 'controlleft'\n  | 'controlright'\n  | 'd'\n  | 'delete'\n  | 'e'\n  | 'end'\n  | 'enter'\n  | 'escape'\n  | 'f'\n  | 'f1'\n  | 'f10'\n  | 'f11'\n  | 'f12'\n  | 'f2'\n  | 'f3'\n  | 'f4'\n  | 'f5'\n  | 'f6'\n  | 'f7'\n  | 'f8'\n  | 'f9'\n  | 'g'\n  | 'h'\n  | 'home'\n  | 'i'\n  | 'j'\n  | 'k'\n  | 'l'\n  | 'm'\n  | 'n'\n  | 'o'\n  | 'option'\n  | 'optionleft'\n  | 'optionright'\n  | 'p'\n  | 'pagedown'\n  | 'pageup'\n  | 'q'\n  | 'r'\n  | 's'\n  | 'shift'\n  | 'shiftleft'\n  | 'shiftright'\n  | 'space'\n  | 't'\n  | 'tab'\n  | 'u'\n  | 'v'\n  | 'w'\n  | 'windows'\n  | 'windowsleft'\n  | 'windowsright'\n  | 'x'\n  | 'y'\n  | 'z'",
+      "docstring": "",
+      "path": "src/type/keyboard.ts"
+    },
     "src/type/typography.ts::TypographyType": {
       "declaration": "export type TypographyType =\n  | 'action'\n  | 'caption'\n  | 'snippet'\n  | 'detail'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'hack'\n  | 'label'\n  | 'option'\n  | 'paragraph'\n  | 'tip'",
       "docstring": "",
@@ -433,6 +454,11 @@
       "docstring": "",
       "path": "src/components/mds-modal/meta/types.ts"
     },
+    "src/components/mds-modal/meta/types.ts::ModalOverflowType": {
+      "declaration": "export type ModalOverflowType =\n  | 'auto'\n  | 'manual'",
+      "docstring": "",
+      "path": "src/components/mds-modal/meta/types.ts"
+    },
     "src/type/variant.ts::LabelVariantType": {
       "declaration": "export type LabelVariantType =\n  | 'amaranth'\n  | 'aqua'\n  | 'blue'\n  | 'green'\n  | 'lime'\n  | 'orange'\n  | 'orchid'\n  | 'sky'\n  | 'violet'\n  | 'yellow'",
       "docstring": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-input-tip",
-  "version": "1.2.3",
+  "version": "1.4.0",
   "description": "mds-input-tip is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -24,9 +24,9 @@
     "test": "stencil test --spec --e2e"
   },
   "dependencies": {
-    "@maggioli-design-system/mds-input-tip-item": "1.2.3",
-    "@maggioli-design-system/styles": "15.7.0",
-    "@stencil/core": "4.25.1"
+    "@maggioli-design-system/mds-input-tip-item": "1.4.0",
+    "@maggioli-design-system/styles": "15.9.0",
+    "@stencil/core": "4.27.2"
   },
   "license": "MIT",
   "author": {

package/readme.md

@@ -13,6 +13,13 @@
 | `position` | `position` | Specifies the position of the element relative to its container         | `"bottom" \| "top" \| undefined` | `'top'` |
 
 
+## CSS Custom Properties
+
+| Name                               | Description                                     |
+| ---------------------------------- | ----------------------------------------------- |
+| `--mds-input-tip-active-translate` | Set the translate of the tip when it is active. |
+
+
 ## Dependencies
 
 ### Used by

package/src/common/floating-controller.ts

@@ -214,21 +214,21 @@ export class FloatingController {
 }
 
 export class Backdrop {
-  private readonly defaultBackdropId = 'mds-backdrop'
+  private readonly defaultBackdropId = 'magma-backdrop'
   private readonly backdropBackgroundVisible = 'rgba(var(--magma-backdrop-color, 0 0 0) / var(--magma-backdrop-opacity, 0.1))'
   private readonly backdropBackgroundHidden = 'rgba(var(--magma-backdrop-color, 0 0 0) / 0)'
 
-  private readonly backdropId
-  private readonly cssBackdropZIndex
-  private readonly cssBackdropDuration
+  private readonly backdropId: string
+  private readonly cssBackdropZIndex: string
+  private readonly cssBackdropDuration: string
 
   private backdropEl: HTMLElement
   private backdropTimer: NodeJS.Timeout
 
   constructor (backdropId?: string) {
     this.backdropId = backdropId ?? this.defaultBackdropId
-    this.cssBackdropZIndex = `var(--${this.backdropId}-z-index)`
-    this.cssBackdropDuration = `var(--${this.backdropId}-duration)`
+    this.cssBackdropZIndex = `var(--${this.backdropId}-z-index, 4000)`
+    this.cssBackdropDuration = `var(--${this.backdropId}-animation-duration, 300ms)`
   }
 
   attachBackdrop (): void {

package/src/common/slot.ts

@@ -18,7 +18,18 @@ const hasSlottedNodes = (el: HTMLElement, name?: string): boolean => {
   return false
 }
 
+const hasSlotted = (el: HTMLElement, name?: string): boolean => {
+  const query = name ? `slot[name="${name}"]` : 'slot:not([name])'
+
+  const slot: HTMLSlotElement = el.shadowRoot?.querySelector(query) as HTMLSlotElement
+  if (slot) {
+    return slot.assignedNodes().length > 0 || slot.assignedElements().length > 0
+  }
+  return false
+}
+
 export {
   hasSlottedElements,
   hasSlottedNodes,
+  hasSlotted,
 }

package/src/common/string.ts

@@ -0,0 +1,42 @@
+const levenshteinDistance = (a: string, b: string): number => {
+  const dp: number[][] = Array.from({ length: a.length + 1 }, (_, i) =>
+    // eslint-disable-next-line no-nested-ternary
+    Array.from({ length: b.length + 1 }, (_, j) => (i === 0 ? j : j === 0 ? i : 0)),
+  )
+
+  for (let i = 1; i <= a.length; i++) {
+    for (let j = 1; j <= b.length; j++) {
+      if (a[i - 1] === b[j - 1]) {
+        dp[i][j] = dp[i - 1][j - 1]
+      } else {
+        dp[i][j] = 1 + Math.min(dp[i - 1][j], dp[i][j - 1], dp[i - 1][j - 1])
+      }
+    }
+  }
+
+  return dp[a.length][b.length]
+}
+
+
+const closest = (input: string, validCodes: string[]): string => {
+  let [closest] = validCodes
+  let minDistance = levenshteinDistance(input, closest)
+
+  for (const code of validCodes) {
+    const distance = levenshteinDistance(input, code)
+    if (distance < minDistance) {
+      minDistance = distance
+      closest = code
+    }
+  }
+
+  return closest
+}
+
+const firstLetterUppercase = (str: string): string => str.charAt(0).toUpperCase() + str.slice(1)
+
+export {
+  closest,
+  firstLetterUppercase,
+  levenshteinDistance,
+}

package/src/components/mds-input-tip/css/mds-input-tip-pref-animation.css

@@ -1,16 +1,9 @@
-@tailwind utilities;
-
-@container style(--magma-pref-animation: reduce) {
-  :host {
-    transition-duration: 0s;
-  }
+:host-context(.pref-animation-reduce) {
+  transition-duration: 0s;
 }
 
-@container style(--magma-pref-animation: system) {
-
-  @media (prefers-reduced-motion) {
-    :host {
-      transition-duration: 0s;
-    }
+@media (prefers-reduced-motion) {
+  :host-context(.pref-animation-system) {
+    transition-duration: 0s;
   }
 }

package/src/components/mds-input-tip/mds-input-tip.css

@@ -1,7 +1,8 @@
-@tailwind utilities;
+/**
+ * @prop --mds-input-tip-active-translate: Set the translate of the tip when it is active.
+ */
 
 :host {
-
   --mds-input-tip-active-translate: translate(0, 0);
 
   @apply
@@ -32,23 +33,22 @@
 }
 
 :host([position="top"][active]:not([active="false"])) {
-
   --mds-input-tip-active-translate: translate(calc(theme('translate.100') * -1), calc(theme('translate.100') * -1));
 }
 
-:host([position="top"][active]:not([active="false"])) ::slotted( mds-input-tip-item ) {
+:host([position="top"][active]:not([active="false"])) ::slotted( mds-input-tip-item) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
 
 :host([position="bottom"][active]:not([active="false"])) {
-
   --mds-input-tip-active-translate: translate(calc(theme('translate.100') * -1), theme('translate.100'));
 }
 
-:host([position="bottom"][active]:not([active="false"])) ::slotted( mds-input-tip-item ) {
+:host([position="bottom"][active]:not([active="false"])) ::slotted( mds-input-tip-item) {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
 
 @import './css/mds-input-tip-pref-animation.css';
+@import '../../tailwind/fouc.css';

package/src/components/mds-input-tip/readme.md

@@ -13,6 +13,13 @@
 | `position` | `position` | Specifies the position of the element relative to its container         | `"bottom" \| "top" \| undefined` | `'top'` |
 
 
+## CSS Custom Properties
+
+| Name                               | Description                                     |
+| ---------------------------------- | ----------------------------------------------- |
+| `--mds-input-tip-active-translate` | Set the translate of the tip when it is active. |
+
+
 ----------------------------------------------
 
 Built with love @ [Gruppo Maggioli](https://www.maggioli.com) from [R&D Department](https://www.maggioli.com/it-it/chi-siamo/ricerca-sviluppo)