@maggioli-design-system/mds-input-tip-item 1.4.1 → 1.5.0

package/dist/cjs/{index-8a2658a5.js → index-733e68a3.js}

@@ -21,7 +21,7 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'mds-input-tip-item';
-const BUILD = /* mds-input-tip-item */ { 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: true, lifecycleDOMEvents: false, member: true, method: true, 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: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: false, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
+const BUILD = /* mds-input-tip-item */ { 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: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: false, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: true };
 
 /*
  Stencil Client Platform v4.27.2 | MIT Licensed | https://stenciljs.com
@@ -897,6 +897,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
       `Couldn't find host element for "${cmpMeta.$tagName$}" 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 elm = hostRef.$hostElement$ ;
   const oldVal = hostRef.$instanceValues$.get(propName);
   const flags = hostRef.$flags$;
   const instance = hostRef.$lazyInstance$ ;
@@ -906,6 +907,18 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
     hostRef.$instanceValues$.set(propName, newVal);
     if (instance) {
+      if (cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
+        const watchMethods = cmpMeta.$watchers$[propName];
+        if (watchMethods) {
+          watchMethods.map((watchMethodName) => {
+            try {
+              instance[watchMethodName](newVal, oldVal, propName);
+            } catch (e) {
+              consoleError(e, elm);
+            }
+          });
+        }
+      }
       if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
         if (instance.componentShouldUpdate) {
           if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
@@ -922,7 +935,10 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
-  if (cmpMeta.$members$ || BUILD.watchCallback ) {
+  if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
+    if (Cstr.watchers && !cmpMeta.$watchers$) {
+      cmpMeta.$watchers$ = Cstr.watchers;
+    }
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
       if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
@@ -1073,6 +1089,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
       }
       if (!Cstr.isProxied) {
+        {
+          cmpMeta.$watchers$ = Cstr.watchers;
+        }
         proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
         Cstr.isProxied = true;
       }
@@ -1088,6 +1107,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       {
         hostRef.$flags$ &= ~8 /* isConstructingInstance */;
       }
+      {
+        hostRef.$flags$ |= 128 /* isWatchReady */;
+      }
       endNewInstance();
       fireConnectedCallback(hostRef.$lazyInstance$, elm);
     } else {
@@ -1205,6 +1227,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   let hasSlotRelocation = false;
   lazyBundles.map((lazyBundle) => {
     lazyBundle[1].map((compactMeta) => {
+      var _a2;
       const cmpMeta = {
         $flags$: compactMeta[0],
         $tagName$: compactMeta[1],
@@ -1220,6 +1243,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       {
         cmpMeta.$attrsToReflect$ = [];
       }
+      {
+        cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
+      }
       const tagName = cmpMeta.$tagName$;
       const HostElement = class extends HTMLElement {
         // StencilLazyHost

package/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8a2658a5.js');
+const index = require('./index-733e68a3.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["mds-input-tip-item.cjs",[[1,"mds-input-tip-item",{"variant":[513],"expanded":[516],"language":[32],"updateLang":[64]}]]]], options);
+  return index.bootstrapLazy([["mds-input-tip-item.cjs",[[1,"mds-input-tip-item",{"variant":[513],"expanded":[1540],"language":[32],"updateLang":[64]},null,{"expanded":["handleEcpandedChanged"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/mds-input-tip-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8a2658a5.js');
+const index = require('./index-733e68a3.js');
 
 const miBaselineDone = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 16.2L4.8 12l-1.4 1.4L9 19L21 7l-1.4-1.4L9 16.2z"/></svg>`;
 
@@ -884,7 +884,7 @@ const localeIt = {
 	readonly: readonly
 };
 
-const mdsInputTipItemCss = "@tailwind components; :host{--mds-input-tip-item-background:rgb(var(--tone-neutral-01));--mds-input-tip-item-color:rgb(var(--tone-neutral));--mds-input-tip-item-icon-color:rgb(var(--tone-neutral));height:0.75rem;border-radius:0.375rem;-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);-ms-flex-align:center;align-items:center;background-color:var(--mds-input-tip-item-background);color:var(--mds-input-tip-item-color);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;min-width:0.75rem;padding:0;pointer-events:none;position:static;text-align:center;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition-property:background-color, border-radius, color, padding-left, padding-right, -webkit-transform;transition-property:background-color, border-radius, color, padding-left, padding-right, -webkit-transform;transition-property:background-color, border-radius, color, padding-left, padding-right, transform;transition-property:background-color, border-radius, color, padding-left, padding-right, transform, -webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.content{height:0.75rem;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);display:grid;grid-template-columns:0fr;opacity:0;overflow:hidden;-webkit-transition-property:grid-template-columns, opacity;transition-property:grid-template-columns, opacity;transition-property:grid-template-columns, opacity, -ms-grid-columns}.text{line-height:0.75rem}.icon{display:-ms-flexbox;display:flex}.icon svg{aspect-ratio:1/1;height:100%;width:100%}.icon{height:0.75rem;width:0.75rem;fill:var(--mds-input-tip-item-icon-color);-webkit-transform:translateY(-1px);transform:translateY(-1px)}:host([expanded=\"false\"]){color:transparent}:host([expanded]:not([expanded=\"false\"])){padding-left:0.5rem;padding-right:0.5rem;--mds-input-tip-item-color:rgb(var(--tone-neutral))}:host([expanded]:not([expanded=\"false\"])) .content{grid-template-columns:1fr;opacity:1}:host([variant=\"required\"]){--mds-input-tip-item-background:rgb(var(--status-error-05))}:host([variant=\"required-success\"]){--mds-input-tip-item-background:rgb(var(--status-success-05))}:host([variant=\"readonly\"]){--mds-input-tip-item-background:rgb(var(--status-info-05))}:host([variant=\"disabled\"]){--mds-input-tip-item-background:rgb(var(--tone-neutral-05))}:host([variant=\"text\"]){--mds-input-tip-item-background:rgb(var(--tone-neutral-03))}:host-context(.pref-animation-reduce),:host-context(.pref-animation-reduce) .content{-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system),:host-context(.pref-animation-system) .content{-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}";
+const mdsInputTipItemCss = "@tailwind components; :host{--mds-input-tip-item-background:rgb(var(--tone-neutral-01));--mds-input-tip-item-color:rgb(var(--tone-neutral));--mds-input-tip-item-icon-color:rgb(var(--tone-neutral));height:0.75rem;border-radius:0.375rem;-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);-ms-flex-align:center;align-items:center;background-color:var(--mds-input-tip-item-background);color:var(--mds-input-tip-item-color);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;min-width:0.75rem;padding:0;pointer-events:none;position:static;text-align:center;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition-property:background-color, border-radius, color, padding-left, padding-right, -webkit-transform;transition-property:background-color, border-radius, color, padding-left, padding-right, -webkit-transform;transition-property:background-color, border-radius, color, padding-left, padding-right, transform;transition-property:background-color, border-radius, color, padding-left, padding-right, transform, -webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.content{height:0.75rem;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);display:grid;grid-template-columns:0fr;opacity:0;overflow:hidden;-webkit-transition-property:grid-template-columns, opacity;transition-property:grid-template-columns, opacity;transition-property:grid-template-columns, opacity, -ms-grid-columns}.text{line-height:0.75rem}.icon{display:-ms-flexbox;display:flex}.icon svg{aspect-ratio:1/1;height:100%;width:100%}.icon{height:0.75rem;width:0.75rem;fill:var(--mds-input-tip-item-icon-color);-webkit-transform:translateY(-1px);transform:translateY(-1px)}:host(:not([expanded])){color:transparent}:host([expanded]){padding-left:0.5rem;padding-right:0.5rem;--mds-input-tip-item-color:rgb(var(--tone-neutral))}:host([expanded]) .content{grid-template-columns:1fr;opacity:1}:host([variant=\"required\"]){--mds-input-tip-item-background:rgb(var(--status-error-05))}:host([variant=\"required-success\"]){--mds-input-tip-item-background:rgb(var(--status-success-05))}:host([variant=\"readonly\"]){--mds-input-tip-item-background:rgb(var(--status-info-05))}:host([variant=\"disabled\"]){--mds-input-tip-item-background:rgb(var(--tone-neutral-05))}:host([variant=\"text\"]){--mds-input-tip-item-background:rgb(var(--tone-neutral-03))}:host([variant=\"count-empty\"]){--mds-input-tip-item-color:rgb(var(--status-info-02));--mds-input-tip-item-background:rgb(var(--status-info-08))}:host([variant=\"count-incomplete\"]){--mds-input-tip-item-color:rgb(var(--status-success-02));--mds-input-tip-item-background:rgb(var(--status-success-08))}:host([variant=\"count-almost\"]){--mds-input-tip-item-color:rgb(var(--status-warning-02));--mds-input-tip-item-background:rgb(var(--status-warning-08))}:host([variant=\"count-almost-full\"]){--mds-input-tip-item-color:rgb(var(--status-error-02));--mds-input-tip-item-background:rgb(var(--status-error-08))}:host([variant=\"count-full\"]){--mds-input-tip-item-color:rgb(var(--status-error-09));--mds-input-tip-item-background:rgb(var(--status-error-05))}:host-context(.pref-animation-reduce),:host-context(.pref-animation-reduce) .content{-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system),:host-context(.pref-animation-system) .content{-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-contrast-more):host([variant=\"count-empty\"]){--mds-input-tip-item-color:rgb(var(--status-info-10));--mds-input-tip-item-background:rgb(var(--status-info-05))}:host-context(.pref-contrast-more):host([variant=\"count-incomplete\"]){--mds-input-tip-item-color:rgb(var(--status-success-10));--mds-input-tip-item-background:rgb(var(--status-success-05))}:host-context(.pref-contrast-more):host([variant=\"count-almost\"]){--mds-input-tip-item-color:rgb(var(--status-warning-10));--mds-input-tip-item-background:rgb(var(--status-warning-05))}:host-context(.pref-contrast-more):host([variant=\"count-almost-full\"]){--mds-input-tip-item-color:rgb(var(--status-error-10));--mds-input-tip-item-background:rgb(var(--status-error-05))}@media (prefers-contrast: more){:host-context(.pref-contrast-system):host([variant=\"count-empty\"]){--mds-input-tip-item-color:rgb(var(--status-info-10));--mds-input-tip-item-background:rgb(var(--status-info-05))}:host-context(.pref-contrast-system):host([variant=\"count-incomplete\"]){--mds-input-tip-item-color:rgb(var(--status-success-10));--mds-input-tip-item-background:rgb(var(--status-success-05))}:host-context(.pref-contrast-system):host([variant=\"count-almost\"]){--mds-input-tip-item-color:rgb(var(--status-warning-10));--mds-input-tip-item-background:rgb(var(--status-warning-05))}:host-context(.pref-contrast-system):host([variant=\"count-almost-full\"]){--mds-input-tip-item-color:rgb(var(--status-error-10));--mds-input-tip-item-background:rgb(var(--status-error-05))}}: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}";
 const MdsInputTipItemStyle0 = mdsInputTipItemCss;
 
 const MdsInputTipItem = class {
@@ -900,10 +900,6 @@ const MdsInputTipItem = class {
          * Specifies the variant of the element
          */
         this.variant = 'required';
-        /**
-         * Specifies if the element is expanded
-         */
-        this.expanded = true;
     }
     async updateLang() {
         this.language = this.t.lang(this.element);
@@ -911,15 +907,24 @@ const MdsInputTipItem = class {
     componentWillRender() {
         this.t.lang(this.element);
     }
+    handleEcpandedChanged(newValue) {
+        if (newValue === false) {
+            this.expanded = undefined;
+        }
+    }
     render() {
-        return (index.h(index.Host, { key: '0d9b4b63e9bc9c2f35169eb6fb6cdd18eff102ba' }, index.h("div", { key: 'aa8f06b8a43204cf879aade4e9b075bc023450a8', class: "content" }, this.variant === 'text' &&
-            index.h("mds-text", { key: '4daa82f6786179d612246eef8a2b0e9db8aa4424', typography: "option", truncate: "word" }, index.h("span", { key: 'fc97bfed7688e10e7cb225e1d746a5cb1362ac14', class: "text" }, index.h("slot", { key: '426592f0330dcbcc5210617277464ab90875463d' }))), this.variant === 'readonly' &&
-            index.h("mds-text", { key: 'a0214fc19b6389af8d8793a03764fef300da7cae', typography: "option", truncate: "word" }, index.h("span", { key: 'cc696e1875c3f3ff6a632862800cd9c49045609e', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'disabled' &&
-            index.h("mds-text", { key: 'dd8a6c5716bbe8de7327c2fb52ca8901892c85a6', typography: "option", truncate: "word" }, index.h("span", { key: 'b7fa49ca291ac6a36fc30a2c94e6343d9634031b', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required' &&
-            index.h("mds-text", { key: '4dbee8538b2bbdd5db00ac93ec584701158d637c', typography: "option", truncate: "word" }, index.h("span", { key: 'b60e9649e77e9136443ca24c86ef5c66bdeab639', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required-success' &&
-            index.h("span", { key: '3fc91df192b6588bcfbe8d102c4c7a9444315576', class: "icon", innerHTML: miBaselineDone }))));
+        return (index.h(index.Host, { key: 'f33ad71b08aa4883c7260e20e7f9b8f43dcf0519' }, index.h("div", { key: '5b67c52055c0095cca9227159467b683d5ea0f51', class: "content" }, this.variant === 'text' &&
+            index.h("mds-text", { key: 'cd394cc4c4af8a6614c5dc822c0bb18eb6e42c91', typography: "option", truncate: "word" }, index.h("span", { key: 'b7ddcd89a9b15a5d5f9ec6ba25c1e89d62c88663', class: "text" }, index.h("slot", { key: '91cc7606f0788161127653082871d34877367ec2' }))), this.variant === 'readonly' &&
+            index.h("mds-text", { key: 'd32601380ff2619d3bd92c4ca0b39d7bad4b54fb', typography: "option", truncate: "word" }, index.h("span", { key: '9a38d81925d19762ca42301d6c6ed97f6f967031', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'disabled' &&
+            index.h("mds-text", { key: '00033b59e084466020cb3e1a2b68d3be119c5bf0', typography: "option", truncate: "word" }, index.h("span", { key: '3f165a5b0b1203a560aaaef5de029fb3418d7ab6', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required' &&
+            index.h("mds-text", { key: 'd50e0f3f3ad8648fb2a5d03c4b61a3930d3f20a4', typography: "option", truncate: "word" }, index.h("span", { key: 'f99be6cb7039922aaed356489a85b2b33dbe8794', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required-success' &&
+            index.h("span", { key: '84481ab95da9f97954878fa341537790404f34b6', class: "icon", innerHTML: miBaselineDone }), (this.variant === 'count-almost' || this.variant === 'count-almost-full' || this.variant === 'count-empty' || this.variant === 'count-full' || this.variant === 'count-incomplete') &&
+            index.h("mds-text", { key: '43adceea6ad36da642f5a02cbf9c54c44e5b9f40', typography: "option", truncate: "word" }, index.h("span", { key: '0bb53315c34315233c64846e0c3f4ad120d10359', class: "text" }, index.h("slot", { key: '427514dbe5a58065d5eba66a1be77530d99c8957' }))))));
     }
     get element() { return index.getElement(this); }
+    static get watchers() { return {
+        "expanded": ["handleEcpandedChanged"]
+    }; }
 };
 MdsInputTipItem.style = MdsInputTipItemStyle0;
 

package/dist/cjs/mds-input-tip-item.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-8a2658a5.js');
+const index = require('./index-733e68a3.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["mds-input-tip-item.cjs",[[1,"mds-input-tip-item",{"variant":[513],"expanded":[516],"language":[32],"updateLang":[64]}]]]], options);
+  return index.bootstrapLazy([["mds-input-tip-item.cjs",[[1,"mds-input-tip-item",{"variant":[513],"expanded":[1540],"language":[32],"updateLang":[64]},null,{"expanded":["handleEcpandedChanged"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/common/floating-controller.js

@@ -65,6 +65,23 @@ export class FloatingController {
                     return { transformOrigin: 'center top' };
             }
         };
+        this.convertToTransformOrigin = (position) => {
+            const positions = {
+                top: 'center bottom',
+                right: 'left center',
+                bottom: 'center top',
+                left: 'right center',
+                'bottom-end': 'top right',
+                'bottom-start': 'top left',
+                'left-end': 'right bottom',
+                'left-start': 'right top',
+                'right-end': 'left bottom',
+                'right-start': 'left top',
+                'top-end': 'bottom right',
+                'top-start': 'bottom left',
+            };
+            return positions[position];
+        };
         this.calculatePosition = () => {
             if (!this._caller)
                 return;
@@ -99,6 +116,7 @@ export class FloatingController {
                 Object.assign(this._host.style, {
                     left: `${x}px`,
                     top: `${y}px`,
+                    transformOrigin: this.convertToTransformOrigin(placement),
                 });
                 const arrowStyle = {};
                 const arrowPosition = {

package/dist/collection/common/keyboard-manager.js

@@ -22,8 +22,9 @@ export class KeyboardManager {
             this.elements.delete(name);
         };
         this.attachClickBehavior = (name = 'element') => {
-            var _a;
-            (_a = this.elements.get(name)) === null || _a === void 0 ? void 0 : _a.addEventListener('keydown', this.handleClickBehaviorDispatchEvent);
+            var _a, _b;
+            (_a = this.elements.get(name)) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', this.handleClickBehaviorDispatchEvent);
+            (_b = this.elements.get(name)) === null || _b === void 0 ? void 0 : _b.addEventListener('keydown', this.handleClickBehaviorDispatchEvent);
         };
         this.detachClickBehavior = (name = 'element') => {
             var _a;

package/dist/collection/components/mds-input-tip-item/mds-input-tip-item.css

@@ -66,18 +66,18 @@
   transform: translateY(-1px);
 }
 
-:host([expanded="false"]) {
+:host(:not([expanded])) {
   color: transparent;
 }
 
-:host([expanded]:not([expanded="false"])){
+:host([expanded]){
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 
   --mds-input-tip-item-color: rgb(var(--tone-neutral));
 }
 
-:host([expanded]:not([expanded="false"])) .content {
+:host([expanded]) .content {
   grid-template-columns: 1fr;
   opacity: 1;
 }
@@ -102,6 +102,31 @@
   --mds-input-tip-item-background: rgb(var(--tone-neutral-03));
 }
 
+:host([variant="count-empty"]) {
+  --mds-input-tip-item-color: rgb(var(--status-info-02));
+  --mds-input-tip-item-background: rgb(var(--status-info-08));
+}
+
+:host([variant="count-incomplete"]) {
+  --mds-input-tip-item-color: rgb(var(--status-success-02));
+  --mds-input-tip-item-background: rgb(var(--status-success-08));
+}
+
+:host([variant="count-almost"]) {
+  --mds-input-tip-item-color: rgb(var(--status-warning-02));
+  --mds-input-tip-item-background: rgb(var(--status-warning-08));
+}
+
+:host([variant="count-almost-full"]) {
+  --mds-input-tip-item-color: rgb(var(--status-error-02));
+  --mds-input-tip-item-background: rgb(var(--status-error-08));
+}
+
+:host([variant="count-full"]) {
+  --mds-input-tip-item-color: rgb(var(--status-error-09));
+  --mds-input-tip-item-background: rgb(var(--status-error-05));
+}
+
 :host-context(.pref-animation-reduce),
 :host-context(.pref-animation-reduce) .content {
   transition-duration: 0s;
@@ -114,6 +139,48 @@
   }
 }
 
+:host-context(.pref-contrast-more):host([variant="count-empty"]) {
+  --mds-input-tip-item-color: rgb(var(--status-info-10));
+  --mds-input-tip-item-background: rgb(var(--status-info-05));
+}
+
+:host-context(.pref-contrast-more):host([variant="count-incomplete"]) {
+  --mds-input-tip-item-color: rgb(var(--status-success-10));
+  --mds-input-tip-item-background: rgb(var(--status-success-05));
+}
+
+:host-context(.pref-contrast-more):host([variant="count-almost"]) {
+  --mds-input-tip-item-color: rgb(var(--status-warning-10));
+  --mds-input-tip-item-background: rgb(var(--status-warning-05));
+}
+
+:host-context(.pref-contrast-more):host([variant="count-almost-full"]) {
+  --mds-input-tip-item-color: rgb(var(--status-error-10));
+  --mds-input-tip-item-background: rgb(var(--status-error-05));
+}
+
+@media (prefers-contrast: more) {
+  :host-context(.pref-contrast-system):host([variant="count-empty"]) {
+    --mds-input-tip-item-color: rgb(var(--status-info-10));
+    --mds-input-tip-item-background: rgb(var(--status-info-05));
+  }
+
+  :host-context(.pref-contrast-system):host([variant="count-incomplete"]) {
+    --mds-input-tip-item-color: rgb(var(--status-success-10));
+    --mds-input-tip-item-background: rgb(var(--status-success-05));
+  }
+
+  :host-context(.pref-contrast-system):host([variant="count-almost"]) {
+    --mds-input-tip-item-color: rgb(var(--status-warning-10));
+    --mds-input-tip-item-background: rgb(var(--status-warning-05));
+  }
+
+  :host-context(.pref-contrast-system):host([variant="count-almost-full"]) {
+    --mds-input-tip-item-color: rgb(var(--status-error-10));
+    --mds-input-tip-item-background: rgb(var(--status-error-05));
+  }
+}
+
 :host(:not(:is([hydrated], .hydrated))) {
   animation-duration: 0s;
   border-color: transparent;

package/dist/collection/components/mds-input-tip-item/mds-input-tip-item.js

@@ -17,10 +17,6 @@ export class MdsInputTipItem {
          * Specifies the variant of the element
          */
         this.variant = 'required';
-        /**
-         * Specifies if the element is expanded
-         */
-        this.expanded = true;
     }
     async updateLang() {
         this.language = this.t.lang(this.element);
@@ -28,13 +24,19 @@ export class MdsInputTipItem {
     componentWillRender() {
         this.t.lang(this.element);
     }
+    handleEcpandedChanged(newValue) {
+        if (newValue === false) {
+            this.expanded = undefined;
+        }
+    }
     render() {
-        return (h(Host, { key: '0d9b4b63e9bc9c2f35169eb6fb6cdd18eff102ba' }, h("div", { key: 'aa8f06b8a43204cf879aade4e9b075bc023450a8', class: "content" }, this.variant === 'text' &&
-            h("mds-text", { key: '4daa82f6786179d612246eef8a2b0e9db8aa4424', typography: "option", truncate: "word" }, h("span", { key: 'fc97bfed7688e10e7cb225e1d746a5cb1362ac14', class: "text" }, h("slot", { key: '426592f0330dcbcc5210617277464ab90875463d' }))), this.variant === 'readonly' &&
-            h("mds-text", { key: 'a0214fc19b6389af8d8793a03764fef300da7cae', typography: "option", truncate: "word" }, h("span", { key: 'cc696e1875c3f3ff6a632862800cd9c49045609e', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'disabled' &&
-            h("mds-text", { key: 'dd8a6c5716bbe8de7327c2fb52ca8901892c85a6', typography: "option", truncate: "word" }, h("span", { key: 'b7fa49ca291ac6a36fc30a2c94e6343d9634031b', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required' &&
-            h("mds-text", { key: '4dbee8538b2bbdd5db00ac93ec584701158d637c', typography: "option", truncate: "word" }, h("span", { key: 'b60e9649e77e9136443ca24c86ef5c66bdeab639', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required-success' &&
-            h("span", { key: '3fc91df192b6588bcfbe8d102c4c7a9444315576', class: "icon", innerHTML: miBaselineDone }))));
+        return (h(Host, { key: 'f33ad71b08aa4883c7260e20e7f9b8f43dcf0519' }, h("div", { key: '5b67c52055c0095cca9227159467b683d5ea0f51', class: "content" }, this.variant === 'text' &&
+            h("mds-text", { key: 'cd394cc4c4af8a6614c5dc822c0bb18eb6e42c91', typography: "option", truncate: "word" }, h("span", { key: 'b7ddcd89a9b15a5d5f9ec6ba25c1e89d62c88663', class: "text" }, h("slot", { key: '91cc7606f0788161127653082871d34877367ec2' }))), this.variant === 'readonly' &&
+            h("mds-text", { key: 'd32601380ff2619d3bd92c4ca0b39d7bad4b54fb', typography: "option", truncate: "word" }, h("span", { key: '9a38d81925d19762ca42301d6c6ed97f6f967031', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'disabled' &&
+            h("mds-text", { key: '00033b59e084466020cb3e1a2b68d3be119c5bf0', typography: "option", truncate: "word" }, h("span", { key: '3f165a5b0b1203a560aaaef5de029fb3418d7ab6', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required' &&
+            h("mds-text", { key: 'd50e0f3f3ad8648fb2a5d03c4b61a3930d3f20a4', typography: "option", truncate: "word" }, h("span", { key: 'f99be6cb7039922aaed356489a85b2b33dbe8794', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required-success' &&
+            h("span", { key: '84481ab95da9f97954878fa341537790404f34b6', class: "icon", innerHTML: miBaselineDone }), (this.variant === 'count-almost' || this.variant === 'count-almost-full' || this.variant === 'count-empty' || this.variant === 'count-full' || this.variant === 'count-incomplete') &&
+            h("mds-text", { key: '43adceea6ad36da642f5a02cbf9c54c44e5b9f40', typography: "option", truncate: "word" }, h("span", { key: '0bb53315c34315233c64846e0c3f4ad120d10359', class: "text" }, h("slot", { key: '427514dbe5a58065d5eba66a1be77530d99c8957' }))))));
     }
     static get is() { return "mds-input-tip-item"; }
     static get encapsulation() { return "shadow"; }
@@ -55,12 +57,12 @@ export class MdsInputTipItem {
                 "mutable": false,
                 "complexType": {
                     "original": "InputTipItemVariantType",
-                    "resolved": "\"disabled\" | \"readonly\" | \"required\" | \"required-success\" | \"text\" | undefined",
+                    "resolved": "\"count-almost\" | \"count-almost-full\" | \"count-empty\" | \"count-full\" | \"count-incomplete\" | \"disabled\" | \"readonly\" | \"required\" | \"required-success\" | \"text\" | undefined",
                     "references": {
                         "InputTipItemVariantType": {
                             "location": "import",
-                            "path": "./meta/types",
-                            "id": "src/components/mds-input-tip-item/meta/types.ts::InputTipItemVariantType"
+                            "path": "@type/input-tip",
+                            "id": "src/type/input-tip.ts::InputTipItemVariantType"
                         }
                     }
                 },
@@ -78,7 +80,7 @@ export class MdsInputTipItem {
             },
             "expanded": {
                 "type": "boolean",
-                "mutable": false,
+                "mutable": true,
                 "complexType": {
                     "original": "boolean",
                     "resolved": "boolean | undefined",
@@ -93,8 +95,7 @@ export class MdsInputTipItem {
                 "getter": false,
                 "setter": false,
                 "attribute": "expanded",
-                "reflect": true,
-                "defaultValue": "true"
+                "reflect": true
             }
         };
     }
@@ -125,4 +126,10 @@ export class MdsInputTipItem {
         };
     }
     static get elementRef() { return "element"; }
+    static get watchers() {
+        return [{
+                "propName": "expanded",
+                "methodName": "handleEcpandedChanged"
+            }];
+    }
 }

package/dist/components/mds-input-tip-item.js

@@ -880,7 +880,7 @@ const localeIt = {
 	readonly: readonly
 };
 
-const mdsInputTipItemCss = "@tailwind components; :host{--mds-input-tip-item-background:rgb(var(--tone-neutral-01));--mds-input-tip-item-color:rgb(var(--tone-neutral));--mds-input-tip-item-icon-color:rgb(var(--tone-neutral));height:0.75rem;border-radius:0.375rem;-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);-ms-flex-align:center;align-items:center;background-color:var(--mds-input-tip-item-background);color:var(--mds-input-tip-item-color);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;min-width:0.75rem;padding:0;pointer-events:none;position:static;text-align:center;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition-property:background-color, border-radius, color, padding-left, padding-right, -webkit-transform;transition-property:background-color, border-radius, color, padding-left, padding-right, -webkit-transform;transition-property:background-color, border-radius, color, padding-left, padding-right, transform;transition-property:background-color, border-radius, color, padding-left, padding-right, transform, -webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.content{height:0.75rem;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);display:grid;grid-template-columns:0fr;opacity:0;overflow:hidden;-webkit-transition-property:grid-template-columns, opacity;transition-property:grid-template-columns, opacity;transition-property:grid-template-columns, opacity, -ms-grid-columns}.text{line-height:0.75rem}.icon{display:-ms-flexbox;display:flex}.icon svg{aspect-ratio:1/1;height:100%;width:100%}.icon{height:0.75rem;width:0.75rem;fill:var(--mds-input-tip-item-icon-color);-webkit-transform:translateY(-1px);transform:translateY(-1px)}:host([expanded=\"false\"]){color:transparent}:host([expanded]:not([expanded=\"false\"])){padding-left:0.5rem;padding-right:0.5rem;--mds-input-tip-item-color:rgb(var(--tone-neutral))}:host([expanded]:not([expanded=\"false\"])) .content{grid-template-columns:1fr;opacity:1}:host([variant=\"required\"]){--mds-input-tip-item-background:rgb(var(--status-error-05))}:host([variant=\"required-success\"]){--mds-input-tip-item-background:rgb(var(--status-success-05))}:host([variant=\"readonly\"]){--mds-input-tip-item-background:rgb(var(--status-info-05))}:host([variant=\"disabled\"]){--mds-input-tip-item-background:rgb(var(--tone-neutral-05))}:host([variant=\"text\"]){--mds-input-tip-item-background:rgb(var(--tone-neutral-03))}:host-context(.pref-animation-reduce),:host-context(.pref-animation-reduce) .content{-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system),:host-context(.pref-animation-system) .content{-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}";
+const mdsInputTipItemCss = "@tailwind components; :host{--mds-input-tip-item-background:rgb(var(--tone-neutral-01));--mds-input-tip-item-color:rgb(var(--tone-neutral));--mds-input-tip-item-icon-color:rgb(var(--tone-neutral));height:0.75rem;border-radius:0.375rem;-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);-ms-flex-align:center;align-items:center;background-color:var(--mds-input-tip-item-background);color:var(--mds-input-tip-item-color);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;min-width:0.75rem;padding:0;pointer-events:none;position:static;text-align:center;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition-property:background-color, border-radius, color, padding-left, padding-right, -webkit-transform;transition-property:background-color, border-radius, color, padding-left, padding-right, -webkit-transform;transition-property:background-color, border-radius, color, padding-left, padding-right, transform;transition-property:background-color, border-radius, color, padding-left, padding-right, transform, -webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.content{height:0.75rem;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);display:grid;grid-template-columns:0fr;opacity:0;overflow:hidden;-webkit-transition-property:grid-template-columns, opacity;transition-property:grid-template-columns, opacity;transition-property:grid-template-columns, opacity, -ms-grid-columns}.text{line-height:0.75rem}.icon{display:-ms-flexbox;display:flex}.icon svg{aspect-ratio:1/1;height:100%;width:100%}.icon{height:0.75rem;width:0.75rem;fill:var(--mds-input-tip-item-icon-color);-webkit-transform:translateY(-1px);transform:translateY(-1px)}:host(:not([expanded])){color:transparent}:host([expanded]){padding-left:0.5rem;padding-right:0.5rem;--mds-input-tip-item-color:rgb(var(--tone-neutral))}:host([expanded]) .content{grid-template-columns:1fr;opacity:1}:host([variant=\"required\"]){--mds-input-tip-item-background:rgb(var(--status-error-05))}:host([variant=\"required-success\"]){--mds-input-tip-item-background:rgb(var(--status-success-05))}:host([variant=\"readonly\"]){--mds-input-tip-item-background:rgb(var(--status-info-05))}:host([variant=\"disabled\"]){--mds-input-tip-item-background:rgb(var(--tone-neutral-05))}:host([variant=\"text\"]){--mds-input-tip-item-background:rgb(var(--tone-neutral-03))}:host([variant=\"count-empty\"]){--mds-input-tip-item-color:rgb(var(--status-info-02));--mds-input-tip-item-background:rgb(var(--status-info-08))}:host([variant=\"count-incomplete\"]){--mds-input-tip-item-color:rgb(var(--status-success-02));--mds-input-tip-item-background:rgb(var(--status-success-08))}:host([variant=\"count-almost\"]){--mds-input-tip-item-color:rgb(var(--status-warning-02));--mds-input-tip-item-background:rgb(var(--status-warning-08))}:host([variant=\"count-almost-full\"]){--mds-input-tip-item-color:rgb(var(--status-error-02));--mds-input-tip-item-background:rgb(var(--status-error-08))}:host([variant=\"count-full\"]){--mds-input-tip-item-color:rgb(var(--status-error-09));--mds-input-tip-item-background:rgb(var(--status-error-05))}:host-context(.pref-animation-reduce),:host-context(.pref-animation-reduce) .content{-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system),:host-context(.pref-animation-system) .content{-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-contrast-more):host([variant=\"count-empty\"]){--mds-input-tip-item-color:rgb(var(--status-info-10));--mds-input-tip-item-background:rgb(var(--status-info-05))}:host-context(.pref-contrast-more):host([variant=\"count-incomplete\"]){--mds-input-tip-item-color:rgb(var(--status-success-10));--mds-input-tip-item-background:rgb(var(--status-success-05))}:host-context(.pref-contrast-more):host([variant=\"count-almost\"]){--mds-input-tip-item-color:rgb(var(--status-warning-10));--mds-input-tip-item-background:rgb(var(--status-warning-05))}:host-context(.pref-contrast-more):host([variant=\"count-almost-full\"]){--mds-input-tip-item-color:rgb(var(--status-error-10));--mds-input-tip-item-background:rgb(var(--status-error-05))}@media (prefers-contrast: more){:host-context(.pref-contrast-system):host([variant=\"count-empty\"]){--mds-input-tip-item-color:rgb(var(--status-info-10));--mds-input-tip-item-background:rgb(var(--status-info-05))}:host-context(.pref-contrast-system):host([variant=\"count-incomplete\"]){--mds-input-tip-item-color:rgb(var(--status-success-10));--mds-input-tip-item-background:rgb(var(--status-success-05))}:host-context(.pref-contrast-system):host([variant=\"count-almost\"]){--mds-input-tip-item-color:rgb(var(--status-warning-10));--mds-input-tip-item-background:rgb(var(--status-warning-05))}:host-context(.pref-contrast-system):host([variant=\"count-almost-full\"]){--mds-input-tip-item-color:rgb(var(--status-error-10));--mds-input-tip-item-background:rgb(var(--status-error-05))}}: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}";
 const MdsInputTipItemStyle0 = mdsInputTipItemCss;
 
 const MdsInputTipItem$1 = /*@__PURE__*/ proxyCustomElement(class MdsInputTipItem extends HTMLElement {
@@ -898,10 +898,6 @@ const MdsInputTipItem$1 = /*@__PURE__*/ proxyCustomElement(class MdsInputTipItem
          * Specifies the variant of the element
          */
         this.variant = 'required';
-        /**
-         * Specifies if the element is expanded
-         */
-        this.expanded = true;
     }
     async updateLang() {
         this.language = this.t.lang(this.element);
@@ -909,21 +905,32 @@ const MdsInputTipItem$1 = /*@__PURE__*/ proxyCustomElement(class MdsInputTipItem
     componentWillRender() {
         this.t.lang(this.element);
     }
+    handleEcpandedChanged(newValue) {
+        if (newValue === false) {
+            this.expanded = undefined;
+        }
+    }
     render() {
-        return (h(Host, { key: '0d9b4b63e9bc9c2f35169eb6fb6cdd18eff102ba' }, h("div", { key: 'aa8f06b8a43204cf879aade4e9b075bc023450a8', class: "content" }, this.variant === 'text' &&
-            h("mds-text", { key: '4daa82f6786179d612246eef8a2b0e9db8aa4424', typography: "option", truncate: "word" }, h("span", { key: 'fc97bfed7688e10e7cb225e1d746a5cb1362ac14', class: "text" }, h("slot", { key: '426592f0330dcbcc5210617277464ab90875463d' }))), this.variant === 'readonly' &&
-            h("mds-text", { key: 'a0214fc19b6389af8d8793a03764fef300da7cae', typography: "option", truncate: "word" }, h("span", { key: 'cc696e1875c3f3ff6a632862800cd9c49045609e', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'disabled' &&
-            h("mds-text", { key: 'dd8a6c5716bbe8de7327c2fb52ca8901892c85a6', typography: "option", truncate: "word" }, h("span", { key: 'b7fa49ca291ac6a36fc30a2c94e6343d9634031b', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required' &&
-            h("mds-text", { key: '4dbee8538b2bbdd5db00ac93ec584701158d637c', typography: "option", truncate: "word" }, h("span", { key: 'b60e9649e77e9136443ca24c86ef5c66bdeab639', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required-success' &&
-            h("span", { key: '3fc91df192b6588bcfbe8d102c4c7a9444315576', class: "icon", innerHTML: miBaselineDone }))));
+        return (h(Host, { key: 'f33ad71b08aa4883c7260e20e7f9b8f43dcf0519' }, h("div", { key: '5b67c52055c0095cca9227159467b683d5ea0f51', class: "content" }, this.variant === 'text' &&
+            h("mds-text", { key: 'cd394cc4c4af8a6614c5dc822c0bb18eb6e42c91', typography: "option", truncate: "word" }, h("span", { key: 'b7ddcd89a9b15a5d5f9ec6ba25c1e89d62c88663', class: "text" }, h("slot", { key: '91cc7606f0788161127653082871d34877367ec2' }))), this.variant === 'readonly' &&
+            h("mds-text", { key: 'd32601380ff2619d3bd92c4ca0b39d7bad4b54fb', typography: "option", truncate: "word" }, h("span", { key: '9a38d81925d19762ca42301d6c6ed97f6f967031', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'disabled' &&
+            h("mds-text", { key: '00033b59e084466020cb3e1a2b68d3be119c5bf0', typography: "option", truncate: "word" }, h("span", { key: '3f165a5b0b1203a560aaaef5de029fb3418d7ab6', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required' &&
+            h("mds-text", { key: 'd50e0f3f3ad8648fb2a5d03c4b61a3930d3f20a4', typography: "option", truncate: "word" }, h("span", { key: 'f99be6cb7039922aaed356489a85b2b33dbe8794', class: "text" }, this.variant && this.t.get(this.variant.toString()))), this.variant === 'required-success' &&
+            h("span", { key: '84481ab95da9f97954878fa341537790404f34b6', class: "icon", innerHTML: miBaselineDone }), (this.variant === 'count-almost' || this.variant === 'count-almost-full' || this.variant === 'count-empty' || this.variant === 'count-full' || this.variant === 'count-incomplete') &&
+            h("mds-text", { key: '43adceea6ad36da642f5a02cbf9c54c44e5b9f40', typography: "option", truncate: "word" }, h("span", { key: '0bb53315c34315233c64846e0c3f4ad120d10359', class: "text" }, h("slot", { key: '427514dbe5a58065d5eba66a1be77530d99c8957' }))))));
     }
     get element() { return this; }
+    static get watchers() { return {
+        "expanded": ["handleEcpandedChanged"]
+    }; }
     static get style() { return MdsInputTipItemStyle0; }
 }, [1, "mds-input-tip-item", {
         "variant": [513],
-        "expanded": [516],
+        "expanded": [1540],
         "language": [32],
         "updateLang": [64]
+    }, undefined, {
+        "expanded": ["handleEcpandedChanged"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {