@magmonium/one 0.2.82 → 0.2.84

package/fesm2022/{magmonium-one-magmonium-one-zMBbH4e6.mjs → magmonium-one-magmonium-one-D023Nl0G.mjs}

@@ -6557,7 +6557,7 @@ class ButtonComponent extends ReactiveElementComponent {
     }
     formatBadgeCount = (count, max = 99) => formatBadgeCount(count, max);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ButtonComponent, isStandalone: true, selector: "m-button,m-one-button", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, nav: { classPropertyName: "nav", publicName: "nav", isSignal: true, isRequired: false, transformFunction: null }, navParams: { classPropertyName: "navParams", publicName: "navParams", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, one: { classPropertyName: "one", publicName: "one", isSignal: true, isRequired: false, transformFunction: null }, remote: { classPropertyName: "remote", publicName: "remote", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, noTranslate: { classPropertyName: "noTranslate", publicName: "noTranslate", isSignal: true, isRequired: false, transformFunction: null }, params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: false, transformFunction: null }, noNative: { classPropertyName: "noNative", publicName: "noNative", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, isRightIcon: { classPropertyName: "isRightIcon", publicName: "isRightIcon", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, stacked: { classPropertyName: "stacked", publicName: "stacked", isSignal: true, isRequired: false, transformFunction: null }, imgSrc: { classPropertyName: "imgSrc", publicName: "imgSrc", isSignal: true, isRequired: false, transformFunction: null }, nonClickable: { classPropertyName: "nonClickable", publicName: "nonClickable", isSignal: true, isRequired: false, transformFunction: null }, inverted: { classPropertyName: "inverted", publicName: "inverted", isSignal: true, isRequired: false, transformFunction: null }, isSubmit: { classPropertyName: "isSubmit", publicName: "isSubmit", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { config: "configChange", clicked: "clicked" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (config(); as config) {\n  <!-- One branch for every in-app target: `mRef` names a NavId and the store\n       reads the NavKind off that node to decide route vs panel (ADR 0014). -->\n  @if (config.nav) {\n    @if (!noNative()) {\n      <button\n        type=\"button\"\n        class=\"{{ className() }}\"\n        [attr.data-testid]=\"config.name + '-btn'\"\n        [attr.tabindex]=\"config.tabindex\"\n        [disabled]=\"config.disabled\"\n        [mRef]=\"config.nav\"\n        [mRefParams]=\"config.navParams\"\n        [attr.aria-label]=\"config.noTranslate ? config.label : (config.label | translate: config.params)\"\n        mRefLinkActive=\"tab\"\n        (keydown.enter)=\"onClick()\"\n        (click)=\"onClick()\"\n        #button\n      >\n        <ng-container *ngTemplateOutlet=\"buttonContent; context: { button: config }\"></ng-container>\n      </button>\n    } @else {\n      <div\n        role=\"button\"\n        [attr.tabindex]=\"config.tabindex ?? 0\"\n        class=\"non-native {{ className() }}\"\n        [attr.data-testid]=\"config.name + '-btn'\"\n        [attr.aria-label]=\"config.noTranslate ? config.label : (config.label | translate: config.params)\"\n        [attr.aria-disabled]=\"config.disabled ? 'true' : 'false'\"\n        (keydown.enter)=\"onClick()\"\n        (click)=\"onClick()\"\n        #button\n      >\n        <ng-container *ngTemplateOutlet=\"buttonContent; context: { button: config }\"></ng-container>\n      </div>\n    }\n  } @else if (config.href) {\n    <a\n      class=\"{{ className() }}\"\n      [attr.data-testid]=\"config.name + '-btn'\"\n      [attr.tabindex]=\"config.tabindex\"\n      [href]=\"config.href\"\n      [attr.aria-label]=\"config.noTranslate ? config.label : (config.label | translate: config.params)\"\n      (click)=\"onClick()\"\n      #button\n    >\n      <ng-container *ngTemplateOutlet=\"buttonContent; context: { button: config }\"></ng-container>\n    </a>\n  } @else {\n    @if (!noNative()) {\n      <button\n        type=\"button\"\n        class=\"{{ className() }}\"\n        [attr.data-testid]=\"config.name + '-btn'\"\n        [attr.tabindex]=\"config.tabindex\"\n        [disabled]=\"isDisabled()\"\n        [attr.aria-label]=\"config.noTranslate ? config.label : (config.label | translate: config.params)\"\n        (keydown.enter)=\"onClick()\"\n        (click)=\"onClick()\"\n        #button\n      >\n        <ng-container *ngTemplateOutlet=\"buttonContent; context: { button: config }\"></ng-container>\n      </button>\n    } @else {\n      <div\n        role=\"button\"\n        [attr.tabindex]=\"config.tabindex ?? 0\"\n        class=\"non-native {{ className() }}\"\n        [attr.data-testid]=\"config.name + '-btn'\"\n        [attr.aria-label]=\"config.noTranslate ? config.label : (config.label | translate: config.params)\"\n        [attr.aria-disabled]=\"isDisabled() ? 'true' : 'false'\"\n        (keydown.enter)=\"onClick()\"\n        (click)=\"onClick()\"\n        #button\n      >\n        <ng-container *ngTemplateOutlet=\"buttonContent; context: { button: config }\"></ng-container>\n      </div>\n    }\n  }\n}\n\n<ng-template #buttonContent let-button=\"button\">\n  @if (button.imgSrc) {\n    <div class=\"button-icon button-icon--img\">\n      <m-img [src]=\"button.imgSrc\" [remote]=\"button.remote\" [alt]=\"button.label || button.name || ''\" />\n      @if (button.badge && button.badge.count) {\n        <m-badge\n          [config]=\"{ variant: button.badge.variant ?? 'danger', position: 'absolute' }\"\n          >{{ formatBadgeCount(button.badge.count) }}</m-badge\n        >\n      }\n    </div>\n  } @else if (buttonIcon(); as icon) {\n    <div class=\"button-icon\">\n      @if (isFromOne()) {\n        <m-one-icon [config]=\"icon\" />\n      } @else {\n        <m-icon [config]=\"icon\" />\n      }\n      @if (button.badge && button.badge.count) {\n        <m-badge\n          [config]=\"{ variant: button.badge.variant ?? 'danger', position: 'absolute' }\"\n          >{{ formatBadgeCount(button.badge.count) }}</m-badge\n        >\n      }\n    </div>\n  }\n  @if (button.label && !button.iconOnly) {\n    <span class=\"button-label {{ button.labelClass || '' }}\">\n      {{ button.noTranslate ? button.label : (button.label | translate: button.params) }}\n    </span>\n  }\n  @if (!buttonIcon() && button.badge && button.badge.count) {\n    <m-badge [config]=\"{ variant: button.badge.variant ?? 'danger', position: 'static' }\">{{\n      formatBadgeCount(button.badge.count)\n    }}</m-badge>\n  }\n</ng-template>\n", styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;overflow:hidden;transition:box-shadow .15s ease;--m-btn-size: var(--m-button-size, 1em);--m-btn-color: var(--m-button-color, var(--m-one-button-color, var(--m-mm)));--m-btn-color-contrast: var(--m-button-color-contrast, var(--m-one-button-color-contrast, #ffffff));--m-btn-color-opposite: var(--m-button-color-opposite, var(--m-one-button-color-opposite, #e1b941));--m-btn-h: calc(var(--m-btn-size) * 2.75);width:var(--m-button-width, var(--m-one-button-width, auto));min-width:0;height:var(--m-btn-h);font-size:var(--m-btn-size)}:host-context(.inverse),:host-context(.tabs-inverse),:host.inverse{--m-btn-color: var(--m-button-color, var(--m-one-button-color, var(--m-inverse-text)))}:host:has(.full-width){display:flex;width:100%}:host:has(.full-width) button .button-label{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}:host:has(.only-icon),:host:has(.toggle){width:var(--m-btn-h);min-width:var(--m-btn-h)}:host:has(.has-badge){overflow:visible}:host:has(.stacked),:host:has(.toggle){height:auto}button:not(.get):not(.toggle){height:calc(var(--input-size, var(--m-btn-size)) * 2);min-height:calc(var(--input-size, var(--m-btn-size)) * 2);border-width:max(1px,var(--input-size, var(--m-btn-size)) * .0625);border-radius:calc(var(--input-size, var(--m-btn-size)) * .4);padding:calc(var(--input-size, var(--m-btn-size)) * .5) calc(var(--input-size, var(--m-btn-size)) * .5);gap:calc(var(--input-size, var(--m-btn-size)) * .375);font-size:var(--input-size, var(--m-btn-size));border-color:var(--m-btn-color);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}button:not(.get):not(.toggle):hover:not(:disabled){background-color:color-mix(in srgb,var(--m-btn-color) 6%,transparent)}button:not(.get):not(.toggle):disabled{opacity:.6;cursor:not-allowed}button:not(.get):not(.toggle){height:auto;padding:calc(var(--m-btn-size) * .625) calc(var(--m-btn-size) * 1.25);gap:calc(var(--m-btn-size) * .375);border-style:solid;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:inherit;cursor:pointer;appearance:none;width:100%;height:100%;min-height:0;padding:0 calc(var(--m-btn-size) * 1.25);border-width:var(--m-button-border-width, 1px);border-radius:var(--m-button-radius, calc(var(--m-btn-size) * .5));color:var(--m-btn-color);font-weight:600;line-height:1;-webkit-user-select:none;user-select:none;position:relative;outline:none;box-shadow:var(--m-button-shadow, var(--m-one-button-shadow, none));transition:filter .15s ease,background .15s ease}button:not(.get):not(.toggle):hover:not(:disabled){filter:brightness(1.04)}button:not(.get):not(.toggle):focus-visible:not(:disabled){outline:2px solid color-mix(in srgb,var(--m-focus) 45%,transparent);outline-offset:-2px}button:not(.get):not(.toggle):active:not(:disabled){transform:scale(.97)}button:not(.get):not(.toggle):disabled{opacity:.35;cursor:not-allowed;pointer-events:none;filter:grayscale(80%)}button:not(.get):not(.toggle).read-only{pointer-events:none!important;cursor:default!important;transform:none!important;box-shadow:none!important;background:transparent!important;border-color:transparent!important;opacity:1!important}button:not(.get):not(.toggle).read-only .button-icon{transform:none!important;color:inherit!important}button:not(.get):not(.toggle).primary{background:var(--m-btn-color);border-color:var(--m-btn-color);color:var(--m-btn-color-contrast)}button:not(.get):not(.toggle).primary:hover:not(:disabled){filter:none;background:color-mix(in srgb,var(--m-btn-color) 88%,black);border-color:color-mix(in srgb,var(--m-btn-color) 88%,black)}button:not(.get):not(.toggle).primary:active:not(:disabled){filter:brightness(.94);transform:scale(.97)}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab){background:transparent;border-color:transparent;color:var(--m-btn-color);box-shadow:none}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab):hover:not(:disabled){filter:none;background:color-mix(in srgb,var(--m-btn-color) 8%,transparent)}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab):active:not(:disabled){background:color-mix(in srgb,var(--m-btn-color) 14%,transparent);transform:scale(.97)}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab).secondary{border:var(--m-button-border-width, 1px) solid color-mix(in srgb,var(--m-btn-color) 15%,transparent)}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab).secondary:hover:not(:disabled){filter:none;border-color:color-mix(in srgb,var(--m-btn-color) 40%,transparent);background:color-mix(in srgb,var(--m-btn-color) 6%,transparent)}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab).secondary:active:not(:disabled){border-color:color-mix(in srgb,var(--m-btn-color) 50%,transparent);background:color-mix(in srgb,var(--m-btn-color) 12%,transparent)}button:not(.get):not(.toggle).secondary:not(.primary):not(.ghost){background:transparent;border-color:var(--m-btn-color);color:var(--m-btn-color)}button:not(.get):not(.toggle).secondary:not(.primary):not(.ghost):hover:not(:disabled){filter:none;background:color-mix(in srgb,var(--m-btn-color) 8%,transparent)}button:not(.get):not(.toggle).secondary:not(.primary):not(.ghost):active:not(:disabled){background:color-mix(in srgb,var(--m-btn-color) 14%,transparent);transform:scale(.97)}button:not(.get):not(.toggle).tab{background:var(--m-backdrop-border);border-color:var(--m-backdrop-border);color:var(--m-btn-color)}button:not(.get):not(.toggle).tab:hover:not(:disabled){background:color-mix(in srgb,var(--m-backdrop-border) 82%,black);border-color:color-mix(in srgb,var(--m-backdrop-border) 82%,black);filter:none}button:not(.get):not(.toggle).tab:active:not(:disabled){background:color-mix(in srgb,var(--m-backdrop-border) 70%,black);border-color:color-mix(in srgb,var(--m-backdrop-border) 70%,black);transform:scale(.97)}button:not(.get):not(.toggle).segmented .button-icon,button:not(.get):not(.toggle).badge-accent .button-icon,button:not(.get):not(.toggle).with-right-icon .button-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--m-btn-color-opposite);order:1}button:not(.get):not(.toggle).segmented .button-label,button:not(.get):not(.toggle).badge-accent .button-label,button:not(.get):not(.toggle).with-right-icon .button-label{order:-1}button:not(.get):not(.toggle).segmented.primary .button-icon,button:not(.get):not(.toggle).badge-accent.primary .button-icon,button:not(.get):not(.toggle).with-right-icon.primary .button-icon{color:var(--m-btn-color-opposite)}button:not(.get):not(.toggle).with-left-icon .button-icon{order:-1}button:not(.get):not(.toggle).with-left-icon .button-label{order:1}button:not(.get):not(.toggle).stacked{flex-direction:column;gap:calc(var(--m-btn-size) * .3);height:auto;min-height:var(--m-btn-h);padding:calc(var(--m-btn-size) * .625) calc(var(--m-btn-size) * .875)}button:not(.get):not(.toggle).stacked .button-label{font-size:calc(var(--m-btn-size) * .8)}button:not(.get):not(.toggle).only-icon{padding:0;border-width:var(--m-button-border-width, 1px);aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center}button:not(.get):not(.toggle).only-icon m-icon,button:not(.get):not(.toggle).only-icon m-one-icon{display:inline-flex}m-badge{--m-badge-height: 1.5em;--m-badge-min-width: 1.5em;--m-badge-padding: 0 .3em;--m-badge-gap: .1em}.button-label{display:inline-flex;align-items:center;line-height:normal;font-size:inherit;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button-icon{position:relative;display:inline-flex;align-items:center;justify-content:center}.button-icon--img{width:calc(var(--m-btn-size) * 1.75);height:calc(var(--m-btn-size) * 1.75);overflow:hidden}.button-icon--img m-img{width:100%;height:100%;display:block}.get{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:var(--m-btn-h);padding:0 min(var(--m-btn-size) * 1.75,2rem);border-radius:4px;background:linear-gradient(135deg,var(--m-mm),var(--m-focus),var(--m-success),var(--m-mm));background-size:200% auto;color:#fff;font-size:calc(var(--m-btn-size) * .8);font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:none;cursor:pointer;white-space:nowrap;line-height:1;transition:background-position .2s ease,transform .15s ease}.get:hover{background-position:right center}.get:focus-visible{outline:2px solid color-mix(in srgb,var(--m-focus) 45%,transparent);outline-offset:-2px}.get:active{transform:scale(.97)}.toggle{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border:none;background:transparent;padding:0 min(var(--m-btn-size),1.25rem);border-radius:var(--m-button-radius, calc(var(--m-btn-size) * .375));box-shadow:none;color:var(--m-btn-color, var(--m-text-secondary));opacity:.65;font-family:inherit;font-size:var(--m-btn-size);font-weight:600;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;transition:background .15s ease,color .15s ease,opacity .15s ease;min-width:0}.toggle .button-icon{flex-shrink:0}.toggle .button-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;min-width:0}.toggle:hover:not(:disabled){background:var(--m-button-hover-background, color-mix(in srgb, var(--m-focus) 8%, transparent));color:var(--m-button-hover-color, var(--m-text));opacity:1}.toggle:focus-visible:not(:disabled){outline:2px solid color-mix(in srgb,var(--m-focus) 45%,transparent);outline-offset:-2px;opacity:1}.toggle.primary{background:var(--m-button-active-background, var(--m-mm));color:var(--m-button-active-color, #ffffff);opacity:1}.toggle.primary:hover:not(:disabled){background:var(--m-button-active-background, var(--m-mm));color:var(--m-button-active-color, #ffffff);opacity:1}.toggle.primary:active:not(:disabled){transform:scale(.97)}.non-native:not(.get):not(.toggle){appearance:none;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;padding:0 calc(var(--m-btn-size) * 1.25);border-width:2px;border-radius:4px;color:var(--m-btn-color);font-weight:600;line-height:1;-webkit-user-select:none;user-select:none;position:relative;outline:none;box-shadow:var(--m-button-shadow, var(--m-one-button-shadow, none));transition:filter .15s ease,background .15s ease}.non-native:not(.get):not(.toggle):hover:not([aria-disabled=true]){filter:brightness(1.04)}.non-native:not(.get):not(.toggle):focus-visible:not([aria-disabled=true]){outline:2px solid color-mix(in srgb,var(--m-focus) 45%,transparent);outline-offset:-2px}.non-native:not(.get):not(.toggle):active:not([aria-disabled=true]){transform:scale(.97)}.non-native:not(.get):not(.toggle)[aria-disabled=true]{opacity:.35;cursor:not-allowed;pointer-events:none;filter:grayscale(80%)}.non-native:not(.get):not(.toggle).primary{background:var(--m-btn-color);border-color:var(--m-btn-color);color:var(--m-btn-color-contrast)}.non-native:not(.get):not(.toggle).primary:hover:not([aria-disabled=true]){filter:none;background:color-mix(in srgb,var(--m-btn-color) 88%,black);border-color:color-mix(in srgb,var(--m-btn-color) 88%,black)}.non-native:not(.get):not(.toggle).primary:active:not([aria-disabled=true]){filter:brightness(.94);transform:scale(.97)}.non-native:not(.get):not(.toggle).ghost:not(.primary):not(.tab){background:transparent;border-color:transparent;color:var(--m-btn-color);box-shadow:none}.non-native:not(.get):not(.toggle).ghost:not(.primary):not(.tab):hover:not([aria-disabled=true]){filter:none;background:color-mix(in srgb,var(--m-btn-color) 8%,transparent)}.non-native:not(.get):not(.toggle).ghost:not(.primary):not(.tab):active:not([aria-disabled=true]){background:color-mix(in srgb,var(--m-btn-color) 14%,transparent);transform:scale(.97)}.non-native:not(.get):not(.toggle):disabled{opacity:.3;cursor:not-allowed}@container togglegroup (max-width: 320px){.non-native:not(.get):not(.toggle).with-left-icon .button-label,.non-native:not(.get):not(.toggle).with-right-icon .button-label{display:none!important}}@media(max-width:600px){.non-native:not(.get):not(.toggle).with-left-icon .button-label,.non-native:not(.get):not(.toggle).with-right-icon .button-label{display:none!important}}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(() => IconComponent), selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: i0.forwardRef(() => BadgeComponent), selector: "m-badge", inputs: ["config"], outputs: ["configChange"] }, { kind: "ngmodule", type: i0.forwardRef(() => RouterModule) }, { kind: "directive", type: i0.forwardRef(() => MRefDirective), selector: "[mRef]", inputs: ["mRef", "mRefLinkActive", "mRefToggle", "mRefParams"] }, { kind: "directive", type: i0.forwardRef(() => NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i0.forwardRef(() => ImgComponent), selector: "m-img", inputs: ["src", "data", "dataType", "alt", "priority", "fill", "width", "height", "remote", "ngSrcset", "sizes"] }, { kind: "pipe", type: i0.forwardRef(() => TranslatePipe), name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ButtonComponent, isStandalone: true, selector: "m-button,m-one-button", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, nav: { classPropertyName: "nav", publicName: "nav", isSignal: true, isRequired: false, transformFunction: null }, navParams: { classPropertyName: "navParams", publicName: "navParams", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, one: { classPropertyName: "one", publicName: "one", isSignal: true, isRequired: false, transformFunction: null }, remote: { classPropertyName: "remote", publicName: "remote", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, noTranslate: { classPropertyName: "noTranslate", publicName: "noTranslate", isSignal: true, isRequired: false, transformFunction: null }, params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: false, transformFunction: null }, noNative: { classPropertyName: "noNative", publicName: "noNative", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, isRightIcon: { classPropertyName: "isRightIcon", publicName: "isRightIcon", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, stacked: { classPropertyName: "stacked", publicName: "stacked", isSignal: true, isRequired: false, transformFunction: null }, imgSrc: { classPropertyName: "imgSrc", publicName: "imgSrc", isSignal: true, isRequired: false, transformFunction: null }, nonClickable: { classPropertyName: "nonClickable", publicName: "nonClickable", isSignal: true, isRequired: false, transformFunction: null }, inverted: { classPropertyName: "inverted", publicName: "inverted", isSignal: true, isRequired: false, transformFunction: null }, isSubmit: { classPropertyName: "isSubmit", publicName: "isSubmit", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { config: "configChange", clicked: "clicked" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (config(); as config) {\n  <!-- One branch for every in-app target: `mRef` names a NavId and the store\n       reads the NavKind off that node to decide route vs panel (ADR 0014). -->\n  @if (config.nav) {\n    @if (!noNative()) {\n      <button\n        type=\"button\"\n        class=\"{{ className() }}\"\n        [attr.data-testid]=\"config.name + '-btn'\"\n        [attr.tabindex]=\"config.tabindex\"\n        [disabled]=\"config.disabled\"\n        [mRef]=\"config.nav\"\n        [mRefParams]=\"config.navParams\"\n        [attr.aria-label]=\"config.noTranslate ? config.label : (config.label | translate: config.params)\"\n        mRefLinkActive=\"tab\"\n        (keydown.enter)=\"onClick()\"\n        (click)=\"onClick()\"\n        #button\n      >\n        <ng-container *ngTemplateOutlet=\"buttonContent; context: { button: config }\"></ng-container>\n      </button>\n    } @else {\n      <div\n        role=\"button\"\n        [attr.tabindex]=\"config.tabindex ?? 0\"\n        class=\"non-native {{ className() }}\"\n        [attr.data-testid]=\"config.name + '-btn'\"\n        [attr.aria-label]=\"config.noTranslate ? config.label : (config.label | translate: config.params)\"\n        [attr.aria-disabled]=\"config.disabled ? 'true' : 'false'\"\n        (keydown.enter)=\"onClick()\"\n        (click)=\"onClick()\"\n        #button\n      >\n        <ng-container *ngTemplateOutlet=\"buttonContent; context: { button: config }\"></ng-container>\n      </div>\n    }\n  } @else if (config.href) {\n    <a\n      class=\"{{ className() }}\"\n      [attr.data-testid]=\"config.name + '-btn'\"\n      [attr.tabindex]=\"config.tabindex\"\n      [href]=\"config.href\"\n      [attr.aria-label]=\"config.noTranslate ? config.label : (config.label | translate: config.params)\"\n      (click)=\"onClick()\"\n      #button\n    >\n      <ng-container *ngTemplateOutlet=\"buttonContent; context: { button: config }\"></ng-container>\n    </a>\n  } @else {\n    @if (!noNative()) {\n      <button\n        type=\"button\"\n        class=\"{{ className() }}\"\n        [attr.data-testid]=\"config.name + '-btn'\"\n        [attr.tabindex]=\"config.tabindex\"\n        [disabled]=\"isDisabled()\"\n        [attr.aria-label]=\"config.noTranslate ? config.label : (config.label | translate: config.params)\"\n        (keydown.enter)=\"onClick()\"\n        (click)=\"onClick()\"\n        #button\n      >\n        <ng-container *ngTemplateOutlet=\"buttonContent; context: { button: config }\"></ng-container>\n      </button>\n    } @else {\n      <div\n        role=\"button\"\n        [attr.tabindex]=\"config.tabindex ?? 0\"\n        class=\"non-native {{ className() }}\"\n        [attr.data-testid]=\"config.name + '-btn'\"\n        [attr.aria-label]=\"config.noTranslate ? config.label : (config.label | translate: config.params)\"\n        [attr.aria-disabled]=\"isDisabled() ? 'true' : 'false'\"\n        (keydown.enter)=\"onClick()\"\n        (click)=\"onClick()\"\n        #button\n      >\n        <ng-container *ngTemplateOutlet=\"buttonContent; context: { button: config }\"></ng-container>\n      </div>\n    }\n  }\n}\n\n<ng-template #buttonContent let-button=\"button\">\n  @if (button.imgSrc) {\n    <div class=\"button-icon button-icon--img\">\n      <m-img [src]=\"button.imgSrc\" [remote]=\"button.remote\" [alt]=\"button.label || button.name || ''\" />\n      @if (button.badge && button.badge.count) {\n        <m-badge\n          [config]=\"{ variant: button.badge.variant ?? 'danger', position: 'absolute' }\"\n          >{{ formatBadgeCount(button.badge.count) }}</m-badge\n        >\n      }\n    </div>\n  } @else if (buttonIcon(); as icon) {\n    <div class=\"button-icon\">\n      @if (isFromOne()) {\n        <m-one-icon [config]=\"icon\" />\n      } @else {\n        <m-icon [config]=\"icon\" />\n      }\n      @if (button.badge && button.badge.count) {\n        <m-badge\n          [config]=\"{ variant: button.badge.variant ?? 'danger', position: 'absolute' }\"\n          >{{ formatBadgeCount(button.badge.count) }}</m-badge\n        >\n      }\n    </div>\n  }\n  @if (button.label && !button.iconOnly) {\n    <span class=\"button-label {{ button.labelClass || '' }}\">\n      {{ button.noTranslate ? button.label : (button.label | translate: button.params) }}\n    </span>\n  }\n  @if (!buttonIcon() && button.badge && button.badge.count) {\n    <m-badge [config]=\"{ variant: button.badge.variant ?? 'danger', position: 'static' }\">{{\n      formatBadgeCount(button.badge.count)\n    }}</m-badge>\n  }\n</ng-template>\n", styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;overflow:hidden;transition:box-shadow .15s ease;--m-btn-size: var(--m-button-size, 1em);--m-btn-color: var(--m-button-color, var(--m-one-button-color, var(--m-mm)));--m-btn-color-contrast: var(--m-button-color-contrast, var(--m-one-button-color-contrast, #ffffff));--m-btn-color-opposite: var(--m-button-color-opposite, var(--m-one-button-color-opposite, #e1b941));--m-btn-h: calc(var(--m-btn-size) * 2.25);width:var(--m-button-width, var(--m-one-button-width, auto));min-width:0;height:var(--m-btn-h);font-size:var(--m-btn-size)}:host-context(.inverse),:host-context(.tabs-inverse),:host.inverse{--m-btn-color: var(--m-button-color, var(--m-one-button-color, var(--m-inverse-text)))}:host:has(.full-width){display:flex;width:100%}:host:has(.full-width) button .button-label{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}:host:has(.only-icon),:host:has(.toggle){width:var(--m-btn-h);min-width:var(--m-btn-h)}:host:has(.has-badge){overflow:visible}:host:has(.stacked),:host:has(.toggle){height:auto}button:not(.get):not(.toggle){height:calc(var(--input-size, var(--m-btn-size)) * 2);min-height:calc(var(--input-size, var(--m-btn-size)) * 2);border-width:max(1px,var(--input-size, var(--m-btn-size)) * .0625);border-radius:calc(var(--input-size, var(--m-btn-size)) * .4);padding:calc(var(--input-size, var(--m-btn-size)) * .5) calc(var(--input-size, var(--m-btn-size)) * .5);gap:calc(var(--input-size, var(--m-btn-size)) * .375);font-size:var(--input-size, var(--m-btn-size));border-color:var(--m-btn-color);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}button:not(.get):not(.toggle):hover:not(:disabled){background-color:color-mix(in srgb,var(--m-btn-color) 6%,transparent)}button:not(.get):not(.toggle):disabled{opacity:.6;cursor:not-allowed}button:not(.get):not(.toggle){height:auto;padding:calc(var(--m-btn-size) * .625) calc(var(--m-btn-size) * 1.25);gap:calc(var(--m-btn-size) * .375);border-style:solid;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:inherit;cursor:pointer;appearance:none;width:100%;height:100%;min-height:0;padding:0 calc(var(--m-btn-size) * 1.25);border-width:var(--m-button-border-width, 1px);border-radius:var(--m-button-radius, calc(var(--m-btn-size) * .5));color:var(--m-btn-color);font-weight:600;line-height:1;-webkit-user-select:none;user-select:none;position:relative;outline:none;box-shadow:var(--m-button-shadow, var(--m-one-button-shadow, none));transition:filter .15s ease,background .15s ease}button:not(.get):not(.toggle):hover:not(:disabled){filter:brightness(1.04)}button:not(.get):not(.toggle):focus-visible:not(:disabled){outline:2px solid color-mix(in srgb,var(--m-focus) 45%,transparent);outline-offset:-2px}button:not(.get):not(.toggle):active:not(:disabled){transform:scale(.97)}button:not(.get):not(.toggle):disabled{opacity:.35;cursor:not-allowed;pointer-events:none;filter:grayscale(80%)}button:not(.get):not(.toggle).read-only{pointer-events:none!important;cursor:default!important;transform:none!important;box-shadow:none!important;background:transparent!important;border-color:transparent!important;opacity:1!important}button:not(.get):not(.toggle).read-only .button-icon{transform:none!important;color:inherit!important}button:not(.get):not(.toggle).primary{background:var(--m-btn-color);border-color:var(--m-btn-color);color:var(--m-btn-color-contrast)}button:not(.get):not(.toggle).primary:hover:not(:disabled){filter:none;background:color-mix(in srgb,var(--m-btn-color) 88%,black);border-color:color-mix(in srgb,var(--m-btn-color) 88%,black)}button:not(.get):not(.toggle).primary:active:not(:disabled){filter:brightness(.94);transform:scale(.97)}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab){background:transparent;border-color:transparent;color:var(--m-btn-color);box-shadow:none}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab):hover:not(:disabled){filter:none;background:color-mix(in srgb,var(--m-btn-color) 8%,transparent)}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab):active:not(:disabled){background:color-mix(in srgb,var(--m-btn-color) 14%,transparent);transform:scale(.97)}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab).secondary{border:var(--m-button-border-width, 1px) solid color-mix(in srgb,var(--m-btn-color) 15%,transparent)}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab).secondary:hover:not(:disabled){filter:none;border-color:color-mix(in srgb,var(--m-btn-color) 40%,transparent);background:color-mix(in srgb,var(--m-btn-color) 6%,transparent)}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab).secondary:active:not(:disabled){border-color:color-mix(in srgb,var(--m-btn-color) 50%,transparent);background:color-mix(in srgb,var(--m-btn-color) 12%,transparent)}button:not(.get):not(.toggle).secondary:not(.primary):not(.ghost){background:transparent;border-color:var(--m-btn-color);color:var(--m-btn-color)}button:not(.get):not(.toggle).secondary:not(.primary):not(.ghost):hover:not(:disabled){filter:none;background:color-mix(in srgb,var(--m-btn-color) 8%,transparent)}button:not(.get):not(.toggle).secondary:not(.primary):not(.ghost):active:not(:disabled){background:color-mix(in srgb,var(--m-btn-color) 14%,transparent);transform:scale(.97)}button:not(.get):not(.toggle).tab{background:var(--m-backdrop-border);border-color:var(--m-backdrop-border);color:var(--m-btn-color)}button:not(.get):not(.toggle).tab:hover:not(:disabled){background:color-mix(in srgb,var(--m-backdrop-border) 82%,black);border-color:color-mix(in srgb,var(--m-backdrop-border) 82%,black);filter:none}button:not(.get):not(.toggle).tab:active:not(:disabled){background:color-mix(in srgb,var(--m-backdrop-border) 70%,black);border-color:color-mix(in srgb,var(--m-backdrop-border) 70%,black);transform:scale(.97)}button:not(.get):not(.toggle).segmented .button-icon,button:not(.get):not(.toggle).badge-accent .button-icon,button:not(.get):not(.toggle).with-right-icon .button-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--m-btn-color-opposite);order:1}button:not(.get):not(.toggle).segmented .button-label,button:not(.get):not(.toggle).badge-accent .button-label,button:not(.get):not(.toggle).with-right-icon .button-label{order:-1}button:not(.get):not(.toggle).segmented.primary .button-icon,button:not(.get):not(.toggle).badge-accent.primary .button-icon,button:not(.get):not(.toggle).with-right-icon.primary .button-icon{color:var(--m-btn-color-opposite)}button:not(.get):not(.toggle).with-left-icon .button-icon{order:-1}button:not(.get):not(.toggle).with-left-icon .button-label{order:1}button:not(.get):not(.toggle).stacked{flex-direction:column;gap:calc(var(--m-btn-size) * .3);height:auto;min-height:var(--m-btn-h);padding:calc(var(--m-btn-size) * .625) calc(var(--m-btn-size) * .875)}button:not(.get):not(.toggle).stacked .button-label{font-size:calc(var(--m-btn-size) * .8)}button:not(.get):not(.toggle).only-icon{padding:0;border-width:var(--m-button-border-width, 1px);aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center}button:not(.get):not(.toggle).only-icon m-icon,button:not(.get):not(.toggle).only-icon m-one-icon{display:inline-flex}m-badge{--m-badge-height: 1.5em;--m-badge-min-width: 1.5em;--m-badge-padding: 0 .3em;--m-badge-gap: .1em}.button-label{display:inline-flex;align-items:center;line-height:normal;font-size:inherit;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button-icon{position:relative;display:inline-flex;align-items:center;justify-content:center}.button-icon--img{width:calc(var(--m-btn-size) * 1.75);height:calc(var(--m-btn-size) * 1.75);overflow:hidden}.button-icon--img m-img{width:100%;height:100%;display:block}.get{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:var(--m-btn-h);padding:0 min(var(--m-btn-size) * 1.75,2rem);border-radius:4px;background:linear-gradient(135deg,var(--m-mm),var(--m-focus),var(--m-success),var(--m-mm));background-size:200% auto;color:#fff;font-size:calc(var(--m-btn-size) * .8);font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:none;cursor:pointer;white-space:nowrap;line-height:1;transition:background-position .2s ease,transform .15s ease}.get:hover{background-position:right center}.get:focus-visible{outline:2px solid color-mix(in srgb,var(--m-focus) 45%,transparent);outline-offset:-2px}.get:active{transform:scale(.97)}.toggle{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border:none;background:transparent;padding:0 min(var(--m-btn-size),1.25rem);border-radius:var(--m-button-radius, calc(var(--m-btn-size) * .375));box-shadow:none;color:var(--m-btn-color, var(--m-text-secondary));opacity:.65;font-family:inherit;font-size:var(--m-btn-size);font-weight:600;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;transition:background .15s ease,color .15s ease,opacity .15s ease;min-width:0}.toggle .button-icon{flex-shrink:0}.toggle .button-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;min-width:0}.toggle:hover:not(:disabled){background:var(--m-button-hover-background, color-mix(in srgb, var(--m-focus) 8%, transparent));color:var(--m-button-hover-color, var(--m-text));opacity:1}.toggle:focus-visible:not(:disabled){outline:2px solid color-mix(in srgb,var(--m-focus) 45%,transparent);outline-offset:-2px;opacity:1}.toggle.primary{background:var(--m-button-active-background, var(--m-mm));color:var(--m-button-active-color, #ffffff);opacity:1}.toggle.primary:hover:not(:disabled){background:var(--m-button-active-background, var(--m-mm));color:var(--m-button-active-color, #ffffff);opacity:1}.toggle.primary:active:not(:disabled){transform:scale(.97)}.non-native:not(.get):not(.toggle){appearance:none;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;padding:0 calc(var(--m-btn-size) * 1.25);border-width:2px;border-radius:4px;color:var(--m-btn-color);font-weight:600;line-height:1;-webkit-user-select:none;user-select:none;position:relative;outline:none;box-shadow:var(--m-button-shadow, var(--m-one-button-shadow, none));transition:filter .15s ease,background .15s ease}.non-native:not(.get):not(.toggle):hover:not([aria-disabled=true]){filter:brightness(1.04)}.non-native:not(.get):not(.toggle):focus-visible:not([aria-disabled=true]){outline:2px solid color-mix(in srgb,var(--m-focus) 45%,transparent);outline-offset:-2px}.non-native:not(.get):not(.toggle):active:not([aria-disabled=true]){transform:scale(.97)}.non-native:not(.get):not(.toggle)[aria-disabled=true]{opacity:.35;cursor:not-allowed;pointer-events:none;filter:grayscale(80%)}.non-native:not(.get):not(.toggle).primary{background:var(--m-btn-color);border-color:var(--m-btn-color);color:var(--m-btn-color-contrast)}.non-native:not(.get):not(.toggle).primary:hover:not([aria-disabled=true]){filter:none;background:color-mix(in srgb,var(--m-btn-color) 88%,black);border-color:color-mix(in srgb,var(--m-btn-color) 88%,black)}.non-native:not(.get):not(.toggle).primary:active:not([aria-disabled=true]){filter:brightness(.94);transform:scale(.97)}.non-native:not(.get):not(.toggle).ghost:not(.primary):not(.tab){background:transparent;border-color:transparent;color:var(--m-btn-color);box-shadow:none}.non-native:not(.get):not(.toggle).ghost:not(.primary):not(.tab):hover:not([aria-disabled=true]){filter:none;background:color-mix(in srgb,var(--m-btn-color) 8%,transparent)}.non-native:not(.get):not(.toggle).ghost:not(.primary):not(.tab):active:not([aria-disabled=true]){background:color-mix(in srgb,var(--m-btn-color) 14%,transparent);transform:scale(.97)}.non-native:not(.get):not(.toggle):disabled{opacity:.3;cursor:not-allowed}@container togglegroup (max-width: 320px){.non-native:not(.get):not(.toggle).with-left-icon .button-label,.non-native:not(.get):not(.toggle).with-right-icon .button-label{display:none!important}}@media(max-width:600px){.non-native:not(.get):not(.toggle).with-left-icon .button-label,.non-native:not(.get):not(.toggle).with-right-icon .button-label{display:none!important}}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(() => IconComponent), selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: i0.forwardRef(() => BadgeComponent), selector: "m-badge", inputs: ["config"], outputs: ["configChange"] }, { kind: "ngmodule", type: i0.forwardRef(() => RouterModule) }, { kind: "directive", type: i0.forwardRef(() => MRefDirective), selector: "[mRef]", inputs: ["mRef", "mRefLinkActive", "mRefToggle", "mRefParams"] }, { kind: "directive", type: i0.forwardRef(() => NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i0.forwardRef(() => ImgComponent), selector: "m-img", inputs: ["src", "data", "dataType", "alt", "priority", "fill", "width", "height", "remote", "ngSrcset", "sizes"] }, { kind: "pipe", type: i0.forwardRef(() => TranslatePipe), name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
@@ -6569,7 +6569,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         MRefDirective,
                         forwardRef(() => NgTemplateOutlet),
                         forwardRef(() => ImgComponent),
-                    ], encapsulation: ViewEncapsulation.Emulated, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (config(); as config) {\n  <!-- One branch for every in-app target: `mRef` names a NavId and the store\n       reads the NavKind off that node to decide route vs panel (ADR 0014). -->\n  @if (config.nav) {\n    @if (!noNative()) {\n      <button\n        type=\"button\"\n        class=\"{{ className() }}\"\n        [attr.data-testid]=\"config.name + '-btn'\"\n        [attr.tabindex]=\"config.tabindex\"\n        [disabled]=\"config.disabled\"\n        [mRef]=\"config.nav\"\n        [mRefParams]=\"config.navParams\"\n        [attr.aria-label]=\"config.noTranslate ? config.label : (config.label | translate: config.params)\"\n        mRefLinkActive=\"tab\"\n        (keydown.enter)=\"onClick()\"\n        (click)=\"onClick()\"\n        #button\n      >\n        <ng-container *ngTemplateOutlet=\"buttonContent; context: { button: config }\"></ng-container>\n      </button>\n    } @else {\n      <div\n        role=\"button\"\n        [attr.tabindex]=\"config.tabindex ?? 0\"\n        class=\"non-native {{ className() }}\"\n        [attr.data-testid]=\"config.name + '-btn'\"\n        [attr.aria-label]=\"config.noTranslate ? config.label : (config.label | translate: config.params)\"\n        [attr.aria-disabled]=\"config.disabled ? 'true' : 'false'\"\n        (keydown.enter)=\"onClick()\"\n        (click)=\"onClick()\"\n        #button\n      >\n        <ng-container *ngTemplateOutlet=\"buttonContent; context: { button: config }\"></ng-container>\n      </div>\n    }\n  } @else if (config.href) {\n    <a\n      class=\"{{ className() }}\"\n      [attr.data-testid]=\"config.name + '-btn'\"\n      [attr.tabindex]=\"config.tabindex\"\n      [href]=\"config.href\"\n      [attr.aria-label]=\"config.noTranslate ? config.label : (config.label | translate: config.params)\"\n      (click)=\"onClick()\"\n      #button\n    >\n      <ng-container *ngTemplateOutlet=\"buttonContent; context: { button: config }\"></ng-container>\n    </a>\n  } @else {\n    @if (!noNative()) {\n      <button\n        type=\"button\"\n        class=\"{{ className() }}\"\n        [attr.data-testid]=\"config.name + '-btn'\"\n        [attr.tabindex]=\"config.tabindex\"\n        [disabled]=\"isDisabled()\"\n        [attr.aria-label]=\"config.noTranslate ? config.label : (config.label | translate: config.params)\"\n        (keydown.enter)=\"onClick()\"\n        (click)=\"onClick()\"\n        #button\n      >\n        <ng-container *ngTemplateOutlet=\"buttonContent; context: { button: config }\"></ng-container>\n      </button>\n    } @else {\n      <div\n        role=\"button\"\n        [attr.tabindex]=\"config.tabindex ?? 0\"\n        class=\"non-native {{ className() }}\"\n        [attr.data-testid]=\"config.name + '-btn'\"\n        [attr.aria-label]=\"config.noTranslate ? config.label : (config.label | translate: config.params)\"\n        [attr.aria-disabled]=\"isDisabled() ? 'true' : 'false'\"\n        (keydown.enter)=\"onClick()\"\n        (click)=\"onClick()\"\n        #button\n      >\n        <ng-container *ngTemplateOutlet=\"buttonContent; context: { button: config }\"></ng-container>\n      </div>\n    }\n  }\n}\n\n<ng-template #buttonContent let-button=\"button\">\n  @if (button.imgSrc) {\n    <div class=\"button-icon button-icon--img\">\n      <m-img [src]=\"button.imgSrc\" [remote]=\"button.remote\" [alt]=\"button.label || button.name || ''\" />\n      @if (button.badge && button.badge.count) {\n        <m-badge\n          [config]=\"{ variant: button.badge.variant ?? 'danger', position: 'absolute' }\"\n          >{{ formatBadgeCount(button.badge.count) }}</m-badge\n        >\n      }\n    </div>\n  } @else if (buttonIcon(); as icon) {\n    <div class=\"button-icon\">\n      @if (isFromOne()) {\n        <m-one-icon [config]=\"icon\" />\n      } @else {\n        <m-icon [config]=\"icon\" />\n      }\n      @if (button.badge && button.badge.count) {\n        <m-badge\n          [config]=\"{ variant: button.badge.variant ?? 'danger', position: 'absolute' }\"\n          >{{ formatBadgeCount(button.badge.count) }}</m-badge\n        >\n      }\n    </div>\n  }\n  @if (button.label && !button.iconOnly) {\n    <span class=\"button-label {{ button.labelClass || '' }}\">\n      {{ button.noTranslate ? button.label : (button.label | translate: button.params) }}\n    </span>\n  }\n  @if (!buttonIcon() && button.badge && button.badge.count) {\n    <m-badge [config]=\"{ variant: button.badge.variant ?? 'danger', position: 'static' }\">{{\n      formatBadgeCount(button.badge.count)\n    }}</m-badge>\n  }\n</ng-template>\n", styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;overflow:hidden;transition:box-shadow .15s ease;--m-btn-size: var(--m-button-size, 1em);--m-btn-color: var(--m-button-color, var(--m-one-button-color, var(--m-mm)));--m-btn-color-contrast: var(--m-button-color-contrast, var(--m-one-button-color-contrast, #ffffff));--m-btn-color-opposite: var(--m-button-color-opposite, var(--m-one-button-color-opposite, #e1b941));--m-btn-h: calc(var(--m-btn-size) * 2.75);width:var(--m-button-width, var(--m-one-button-width, auto));min-width:0;height:var(--m-btn-h);font-size:var(--m-btn-size)}:host-context(.inverse),:host-context(.tabs-inverse),:host.inverse{--m-btn-color: var(--m-button-color, var(--m-one-button-color, var(--m-inverse-text)))}:host:has(.full-width){display:flex;width:100%}:host:has(.full-width) button .button-label{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}:host:has(.only-icon),:host:has(.toggle){width:var(--m-btn-h);min-width:var(--m-btn-h)}:host:has(.has-badge){overflow:visible}:host:has(.stacked),:host:has(.toggle){height:auto}button:not(.get):not(.toggle){height:calc(var(--input-size, var(--m-btn-size)) * 2);min-height:calc(var(--input-size, var(--m-btn-size)) * 2);border-width:max(1px,var(--input-size, var(--m-btn-size)) * .0625);border-radius:calc(var(--input-size, var(--m-btn-size)) * .4);padding:calc(var(--input-size, var(--m-btn-size)) * .5) calc(var(--input-size, var(--m-btn-size)) * .5);gap:calc(var(--input-size, var(--m-btn-size)) * .375);font-size:var(--input-size, var(--m-btn-size));border-color:var(--m-btn-color);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}button:not(.get):not(.toggle):hover:not(:disabled){background-color:color-mix(in srgb,var(--m-btn-color) 6%,transparent)}button:not(.get):not(.toggle):disabled{opacity:.6;cursor:not-allowed}button:not(.get):not(.toggle){height:auto;padding:calc(var(--m-btn-size) * .625) calc(var(--m-btn-size) * 1.25);gap:calc(var(--m-btn-size) * .375);border-style:solid;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:inherit;cursor:pointer;appearance:none;width:100%;height:100%;min-height:0;padding:0 calc(var(--m-btn-size) * 1.25);border-width:var(--m-button-border-width, 1px);border-radius:var(--m-button-radius, calc(var(--m-btn-size) * .5));color:var(--m-btn-color);font-weight:600;line-height:1;-webkit-user-select:none;user-select:none;position:relative;outline:none;box-shadow:var(--m-button-shadow, var(--m-one-button-shadow, none));transition:filter .15s ease,background .15s ease}button:not(.get):not(.toggle):hover:not(:disabled){filter:brightness(1.04)}button:not(.get):not(.toggle):focus-visible:not(:disabled){outline:2px solid color-mix(in srgb,var(--m-focus) 45%,transparent);outline-offset:-2px}button:not(.get):not(.toggle):active:not(:disabled){transform:scale(.97)}button:not(.get):not(.toggle):disabled{opacity:.35;cursor:not-allowed;pointer-events:none;filter:grayscale(80%)}button:not(.get):not(.toggle).read-only{pointer-events:none!important;cursor:default!important;transform:none!important;box-shadow:none!important;background:transparent!important;border-color:transparent!important;opacity:1!important}button:not(.get):not(.toggle).read-only .button-icon{transform:none!important;color:inherit!important}button:not(.get):not(.toggle).primary{background:var(--m-btn-color);border-color:var(--m-btn-color);color:var(--m-btn-color-contrast)}button:not(.get):not(.toggle).primary:hover:not(:disabled){filter:none;background:color-mix(in srgb,var(--m-btn-color) 88%,black);border-color:color-mix(in srgb,var(--m-btn-color) 88%,black)}button:not(.get):not(.toggle).primary:active:not(:disabled){filter:brightness(.94);transform:scale(.97)}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab){background:transparent;border-color:transparent;color:var(--m-btn-color);box-shadow:none}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab):hover:not(:disabled){filter:none;background:color-mix(in srgb,var(--m-btn-color) 8%,transparent)}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab):active:not(:disabled){background:color-mix(in srgb,var(--m-btn-color) 14%,transparent);transform:scale(.97)}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab).secondary{border:var(--m-button-border-width, 1px) solid color-mix(in srgb,var(--m-btn-color) 15%,transparent)}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab).secondary:hover:not(:disabled){filter:none;border-color:color-mix(in srgb,var(--m-btn-color) 40%,transparent);background:color-mix(in srgb,var(--m-btn-color) 6%,transparent)}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab).secondary:active:not(:disabled){border-color:color-mix(in srgb,var(--m-btn-color) 50%,transparent);background:color-mix(in srgb,var(--m-btn-color) 12%,transparent)}button:not(.get):not(.toggle).secondary:not(.primary):not(.ghost){background:transparent;border-color:var(--m-btn-color);color:var(--m-btn-color)}button:not(.get):not(.toggle).secondary:not(.primary):not(.ghost):hover:not(:disabled){filter:none;background:color-mix(in srgb,var(--m-btn-color) 8%,transparent)}button:not(.get):not(.toggle).secondary:not(.primary):not(.ghost):active:not(:disabled){background:color-mix(in srgb,var(--m-btn-color) 14%,transparent);transform:scale(.97)}button:not(.get):not(.toggle).tab{background:var(--m-backdrop-border);border-color:var(--m-backdrop-border);color:var(--m-btn-color)}button:not(.get):not(.toggle).tab:hover:not(:disabled){background:color-mix(in srgb,var(--m-backdrop-border) 82%,black);border-color:color-mix(in srgb,var(--m-backdrop-border) 82%,black);filter:none}button:not(.get):not(.toggle).tab:active:not(:disabled){background:color-mix(in srgb,var(--m-backdrop-border) 70%,black);border-color:color-mix(in srgb,var(--m-backdrop-border) 70%,black);transform:scale(.97)}button:not(.get):not(.toggle).segmented .button-icon,button:not(.get):not(.toggle).badge-accent .button-icon,button:not(.get):not(.toggle).with-right-icon .button-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--m-btn-color-opposite);order:1}button:not(.get):not(.toggle).segmented .button-label,button:not(.get):not(.toggle).badge-accent .button-label,button:not(.get):not(.toggle).with-right-icon .button-label{order:-1}button:not(.get):not(.toggle).segmented.primary .button-icon,button:not(.get):not(.toggle).badge-accent.primary .button-icon,button:not(.get):not(.toggle).with-right-icon.primary .button-icon{color:var(--m-btn-color-opposite)}button:not(.get):not(.toggle).with-left-icon .button-icon{order:-1}button:not(.get):not(.toggle).with-left-icon .button-label{order:1}button:not(.get):not(.toggle).stacked{flex-direction:column;gap:calc(var(--m-btn-size) * .3);height:auto;min-height:var(--m-btn-h);padding:calc(var(--m-btn-size) * .625) calc(var(--m-btn-size) * .875)}button:not(.get):not(.toggle).stacked .button-label{font-size:calc(var(--m-btn-size) * .8)}button:not(.get):not(.toggle).only-icon{padding:0;border-width:var(--m-button-border-width, 1px);aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center}button:not(.get):not(.toggle).only-icon m-icon,button:not(.get):not(.toggle).only-icon m-one-icon{display:inline-flex}m-badge{--m-badge-height: 1.5em;--m-badge-min-width: 1.5em;--m-badge-padding: 0 .3em;--m-badge-gap: .1em}.button-label{display:inline-flex;align-items:center;line-height:normal;font-size:inherit;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button-icon{position:relative;display:inline-flex;align-items:center;justify-content:center}.button-icon--img{width:calc(var(--m-btn-size) * 1.75);height:calc(var(--m-btn-size) * 1.75);overflow:hidden}.button-icon--img m-img{width:100%;height:100%;display:block}.get{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:var(--m-btn-h);padding:0 min(var(--m-btn-size) * 1.75,2rem);border-radius:4px;background:linear-gradient(135deg,var(--m-mm),var(--m-focus),var(--m-success),var(--m-mm));background-size:200% auto;color:#fff;font-size:calc(var(--m-btn-size) * .8);font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:none;cursor:pointer;white-space:nowrap;line-height:1;transition:background-position .2s ease,transform .15s ease}.get:hover{background-position:right center}.get:focus-visible{outline:2px solid color-mix(in srgb,var(--m-focus) 45%,transparent);outline-offset:-2px}.get:active{transform:scale(.97)}.toggle{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border:none;background:transparent;padding:0 min(var(--m-btn-size),1.25rem);border-radius:var(--m-button-radius, calc(var(--m-btn-size) * .375));box-shadow:none;color:var(--m-btn-color, var(--m-text-secondary));opacity:.65;font-family:inherit;font-size:var(--m-btn-size);font-weight:600;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;transition:background .15s ease,color .15s ease,opacity .15s ease;min-width:0}.toggle .button-icon{flex-shrink:0}.toggle .button-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;min-width:0}.toggle:hover:not(:disabled){background:var(--m-button-hover-background, color-mix(in srgb, var(--m-focus) 8%, transparent));color:var(--m-button-hover-color, var(--m-text));opacity:1}.toggle:focus-visible:not(:disabled){outline:2px solid color-mix(in srgb,var(--m-focus) 45%,transparent);outline-offset:-2px;opacity:1}.toggle.primary{background:var(--m-button-active-background, var(--m-mm));color:var(--m-button-active-color, #ffffff);opacity:1}.toggle.primary:hover:not(:disabled){background:var(--m-button-active-background, var(--m-mm));color:var(--m-button-active-color, #ffffff);opacity:1}.toggle.primary:active:not(:disabled){transform:scale(.97)}.non-native:not(.get):not(.toggle){appearance:none;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;padding:0 calc(var(--m-btn-size) * 1.25);border-width:2px;border-radius:4px;color:var(--m-btn-color);font-weight:600;line-height:1;-webkit-user-select:none;user-select:none;position:relative;outline:none;box-shadow:var(--m-button-shadow, var(--m-one-button-shadow, none));transition:filter .15s ease,background .15s ease}.non-native:not(.get):not(.toggle):hover:not([aria-disabled=true]){filter:brightness(1.04)}.non-native:not(.get):not(.toggle):focus-visible:not([aria-disabled=true]){outline:2px solid color-mix(in srgb,var(--m-focus) 45%,transparent);outline-offset:-2px}.non-native:not(.get):not(.toggle):active:not([aria-disabled=true]){transform:scale(.97)}.non-native:not(.get):not(.toggle)[aria-disabled=true]{opacity:.35;cursor:not-allowed;pointer-events:none;filter:grayscale(80%)}.non-native:not(.get):not(.toggle).primary{background:var(--m-btn-color);border-color:var(--m-btn-color);color:var(--m-btn-color-contrast)}.non-native:not(.get):not(.toggle).primary:hover:not([aria-disabled=true]){filter:none;background:color-mix(in srgb,var(--m-btn-color) 88%,black);border-color:color-mix(in srgb,var(--m-btn-color) 88%,black)}.non-native:not(.get):not(.toggle).primary:active:not([aria-disabled=true]){filter:brightness(.94);transform:scale(.97)}.non-native:not(.get):not(.toggle).ghost:not(.primary):not(.tab){background:transparent;border-color:transparent;color:var(--m-btn-color);box-shadow:none}.non-native:not(.get):not(.toggle).ghost:not(.primary):not(.tab):hover:not([aria-disabled=true]){filter:none;background:color-mix(in srgb,var(--m-btn-color) 8%,transparent)}.non-native:not(.get):not(.toggle).ghost:not(.primary):not(.tab):active:not([aria-disabled=true]){background:color-mix(in srgb,var(--m-btn-color) 14%,transparent);transform:scale(.97)}.non-native:not(.get):not(.toggle):disabled{opacity:.3;cursor:not-allowed}@container togglegroup (max-width: 320px){.non-native:not(.get):not(.toggle).with-left-icon .button-label,.non-native:not(.get):not(.toggle).with-right-icon .button-label{display:none!important}}@media(max-width:600px){.non-native:not(.get):not(.toggle).with-left-icon .button-label,.non-native:not(.get):not(.toggle).with-right-icon .button-label{display:none!important}}\n"] }]
+                    ], encapsulation: ViewEncapsulation.Emulated, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (config(); as config) {\n  <!-- One branch for every in-app target: `mRef` names a NavId and the store\n       reads the NavKind off that node to decide route vs panel (ADR 0014). -->\n  @if (config.nav) {\n    @if (!noNative()) {\n      <button\n        type=\"button\"\n        class=\"{{ className() }}\"\n        [attr.data-testid]=\"config.name + '-btn'\"\n        [attr.tabindex]=\"config.tabindex\"\n        [disabled]=\"config.disabled\"\n        [mRef]=\"config.nav\"\n        [mRefParams]=\"config.navParams\"\n        [attr.aria-label]=\"config.noTranslate ? config.label : (config.label | translate: config.params)\"\n        mRefLinkActive=\"tab\"\n        (keydown.enter)=\"onClick()\"\n        (click)=\"onClick()\"\n        #button\n      >\n        <ng-container *ngTemplateOutlet=\"buttonContent; context: { button: config }\"></ng-container>\n      </button>\n    } @else {\n      <div\n        role=\"button\"\n        [attr.tabindex]=\"config.tabindex ?? 0\"\n        class=\"non-native {{ className() }}\"\n        [attr.data-testid]=\"config.name + '-btn'\"\n        [attr.aria-label]=\"config.noTranslate ? config.label : (config.label | translate: config.params)\"\n        [attr.aria-disabled]=\"config.disabled ? 'true' : 'false'\"\n        (keydown.enter)=\"onClick()\"\n        (click)=\"onClick()\"\n        #button\n      >\n        <ng-container *ngTemplateOutlet=\"buttonContent; context: { button: config }\"></ng-container>\n      </div>\n    }\n  } @else if (config.href) {\n    <a\n      class=\"{{ className() }}\"\n      [attr.data-testid]=\"config.name + '-btn'\"\n      [attr.tabindex]=\"config.tabindex\"\n      [href]=\"config.href\"\n      [attr.aria-label]=\"config.noTranslate ? config.label : (config.label | translate: config.params)\"\n      (click)=\"onClick()\"\n      #button\n    >\n      <ng-container *ngTemplateOutlet=\"buttonContent; context: { button: config }\"></ng-container>\n    </a>\n  } @else {\n    @if (!noNative()) {\n      <button\n        type=\"button\"\n        class=\"{{ className() }}\"\n        [attr.data-testid]=\"config.name + '-btn'\"\n        [attr.tabindex]=\"config.tabindex\"\n        [disabled]=\"isDisabled()\"\n        [attr.aria-label]=\"config.noTranslate ? config.label : (config.label | translate: config.params)\"\n        (keydown.enter)=\"onClick()\"\n        (click)=\"onClick()\"\n        #button\n      >\n        <ng-container *ngTemplateOutlet=\"buttonContent; context: { button: config }\"></ng-container>\n      </button>\n    } @else {\n      <div\n        role=\"button\"\n        [attr.tabindex]=\"config.tabindex ?? 0\"\n        class=\"non-native {{ className() }}\"\n        [attr.data-testid]=\"config.name + '-btn'\"\n        [attr.aria-label]=\"config.noTranslate ? config.label : (config.label | translate: config.params)\"\n        [attr.aria-disabled]=\"isDisabled() ? 'true' : 'false'\"\n        (keydown.enter)=\"onClick()\"\n        (click)=\"onClick()\"\n        #button\n      >\n        <ng-container *ngTemplateOutlet=\"buttonContent; context: { button: config }\"></ng-container>\n      </div>\n    }\n  }\n}\n\n<ng-template #buttonContent let-button=\"button\">\n  @if (button.imgSrc) {\n    <div class=\"button-icon button-icon--img\">\n      <m-img [src]=\"button.imgSrc\" [remote]=\"button.remote\" [alt]=\"button.label || button.name || ''\" />\n      @if (button.badge && button.badge.count) {\n        <m-badge\n          [config]=\"{ variant: button.badge.variant ?? 'danger', position: 'absolute' }\"\n          >{{ formatBadgeCount(button.badge.count) }}</m-badge\n        >\n      }\n    </div>\n  } @else if (buttonIcon(); as icon) {\n    <div class=\"button-icon\">\n      @if (isFromOne()) {\n        <m-one-icon [config]=\"icon\" />\n      } @else {\n        <m-icon [config]=\"icon\" />\n      }\n      @if (button.badge && button.badge.count) {\n        <m-badge\n          [config]=\"{ variant: button.badge.variant ?? 'danger', position: 'absolute' }\"\n          >{{ formatBadgeCount(button.badge.count) }}</m-badge\n        >\n      }\n    </div>\n  }\n  @if (button.label && !button.iconOnly) {\n    <span class=\"button-label {{ button.labelClass || '' }}\">\n      {{ button.noTranslate ? button.label : (button.label | translate: button.params) }}\n    </span>\n  }\n  @if (!buttonIcon() && button.badge && button.badge.count) {\n    <m-badge [config]=\"{ variant: button.badge.variant ?? 'danger', position: 'static' }\">{{\n      formatBadgeCount(button.badge.count)\n    }}</m-badge>\n  }\n</ng-template>\n", styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;overflow:hidden;transition:box-shadow .15s ease;--m-btn-size: var(--m-button-size, 1em);--m-btn-color: var(--m-button-color, var(--m-one-button-color, var(--m-mm)));--m-btn-color-contrast: var(--m-button-color-contrast, var(--m-one-button-color-contrast, #ffffff));--m-btn-color-opposite: var(--m-button-color-opposite, var(--m-one-button-color-opposite, #e1b941));--m-btn-h: calc(var(--m-btn-size) * 2.25);width:var(--m-button-width, var(--m-one-button-width, auto));min-width:0;height:var(--m-btn-h);font-size:var(--m-btn-size)}:host-context(.inverse),:host-context(.tabs-inverse),:host.inverse{--m-btn-color: var(--m-button-color, var(--m-one-button-color, var(--m-inverse-text)))}:host:has(.full-width){display:flex;width:100%}:host:has(.full-width) button .button-label{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}:host:has(.only-icon),:host:has(.toggle){width:var(--m-btn-h);min-width:var(--m-btn-h)}:host:has(.has-badge){overflow:visible}:host:has(.stacked),:host:has(.toggle){height:auto}button:not(.get):not(.toggle){height:calc(var(--input-size, var(--m-btn-size)) * 2);min-height:calc(var(--input-size, var(--m-btn-size)) * 2);border-width:max(1px,var(--input-size, var(--m-btn-size)) * .0625);border-radius:calc(var(--input-size, var(--m-btn-size)) * .4);padding:calc(var(--input-size, var(--m-btn-size)) * .5) calc(var(--input-size, var(--m-btn-size)) * .5);gap:calc(var(--input-size, var(--m-btn-size)) * .375);font-size:var(--input-size, var(--m-btn-size));border-color:var(--m-btn-color);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}button:not(.get):not(.toggle):hover:not(:disabled){background-color:color-mix(in srgb,var(--m-btn-color) 6%,transparent)}button:not(.get):not(.toggle):disabled{opacity:.6;cursor:not-allowed}button:not(.get):not(.toggle){height:auto;padding:calc(var(--m-btn-size) * .625) calc(var(--m-btn-size) * 1.25);gap:calc(var(--m-btn-size) * .375);border-style:solid;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:inherit;cursor:pointer;appearance:none;width:100%;height:100%;min-height:0;padding:0 calc(var(--m-btn-size) * 1.25);border-width:var(--m-button-border-width, 1px);border-radius:var(--m-button-radius, calc(var(--m-btn-size) * .5));color:var(--m-btn-color);font-weight:600;line-height:1;-webkit-user-select:none;user-select:none;position:relative;outline:none;box-shadow:var(--m-button-shadow, var(--m-one-button-shadow, none));transition:filter .15s ease,background .15s ease}button:not(.get):not(.toggle):hover:not(:disabled){filter:brightness(1.04)}button:not(.get):not(.toggle):focus-visible:not(:disabled){outline:2px solid color-mix(in srgb,var(--m-focus) 45%,transparent);outline-offset:-2px}button:not(.get):not(.toggle):active:not(:disabled){transform:scale(.97)}button:not(.get):not(.toggle):disabled{opacity:.35;cursor:not-allowed;pointer-events:none;filter:grayscale(80%)}button:not(.get):not(.toggle).read-only{pointer-events:none!important;cursor:default!important;transform:none!important;box-shadow:none!important;background:transparent!important;border-color:transparent!important;opacity:1!important}button:not(.get):not(.toggle).read-only .button-icon{transform:none!important;color:inherit!important}button:not(.get):not(.toggle).primary{background:var(--m-btn-color);border-color:var(--m-btn-color);color:var(--m-btn-color-contrast)}button:not(.get):not(.toggle).primary:hover:not(:disabled){filter:none;background:color-mix(in srgb,var(--m-btn-color) 88%,black);border-color:color-mix(in srgb,var(--m-btn-color) 88%,black)}button:not(.get):not(.toggle).primary:active:not(:disabled){filter:brightness(.94);transform:scale(.97)}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab){background:transparent;border-color:transparent;color:var(--m-btn-color);box-shadow:none}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab):hover:not(:disabled){filter:none;background:color-mix(in srgb,var(--m-btn-color) 8%,transparent)}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab):active:not(:disabled){background:color-mix(in srgb,var(--m-btn-color) 14%,transparent);transform:scale(.97)}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab).secondary{border:var(--m-button-border-width, 1px) solid color-mix(in srgb,var(--m-btn-color) 15%,transparent)}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab).secondary:hover:not(:disabled){filter:none;border-color:color-mix(in srgb,var(--m-btn-color) 40%,transparent);background:color-mix(in srgb,var(--m-btn-color) 6%,transparent)}button:not(.get):not(.toggle).ghost:not(.primary):not(.tab).secondary:active:not(:disabled){border-color:color-mix(in srgb,var(--m-btn-color) 50%,transparent);background:color-mix(in srgb,var(--m-btn-color) 12%,transparent)}button:not(.get):not(.toggle).secondary:not(.primary):not(.ghost){background:transparent;border-color:var(--m-btn-color);color:var(--m-btn-color)}button:not(.get):not(.toggle).secondary:not(.primary):not(.ghost):hover:not(:disabled){filter:none;background:color-mix(in srgb,var(--m-btn-color) 8%,transparent)}button:not(.get):not(.toggle).secondary:not(.primary):not(.ghost):active:not(:disabled){background:color-mix(in srgb,var(--m-btn-color) 14%,transparent);transform:scale(.97)}button:not(.get):not(.toggle).tab{background:var(--m-backdrop-border);border-color:var(--m-backdrop-border);color:var(--m-btn-color)}button:not(.get):not(.toggle).tab:hover:not(:disabled){background:color-mix(in srgb,var(--m-backdrop-border) 82%,black);border-color:color-mix(in srgb,var(--m-backdrop-border) 82%,black);filter:none}button:not(.get):not(.toggle).tab:active:not(:disabled){background:color-mix(in srgb,var(--m-backdrop-border) 70%,black);border-color:color-mix(in srgb,var(--m-backdrop-border) 70%,black);transform:scale(.97)}button:not(.get):not(.toggle).segmented .button-icon,button:not(.get):not(.toggle).badge-accent .button-icon,button:not(.get):not(.toggle).with-right-icon .button-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--m-btn-color-opposite);order:1}button:not(.get):not(.toggle).segmented .button-label,button:not(.get):not(.toggle).badge-accent .button-label,button:not(.get):not(.toggle).with-right-icon .button-label{order:-1}button:not(.get):not(.toggle).segmented.primary .button-icon,button:not(.get):not(.toggle).badge-accent.primary .button-icon,button:not(.get):not(.toggle).with-right-icon.primary .button-icon{color:var(--m-btn-color-opposite)}button:not(.get):not(.toggle).with-left-icon .button-icon{order:-1}button:not(.get):not(.toggle).with-left-icon .button-label{order:1}button:not(.get):not(.toggle).stacked{flex-direction:column;gap:calc(var(--m-btn-size) * .3);height:auto;min-height:var(--m-btn-h);padding:calc(var(--m-btn-size) * .625) calc(var(--m-btn-size) * .875)}button:not(.get):not(.toggle).stacked .button-label{font-size:calc(var(--m-btn-size) * .8)}button:not(.get):not(.toggle).only-icon{padding:0;border-width:var(--m-button-border-width, 1px);aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center}button:not(.get):not(.toggle).only-icon m-icon,button:not(.get):not(.toggle).only-icon m-one-icon{display:inline-flex}m-badge{--m-badge-height: 1.5em;--m-badge-min-width: 1.5em;--m-badge-padding: 0 .3em;--m-badge-gap: .1em}.button-label{display:inline-flex;align-items:center;line-height:normal;font-size:inherit;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button-icon{position:relative;display:inline-flex;align-items:center;justify-content:center}.button-icon--img{width:calc(var(--m-btn-size) * 1.75);height:calc(var(--m-btn-size) * 1.75);overflow:hidden}.button-icon--img m-img{width:100%;height:100%;display:block}.get{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;height:var(--m-btn-h);padding:0 min(var(--m-btn-size) * 1.75,2rem);border-radius:4px;background:linear-gradient(135deg,var(--m-mm),var(--m-focus),var(--m-success),var(--m-mm));background-size:200% auto;color:#fff;font-size:calc(var(--m-btn-size) * .8);font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:none;cursor:pointer;white-space:nowrap;line-height:1;transition:background-position .2s ease,transform .15s ease}.get:hover{background-position:right center}.get:focus-visible{outline:2px solid color-mix(in srgb,var(--m-focus) 45%,transparent);outline-offset:-2px}.get:active{transform:scale(.97)}.toggle{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border:none;background:transparent;padding:0 min(var(--m-btn-size),1.25rem);border-radius:var(--m-button-radius, calc(var(--m-btn-size) * .375));box-shadow:none;color:var(--m-btn-color, var(--m-text-secondary));opacity:.65;font-family:inherit;font-size:var(--m-btn-size);font-weight:600;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;transition:background .15s ease,color .15s ease,opacity .15s ease;min-width:0}.toggle .button-icon{flex-shrink:0}.toggle .button-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;min-width:0}.toggle:hover:not(:disabled){background:var(--m-button-hover-background, color-mix(in srgb, var(--m-focus) 8%, transparent));color:var(--m-button-hover-color, var(--m-text));opacity:1}.toggle:focus-visible:not(:disabled){outline:2px solid color-mix(in srgb,var(--m-focus) 45%,transparent);outline-offset:-2px;opacity:1}.toggle.primary{background:var(--m-button-active-background, var(--m-mm));color:var(--m-button-active-color, #ffffff);opacity:1}.toggle.primary:hover:not(:disabled){background:var(--m-button-active-background, var(--m-mm));color:var(--m-button-active-color, #ffffff);opacity:1}.toggle.primary:active:not(:disabled){transform:scale(.97)}.non-native:not(.get):not(.toggle){appearance:none;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;padding:0 calc(var(--m-btn-size) * 1.25);border-width:2px;border-radius:4px;color:var(--m-btn-color);font-weight:600;line-height:1;-webkit-user-select:none;user-select:none;position:relative;outline:none;box-shadow:var(--m-button-shadow, var(--m-one-button-shadow, none));transition:filter .15s ease,background .15s ease}.non-native:not(.get):not(.toggle):hover:not([aria-disabled=true]){filter:brightness(1.04)}.non-native:not(.get):not(.toggle):focus-visible:not([aria-disabled=true]){outline:2px solid color-mix(in srgb,var(--m-focus) 45%,transparent);outline-offset:-2px}.non-native:not(.get):not(.toggle):active:not([aria-disabled=true]){transform:scale(.97)}.non-native:not(.get):not(.toggle)[aria-disabled=true]{opacity:.35;cursor:not-allowed;pointer-events:none;filter:grayscale(80%)}.non-native:not(.get):not(.toggle).primary{background:var(--m-btn-color);border-color:var(--m-btn-color);color:var(--m-btn-color-contrast)}.non-native:not(.get):not(.toggle).primary:hover:not([aria-disabled=true]){filter:none;background:color-mix(in srgb,var(--m-btn-color) 88%,black);border-color:color-mix(in srgb,var(--m-btn-color) 88%,black)}.non-native:not(.get):not(.toggle).primary:active:not([aria-disabled=true]){filter:brightness(.94);transform:scale(.97)}.non-native:not(.get):not(.toggle).ghost:not(.primary):not(.tab){background:transparent;border-color:transparent;color:var(--m-btn-color);box-shadow:none}.non-native:not(.get):not(.toggle).ghost:not(.primary):not(.tab):hover:not([aria-disabled=true]){filter:none;background:color-mix(in srgb,var(--m-btn-color) 8%,transparent)}.non-native:not(.get):not(.toggle).ghost:not(.primary):not(.tab):active:not([aria-disabled=true]){background:color-mix(in srgb,var(--m-btn-color) 14%,transparent);transform:scale(.97)}.non-native:not(.get):not(.toggle):disabled{opacity:.3;cursor:not-allowed}@container togglegroup (max-width: 320px){.non-native:not(.get):not(.toggle).with-left-icon .button-label,.non-native:not(.get):not(.toggle).with-right-icon .button-label{display:none!important}}@media(max-width:600px){.non-native:not(.get):not(.toggle).with-left-icon .button-label,.non-native:not(.get):not(.toggle).with-right-icon .button-label{display:none!important}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }, { type: i0.Output, args: ["configChange"] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], nav: [{ type: i0.Input, args: [{ isSignal: true, alias: "nav", required: false }] }], navParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "navParams", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: false }] }], one: [{ type: i0.Input, args: [{ isSignal: true, alias: "one", required: false }] }], remote: [{ type: i0.Input, args: [{ isSignal: true, alias: "remote", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], noTranslate: [{ type: i0.Input, args: [{ isSignal: true, alias: "noTranslate", required: false }] }], params: [{ type: i0.Input, args: [{ isSignal: true, alias: "params", required: false }] }], noNative: [{ type: i0.Input, args: [{ isSignal: true, alias: "noNative", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], isRightIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "isRightIcon", required: false }] }], iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }], stacked: [{ type: i0.Input, args: [{ isSignal: true, alias: "stacked", required: false }] }], imgSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "imgSrc", required: false }] }], nonClickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "nonClickable", required: false }] }], inverted: [{ type: i0.Input, args: [{ isSignal: true, alias: "inverted", required: false }] }], isSubmit: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSubmit", required: false }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }], button: [{ type: i0.ViewChild, args: ['button', { isSignal: true }] }] } });
 
 /**
@@ -7232,7 +7232,7 @@ class SectionFormItemComponent extends ConfigComponent {
                     break;
                 }
                 case InputType.TOGGLE: {
-                    const { ToggleInputComponent } = await import('./magmonium-one-toggle-BIetnmvQ.mjs');
+                    const { ToggleInputComponent } = await import('./magmonium-one-toggle-CLwSLeNx.mjs');
                     this.createDynamicComponent(seq, ToggleInputComponent, [], true);
                     break;
                 }
@@ -7244,12 +7244,12 @@ class SectionFormItemComponent extends ConfigComponent {
                     break;
                 }
                 case InputType.PASSWORD: {
-                    const { PasswordInputComponent } = await import('./magmonium-one-password-DHZnry39.mjs');
+                    const { PasswordInputComponent } = await import('./magmonium-one-password-rXgLgf9m.mjs');
                     this.createDynamicComponent(seq, PasswordInputComponent);
                     break;
                 }
                 case InputType.OTP: {
-                    const { OtpInputComponent } = await import('./magmonium-one-otp-D5YLAd5j.mjs');
+                    const { OtpInputComponent } = await import('./magmonium-one-otp-NtZ2e-Hf.mjs');
                     this.createDynamicComponent(seq, OtpInputComponent);
                     break;
                 }
@@ -10288,7 +10288,7 @@ class ClearableInputComponent extends BaseTextInputComponent {
         />
       }
     }
-  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.input-wrapper{display:flex;align-items:center;background:var(--m-background);height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)))}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;padding:var(--m-input-clear-padding, var(--m-text-input-padding, .625em 1.25em ));padding-right:var(--m-input-clear-padding-right, var(--m-text-input-padding-right, 1.25em ))}.input-wrapper.has-value{padding-right:0}.input-wrapper{background:var(--m-input-clear-background, var(--m-text-input-background, var(--m-background)));border-color:var(--m-input-clear-border, var(--m-text-input-border, var(--m-input-color, var(--m-mm))));border-radius:var(--m-input-clear-radius, var(--m-text-input-radius, .4em ));transition:var(--m-input-clear-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease));min-height:var(--m-input-clear-min-height, var(--m-text-input-min-height, 2.25em ));height:var(--m-input-clear-height, var(--m-text-input-height, 2.25em ))}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-input-clear-hover-border, var(--m-text-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12))));background:var(--m-input-clear-hover-background, var(--m-text-input-hover-background, var(--m-input-clear-background, var(--m-text-input-background, var(--m-background)))))}.input-wrapper:focus-within{border-color:var(--m-input-clear-focus-border, var(--m-text-input-focus-border, color-mix(in srgb, var(--m-focus) 45%, transparent)));box-shadow:var(--m-input-clear-shadow, var(--m-text-input-shadow, none));background:var(--m-input-clear-focus-background, var(--m-text-input-focus-background, var(--m-input-clear-background, var(--m-text-input-background, var(--m-background)))))}.input-wrapper .m-icon{--m-icon-size: var(--m-input-clear-icon-size, var(--m-input-clear-size, 1.1em )) !important;color:var(--m-input-clear-icon-color, var(--m-text-input-icon-color, inherit));opacity:var(--m-input-clear-icon-opacity, var(--m-text-input-icon-opacity, 1));flex-shrink:0;transition:opacity .2s ease}.input-wrapper:focus-within .m-icon{opacity:var(--m-input-clear-icon-focus-opacity, var(--m-text-input-icon-focus-opacity, 1))}.input-wrapper .m-one-button{height:100%;display:inline-flex;align-items:center;justify-content:center;--m-button-size: var(--m-input-clear-size, 1rem) !important;opacity:.5;transition:opacity .2s ease}.input-wrapper .m-one-button:hover{opacity:.8}.input-wrapper input{appearance:none;border:none;outline:none;flex:1;background:transparent;color:var(--m-input-clear-color, var(--m-text-input-color, var(--m-text)));font-family:inherit;font-weight:var(--m-input-clear-font-weight, var(--m-text-input-font-weight, inherit));font-size:var(--m-input-clear-size, 1em);padding:0;caret-color:var(--m-input-clear-caret-color, var(--m-text-input-caret-color, auto))}.input-wrapper input::placeholder{font-weight:var(--m-input-clear-placeholder-weight, var(--m-text-input-placeholder-weight, inherit));opacity:var(--m-input-clear-placeholder-opacity, var(--m-text-input-placeholder-opacity, inherit))}:host(.m-input--underlined) .input-wrapper{background:transparent;border:none;border-bottom:2px solid var(--m-backdrop-border);border-radius:0;min-height:auto;height:auto;transition:border-color .3s ease}:host(.m-input--underlined) .input-wrapper:focus-within{border-bottom-color:var(--m-mm);box-shadow:none}:host(.m-input--underlined) input{font-size:var(--m-input-clear-size, 1.125rem);font-weight:var(--m-input-clear-font-weight, var(--m-text-input-font-weight, 700));color:var(--m-input-clear-color, var(--m-text-input-color, var(--m-text)))}:host(.m-input--underlined) .m-icon{--m-icon-size: var(--m-input-clear-size, 1.125rem) !important}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.input-wrapper{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;padding:var(--m-input-clear-padding, var(--m-text-input-padding, .625em 1.25em ));padding-right:var(--m-input-clear-padding-right, var(--m-text-input-padding-right, 1.25em ))}.input-wrapper.has-value{padding-right:0}.input-wrapper{background:var(--m-input-clear-background, var(--m-text-input-background, var(--m-background)));border-color:var(--m-input-clear-border, var(--m-text-input-border, var(--m-input-color, var(--m-mm))));border-radius:var(--m-input-clear-radius, var(--m-text-input-radius, .4em ));transition:var(--m-input-clear-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease));min-height:var(--m-input-clear-min-height, var(--m-text-input-min-height, 2.25em ));height:var(--m-input-clear-height, var(--m-text-input-height, 2.25em ))}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-input-clear-hover-border, var(--m-text-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12))));background:var(--m-input-clear-hover-background, var(--m-text-input-hover-background, var(--m-input-clear-background, var(--m-text-input-background, var(--m-background)))))}.input-wrapper:focus-within{border-color:var(--m-input-clear-focus-border, var(--m-text-input-focus-border, color-mix(in srgb, var(--m-focus) 45%, transparent)));box-shadow:var(--m-input-clear-shadow, var(--m-text-input-shadow, none));background:var(--m-input-clear-focus-background, var(--m-text-input-focus-background, var(--m-input-clear-background, var(--m-text-input-background, var(--m-background)))))}.input-wrapper .m-icon{--m-icon-size: var(--m-input-clear-icon-size, var(--m-input-clear-size, 1.1em )) !important;color:var(--m-input-clear-icon-color, var(--m-text-input-icon-color, inherit));opacity:var(--m-input-clear-icon-opacity, var(--m-text-input-icon-opacity, 1));flex-shrink:0;transition:opacity .2s ease}.input-wrapper:focus-within .m-icon{opacity:var(--m-input-clear-icon-focus-opacity, var(--m-text-input-icon-focus-opacity, 1))}.input-wrapper .m-one-button{height:100%;display:inline-flex;align-items:center;justify-content:center;--m-button-size: var(--m-input-clear-size, 1rem) !important;opacity:.5;transition:opacity .2s ease}.input-wrapper .m-one-button:hover{opacity:.8}.input-wrapper input{appearance:none;border:none;outline:none;flex:1;background:transparent;color:var(--m-input-clear-color, var(--m-text-input-color, var(--m-text)));font-family:inherit;font-weight:var(--m-input-clear-font-weight, var(--m-text-input-font-weight, inherit));font-size:var(--m-input-clear-size, 1em);padding:0;caret-color:var(--m-input-clear-caret-color, var(--m-text-input-caret-color, auto))}.input-wrapper input::placeholder{font-weight:var(--m-input-clear-placeholder-weight, var(--m-text-input-placeholder-weight, inherit));opacity:var(--m-input-clear-placeholder-opacity, var(--m-text-input-placeholder-opacity, inherit))}:host(.m-input--underlined) .input-wrapper{background:transparent;border:none;border-bottom:2px solid var(--m-backdrop-border);border-radius:0;min-height:auto;height:auto;transition:border-color .3s ease}:host(.m-input--underlined) .input-wrapper:focus-within{border-bottom-color:var(--m-mm);box-shadow:none}:host(.m-input--underlined) input{font-size:var(--m-input-clear-size, 1.125rem);font-weight:var(--m-input-clear-font-weight, var(--m-text-input-font-weight, 700));color:var(--m-input-clear-color, var(--m-text-input-color, var(--m-text)))}:host(.m-input--underlined) .m-icon{--m-icon-size: var(--m-input-clear-size, 1.125rem) !important}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ClearableInputComponent, decorators: [{
             type: Component,
@@ -10350,7 +10350,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         TranslatePipe,
                     ], host: {
                         '[class]': "config()?.variant ? 'm-input--' + config()?.variant : ''",
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.input-wrapper{display:flex;align-items:center;background:var(--m-background);height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)))}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;padding:var(--m-input-clear-padding, var(--m-text-input-padding, .625em 1.25em ));padding-right:var(--m-input-clear-padding-right, var(--m-text-input-padding-right, 1.25em ))}.input-wrapper.has-value{padding-right:0}.input-wrapper{background:var(--m-input-clear-background, var(--m-text-input-background, var(--m-background)));border-color:var(--m-input-clear-border, var(--m-text-input-border, var(--m-input-color, var(--m-mm))));border-radius:var(--m-input-clear-radius, var(--m-text-input-radius, .4em ));transition:var(--m-input-clear-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease));min-height:var(--m-input-clear-min-height, var(--m-text-input-min-height, 2.25em ));height:var(--m-input-clear-height, var(--m-text-input-height, 2.25em ))}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-input-clear-hover-border, var(--m-text-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12))));background:var(--m-input-clear-hover-background, var(--m-text-input-hover-background, var(--m-input-clear-background, var(--m-text-input-background, var(--m-background)))))}.input-wrapper:focus-within{border-color:var(--m-input-clear-focus-border, var(--m-text-input-focus-border, color-mix(in srgb, var(--m-focus) 45%, transparent)));box-shadow:var(--m-input-clear-shadow, var(--m-text-input-shadow, none));background:var(--m-input-clear-focus-background, var(--m-text-input-focus-background, var(--m-input-clear-background, var(--m-text-input-background, var(--m-background)))))}.input-wrapper .m-icon{--m-icon-size: var(--m-input-clear-icon-size, var(--m-input-clear-size, 1.1em )) !important;color:var(--m-input-clear-icon-color, var(--m-text-input-icon-color, inherit));opacity:var(--m-input-clear-icon-opacity, var(--m-text-input-icon-opacity, 1));flex-shrink:0;transition:opacity .2s ease}.input-wrapper:focus-within .m-icon{opacity:var(--m-input-clear-icon-focus-opacity, var(--m-text-input-icon-focus-opacity, 1))}.input-wrapper .m-one-button{height:100%;display:inline-flex;align-items:center;justify-content:center;--m-button-size: var(--m-input-clear-size, 1rem) !important;opacity:.5;transition:opacity .2s ease}.input-wrapper .m-one-button:hover{opacity:.8}.input-wrapper input{appearance:none;border:none;outline:none;flex:1;background:transparent;color:var(--m-input-clear-color, var(--m-text-input-color, var(--m-text)));font-family:inherit;font-weight:var(--m-input-clear-font-weight, var(--m-text-input-font-weight, inherit));font-size:var(--m-input-clear-size, 1em);padding:0;caret-color:var(--m-input-clear-caret-color, var(--m-text-input-caret-color, auto))}.input-wrapper input::placeholder{font-weight:var(--m-input-clear-placeholder-weight, var(--m-text-input-placeholder-weight, inherit));opacity:var(--m-input-clear-placeholder-opacity, var(--m-text-input-placeholder-opacity, inherit))}:host(.m-input--underlined) .input-wrapper{background:transparent;border:none;border-bottom:2px solid var(--m-backdrop-border);border-radius:0;min-height:auto;height:auto;transition:border-color .3s ease}:host(.m-input--underlined) .input-wrapper:focus-within{border-bottom-color:var(--m-mm);box-shadow:none}:host(.m-input--underlined) input{font-size:var(--m-input-clear-size, 1.125rem);font-weight:var(--m-input-clear-font-weight, var(--m-text-input-font-weight, 700));color:var(--m-input-clear-color, var(--m-text-input-color, var(--m-text)))}:host(.m-input--underlined) .m-icon{--m-icon-size: var(--m-input-clear-size, 1.125rem) !important}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.input-wrapper{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;padding:var(--m-input-clear-padding, var(--m-text-input-padding, .625em 1.25em ));padding-right:var(--m-input-clear-padding-right, var(--m-text-input-padding-right, 1.25em ))}.input-wrapper.has-value{padding-right:0}.input-wrapper{background:var(--m-input-clear-background, var(--m-text-input-background, var(--m-background)));border-color:var(--m-input-clear-border, var(--m-text-input-border, var(--m-input-color, var(--m-mm))));border-radius:var(--m-input-clear-radius, var(--m-text-input-radius, .4em ));transition:var(--m-input-clear-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease));min-height:var(--m-input-clear-min-height, var(--m-text-input-min-height, 2.25em ));height:var(--m-input-clear-height, var(--m-text-input-height, 2.25em ))}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-input-clear-hover-border, var(--m-text-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12))));background:var(--m-input-clear-hover-background, var(--m-text-input-hover-background, var(--m-input-clear-background, var(--m-text-input-background, var(--m-background)))))}.input-wrapper:focus-within{border-color:var(--m-input-clear-focus-border, var(--m-text-input-focus-border, color-mix(in srgb, var(--m-focus) 45%, transparent)));box-shadow:var(--m-input-clear-shadow, var(--m-text-input-shadow, none));background:var(--m-input-clear-focus-background, var(--m-text-input-focus-background, var(--m-input-clear-background, var(--m-text-input-background, var(--m-background)))))}.input-wrapper .m-icon{--m-icon-size: var(--m-input-clear-icon-size, var(--m-input-clear-size, 1.1em )) !important;color:var(--m-input-clear-icon-color, var(--m-text-input-icon-color, inherit));opacity:var(--m-input-clear-icon-opacity, var(--m-text-input-icon-opacity, 1));flex-shrink:0;transition:opacity .2s ease}.input-wrapper:focus-within .m-icon{opacity:var(--m-input-clear-icon-focus-opacity, var(--m-text-input-icon-focus-opacity, 1))}.input-wrapper .m-one-button{height:100%;display:inline-flex;align-items:center;justify-content:center;--m-button-size: var(--m-input-clear-size, 1rem) !important;opacity:.5;transition:opacity .2s ease}.input-wrapper .m-one-button:hover{opacity:.8}.input-wrapper input{appearance:none;border:none;outline:none;flex:1;background:transparent;color:var(--m-input-clear-color, var(--m-text-input-color, var(--m-text)));font-family:inherit;font-weight:var(--m-input-clear-font-weight, var(--m-text-input-font-weight, inherit));font-size:var(--m-input-clear-size, 1em);padding:0;caret-color:var(--m-input-clear-caret-color, var(--m-text-input-caret-color, auto))}.input-wrapper input::placeholder{font-weight:var(--m-input-clear-placeholder-weight, var(--m-text-input-placeholder-weight, inherit));opacity:var(--m-input-clear-placeholder-opacity, var(--m-text-input-placeholder-opacity, inherit))}:host(.m-input--underlined) .input-wrapper{background:transparent;border:none;border-bottom:2px solid var(--m-backdrop-border);border-radius:0;min-height:auto;height:auto;transition:border-color .3s ease}:host(.m-input--underlined) .input-wrapper:focus-within{border-bottom-color:var(--m-mm);box-shadow:none}:host(.m-input--underlined) input{font-size:var(--m-input-clear-size, 1.125rem);font-weight:var(--m-input-clear-font-weight, var(--m-text-input-font-weight, 700));color:var(--m-input-clear-color, var(--m-text-input-color, var(--m-text)))}:host(.m-input--underlined) .m-icon{--m-icon-size: var(--m-input-clear-size, 1.125rem) !important}\n"] }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], focused: [{ type: i0.Input, args: [{ isSignal: true, alias: "focused", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }] } });
 
 /**
@@ -11470,7 +11470,7 @@ class CheckboxInputComponent extends BaseCheckboxInputComponent {
         }
       }
     }
-  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:inline-block}.checkbox{--m-checkbox-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));background:var(--m-checkbox-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem));border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-sizing:border-box;flex-shrink:0;margin:0;box-shadow:none;transition:var(--m-checkbox-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.checkbox input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .25);border-left:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;transition:transform .2s ease;box-shadow:none}.checkbox{--m-label-margin: 0}.checkbox input[type=checkbox]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.checkbox input[type=checkbox]:focus,.checkbox input[type=checkbox]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)));outline:none}.checkbox input[type=checkbox]:active:not(:disabled):after{transform:translate(-50%,-60%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none}.checkbox input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg);border-left-color:#fff;border-bottom-color:#fff;opacity:1}.checkbox input[type=checkbox]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:checked:focus,.checkbox input[type=checkbox]:checked:focus-visible{box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 25%, transparent)))}.checkbox input[type=checkbox]:indeterminate{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus))}.checkbox input[type=checkbox]:indeterminate:after{transform:translate(-50%,-50%) scale(1) rotate(0);width:calc(var(--input-size, 1em) * .5);height:0;border-left:none;border-bottom:calc(var(--input-size, 1em) * .12) solid #ffffff}.checkbox input[type=checkbox]:indeterminate:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:indeterminate:focus,.checkbox input[type=checkbox]:indeterminate:focus-visible{box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 25%, transparent)))}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.checkbox input[type=checkbox]:disabled:checked:after{opacity:.7}.checkbox input[type=checkbox].error{border-color:var(--m-error)}.checkbox{min-height:var(--input-size, 1em)}.radio{--m-radio-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.radio input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;position:relative;width:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));flex-shrink:0;box-sizing:border-box;background:var(--m-radio-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:50%;border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-shadow:none;transition:var(--m-radio-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:none}.radio{--m-label-margin: 0}.radio input[type=radio]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.radio input[type=radio]:focus,.radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)));outline:none}.radio input[type=radio]:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85)}.radio input[type=radio]:checked{border-color:var(--m-radio-checked-border, var(--m-focus));background:var(--m-radio-checked-background, var(--m-focus));background-color:var(--m-radio-checked-background, var(--m-focus));box-shadow:none}.radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1);background-color:#fff;opacity:1}.radio input[type=radio]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-radio-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.radio input[type=radio]:checked:focus,.radio input[type=radio]:checked:focus-visible{box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 25%, transparent)))}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.radio input[type=radio]:disabled:checked:after{opacity:.7}.radio input[type=radio].error{border-color:var(--m-error)}.radio{min-height:var(--input-size, 1em)}:host-context(.section-form-item__input),:host-context(.m-dynamic-input){display:contents}:host-context(.section-form-item__input) .checkbox,:host-context(.section-form-item__input) .radio,:host-context(.m-dynamic-input) .checkbox,:host-context(.m-dynamic-input) .radio{display:flex;align-items:center;width:100%;height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-block:0;padding-inline:0;background:transparent;border:none;box-shadow:none;--m-label-margin: 0;--m-label-font-size: var(--m-label-font-size, calc(var(--input-size, 1em) * .875));gap:var(--m-checkbox-input-gap, .375em )}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=radio]{flex:0 0 auto;margin:0;transform:none;width:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));height:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));border-width:var(--m-input-border-width, 1px);border-style:solid;border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-checkbox-square-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;outline:none;box-sizing:border-box;position:relative;transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=checkbox]{border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem))}:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=radio]{border-radius:50%}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .25);border-left:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=radio]:after,:host-context(.section-form-item__input) .radio input[type=radio]:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:after,:host-context(.m-dynamic-input) .radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);border-radius:50%;background-color:#fff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:hover:not(:disabled){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:focus,:host-context(.section-form-item__input) .radio input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)));outline:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked,:host-context(.section-form-item__input) .radio input[type=radio]:checked,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked,:host-context(.m-dynamic-input) .radio input[type=radio]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus-visible{box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 25%, transparent)))}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg)}:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:after,:host-context(.section-form-item__input) .radio input[type=radio]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:after,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:inline-block}.checkbox{--m-checkbox-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));background:var(--m-checkbox-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem));border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-sizing:border-box;flex-shrink:0;margin:0;box-shadow:none;transition:var(--m-checkbox-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.checkbox input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .25);border-left:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;transition:transform .2s ease;box-shadow:none}.checkbox{--m-label-margin: 0}.checkbox input[type=checkbox]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.checkbox input[type=checkbox]:focus,.checkbox input[type=checkbox]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.checkbox input[type=checkbox]:active:not(:disabled):after{transform:translate(-50%,-60%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none}.checkbox input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg);border-left-color:#fff;border-bottom-color:#fff;opacity:1}.checkbox input[type=checkbox]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:checked:focus,.checkbox input[type=checkbox]:checked:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:indeterminate{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus))}.checkbox input[type=checkbox]:indeterminate:after{transform:translate(-50%,-50%) scale(1) rotate(0);width:calc(var(--input-size, 1em) * .5);height:0;border-left:none;border-bottom:calc(var(--input-size, 1em) * .12) solid #ffffff}.checkbox input[type=checkbox]:indeterminate:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:indeterminate:focus,.checkbox input[type=checkbox]:indeterminate:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.checkbox input[type=checkbox]:disabled:checked:after{opacity:.7}.checkbox input[type=checkbox].error{border-color:var(--m-error)}.checkbox{min-height:var(--input-size, 1em)}.radio{--m-radio-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.radio input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;position:relative;width:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));flex-shrink:0;box-sizing:border-box;background:var(--m-radio-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:50%;border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-shadow:none;transition:var(--m-radio-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:none}.radio{--m-label-margin: 0}.radio input[type=radio]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.radio input[type=radio]:focus,.radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.radio input[type=radio]:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85)}.radio input[type=radio]:checked{border-color:var(--m-radio-checked-border, var(--m-focus));background:var(--m-radio-checked-background, var(--m-focus));background-color:var(--m-radio-checked-background, var(--m-focus));box-shadow:none}.radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1);background-color:#fff;opacity:1}.radio input[type=radio]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-radio-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.radio input[type=radio]:checked:focus,.radio input[type=radio]:checked:focus-visible{box-shadow:none}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.radio input[type=radio]:disabled:checked:after{opacity:.7}.radio input[type=radio].error{border-color:var(--m-error)}.radio{min-height:var(--input-size, 1em)}:host-context(.section-form-item__input),:host-context(.m-dynamic-input){display:contents}:host-context(.section-form-item__input) .checkbox,:host-context(.section-form-item__input) .radio,:host-context(.m-dynamic-input) .checkbox,:host-context(.m-dynamic-input) .radio{display:flex;align-items:center;width:100%;height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-block:0;padding-inline:0;background:transparent;border:none;box-shadow:none;--m-label-margin: 0;--m-label-font-size: var(--m-label-font-size, calc(var(--input-size, 1em) * .875));gap:var(--m-checkbox-input-gap, .375em )}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=radio]{flex:0 0 auto;margin:0;transform:none;width:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));height:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));border-width:var(--m-input-border-width, 1px);border-style:solid;border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-checkbox-square-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;outline:none;box-sizing:border-box;position:relative;transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=checkbox]{border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem))}:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=radio]{border-radius:50%}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .25);border-left:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=radio]:after,:host-context(.section-form-item__input) .radio input[type=radio]:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:after,:host-context(.m-dynamic-input) .radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);border-radius:50%;background-color:#fff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:hover:not(:disabled){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:focus,:host-context(.section-form-item__input) .radio input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked,:host-context(.section-form-item__input) .radio input[type=radio]:checked,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked,:host-context(.m-dynamic-input) .radio input[type=radio]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus-visible{box-shadow:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg)}:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:after,:host-context(.section-form-item__input) .radio input[type=radio]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:after,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CheckboxInputComponent, decorators: [{
             type: Component,
@@ -11506,7 +11506,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }
       }
     }
-  `, imports: [LabelComponent, TextOutputComponent], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:inline-block}.checkbox{--m-checkbox-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));background:var(--m-checkbox-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem));border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-sizing:border-box;flex-shrink:0;margin:0;box-shadow:none;transition:var(--m-checkbox-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.checkbox input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .25);border-left:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;transition:transform .2s ease;box-shadow:none}.checkbox{--m-label-margin: 0}.checkbox input[type=checkbox]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.checkbox input[type=checkbox]:focus,.checkbox input[type=checkbox]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)));outline:none}.checkbox input[type=checkbox]:active:not(:disabled):after{transform:translate(-50%,-60%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none}.checkbox input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg);border-left-color:#fff;border-bottom-color:#fff;opacity:1}.checkbox input[type=checkbox]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:checked:focus,.checkbox input[type=checkbox]:checked:focus-visible{box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 25%, transparent)))}.checkbox input[type=checkbox]:indeterminate{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus))}.checkbox input[type=checkbox]:indeterminate:after{transform:translate(-50%,-50%) scale(1) rotate(0);width:calc(var(--input-size, 1em) * .5);height:0;border-left:none;border-bottom:calc(var(--input-size, 1em) * .12) solid #ffffff}.checkbox input[type=checkbox]:indeterminate:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:indeterminate:focus,.checkbox input[type=checkbox]:indeterminate:focus-visible{box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 25%, transparent)))}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.checkbox input[type=checkbox]:disabled:checked:after{opacity:.7}.checkbox input[type=checkbox].error{border-color:var(--m-error)}.checkbox{min-height:var(--input-size, 1em)}.radio{--m-radio-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.radio input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;position:relative;width:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));flex-shrink:0;box-sizing:border-box;background:var(--m-radio-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:50%;border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-shadow:none;transition:var(--m-radio-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:none}.radio{--m-label-margin: 0}.radio input[type=radio]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.radio input[type=radio]:focus,.radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)));outline:none}.radio input[type=radio]:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85)}.radio input[type=radio]:checked{border-color:var(--m-radio-checked-border, var(--m-focus));background:var(--m-radio-checked-background, var(--m-focus));background-color:var(--m-radio-checked-background, var(--m-focus));box-shadow:none}.radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1);background-color:#fff;opacity:1}.radio input[type=radio]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-radio-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.radio input[type=radio]:checked:focus,.radio input[type=radio]:checked:focus-visible{box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 25%, transparent)))}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.radio input[type=radio]:disabled:checked:after{opacity:.7}.radio input[type=radio].error{border-color:var(--m-error)}.radio{min-height:var(--input-size, 1em)}:host-context(.section-form-item__input),:host-context(.m-dynamic-input){display:contents}:host-context(.section-form-item__input) .checkbox,:host-context(.section-form-item__input) .radio,:host-context(.m-dynamic-input) .checkbox,:host-context(.m-dynamic-input) .radio{display:flex;align-items:center;width:100%;height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-block:0;padding-inline:0;background:transparent;border:none;box-shadow:none;--m-label-margin: 0;--m-label-font-size: var(--m-label-font-size, calc(var(--input-size, 1em) * .875));gap:var(--m-checkbox-input-gap, .375em )}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=radio]{flex:0 0 auto;margin:0;transform:none;width:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));height:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));border-width:var(--m-input-border-width, 1px);border-style:solid;border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-checkbox-square-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;outline:none;box-sizing:border-box;position:relative;transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=checkbox]{border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem))}:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=radio]{border-radius:50%}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .25);border-left:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=radio]:after,:host-context(.section-form-item__input) .radio input[type=radio]:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:after,:host-context(.m-dynamic-input) .radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);border-radius:50%;background-color:#fff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:hover:not(:disabled){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:focus,:host-context(.section-form-item__input) .radio input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)));outline:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked,:host-context(.section-form-item__input) .radio input[type=radio]:checked,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked,:host-context(.m-dynamic-input) .radio input[type=radio]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus-visible{box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 25%, transparent)))}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg)}:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:after,:host-context(.section-form-item__input) .radio input[type=radio]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:after,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}\n"] }]
+  `, imports: [LabelComponent, TextOutputComponent], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:inline-block}.checkbox{--m-checkbox-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));background:var(--m-checkbox-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem));border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-sizing:border-box;flex-shrink:0;margin:0;box-shadow:none;transition:var(--m-checkbox-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.checkbox input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .25);border-left:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;transition:transform .2s ease;box-shadow:none}.checkbox{--m-label-margin: 0}.checkbox input[type=checkbox]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.checkbox input[type=checkbox]:focus,.checkbox input[type=checkbox]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.checkbox input[type=checkbox]:active:not(:disabled):after{transform:translate(-50%,-60%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none}.checkbox input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg);border-left-color:#fff;border-bottom-color:#fff;opacity:1}.checkbox input[type=checkbox]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:checked:focus,.checkbox input[type=checkbox]:checked:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:indeterminate{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus))}.checkbox input[type=checkbox]:indeterminate:after{transform:translate(-50%,-50%) scale(1) rotate(0);width:calc(var(--input-size, 1em) * .5);height:0;border-left:none;border-bottom:calc(var(--input-size, 1em) * .12) solid #ffffff}.checkbox input[type=checkbox]:indeterminate:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:indeterminate:focus,.checkbox input[type=checkbox]:indeterminate:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.checkbox input[type=checkbox]:disabled:checked:after{opacity:.7}.checkbox input[type=checkbox].error{border-color:var(--m-error)}.checkbox{min-height:var(--input-size, 1em)}.radio{--m-radio-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.radio input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;position:relative;width:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));flex-shrink:0;box-sizing:border-box;background:var(--m-radio-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:50%;border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-shadow:none;transition:var(--m-radio-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:none}.radio{--m-label-margin: 0}.radio input[type=radio]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.radio input[type=radio]:focus,.radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.radio input[type=radio]:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85)}.radio input[type=radio]:checked{border-color:var(--m-radio-checked-border, var(--m-focus));background:var(--m-radio-checked-background, var(--m-focus));background-color:var(--m-radio-checked-background, var(--m-focus));box-shadow:none}.radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1);background-color:#fff;opacity:1}.radio input[type=radio]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-radio-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.radio input[type=radio]:checked:focus,.radio input[type=radio]:checked:focus-visible{box-shadow:none}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.radio input[type=radio]:disabled:checked:after{opacity:.7}.radio input[type=radio].error{border-color:var(--m-error)}.radio{min-height:var(--input-size, 1em)}:host-context(.section-form-item__input),:host-context(.m-dynamic-input){display:contents}:host-context(.section-form-item__input) .checkbox,:host-context(.section-form-item__input) .radio,:host-context(.m-dynamic-input) .checkbox,:host-context(.m-dynamic-input) .radio{display:flex;align-items:center;width:100%;height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-block:0;padding-inline:0;background:transparent;border:none;box-shadow:none;--m-label-margin: 0;--m-label-font-size: var(--m-label-font-size, calc(var(--input-size, 1em) * .875));gap:var(--m-checkbox-input-gap, .375em )}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=radio]{flex:0 0 auto;margin:0;transform:none;width:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));height:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));border-width:var(--m-input-border-width, 1px);border-style:solid;border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-checkbox-square-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;outline:none;box-sizing:border-box;position:relative;transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=checkbox]{border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem))}:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=radio]{border-radius:50%}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .25);border-left:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=radio]:after,:host-context(.section-form-item__input) .radio input[type=radio]:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:after,:host-context(.m-dynamic-input) .radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);border-radius:50%;background-color:#fff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:hover:not(:disabled){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:focus,:host-context(.section-form-item__input) .radio input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked,:host-context(.section-form-item__input) .radio input[type=radio]:checked,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked,:host-context(.m-dynamic-input) .radio input[type=radio]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus-visible{box-shadow:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg)}:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:after,:host-context(.section-form-item__input) .radio input[type=radio]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:after,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}\n"] }]
         }], propDecorators: { checked: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }, { type: i0.Output, args: ["checkedChange"] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], focused: [{ type: i0.Input, args: [{ isSignal: true, alias: "focused", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }] } });
 
 var checkbox = /*#__PURE__*/Object.freeze({
@@ -11543,7 +11543,7 @@ class RadioInputComponent extends BaseCheckboxInputComponent {
         />
       </div>
     }
-  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:inline-block}.checkbox{--m-checkbox-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));background:var(--m-checkbox-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem));border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-sizing:border-box;flex-shrink:0;margin:0;box-shadow:none;transition:var(--m-checkbox-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.checkbox input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .25);border-left:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;transition:transform .2s ease;box-shadow:none}.checkbox{--m-label-margin: 0}.checkbox input[type=checkbox]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.checkbox input[type=checkbox]:focus,.checkbox input[type=checkbox]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)));outline:none}.checkbox input[type=checkbox]:active:not(:disabled):after{transform:translate(-50%,-60%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none}.checkbox input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg);border-left-color:#fff;border-bottom-color:#fff;opacity:1}.checkbox input[type=checkbox]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:checked:focus,.checkbox input[type=checkbox]:checked:focus-visible{box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 25%, transparent)))}.checkbox input[type=checkbox]:indeterminate{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus))}.checkbox input[type=checkbox]:indeterminate:after{transform:translate(-50%,-50%) scale(1) rotate(0);width:calc(var(--input-size, 1em) * .5);height:0;border-left:none;border-bottom:calc(var(--input-size, 1em) * .12) solid #ffffff}.checkbox input[type=checkbox]:indeterminate:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:indeterminate:focus,.checkbox input[type=checkbox]:indeterminate:focus-visible{box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 25%, transparent)))}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.checkbox input[type=checkbox]:disabled:checked:after{opacity:.7}.checkbox input[type=checkbox].error{border-color:var(--m-error)}.checkbox{min-height:var(--input-size, 1em)}.radio{--m-radio-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.radio input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;position:relative;width:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));flex-shrink:0;box-sizing:border-box;background:var(--m-radio-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:50%;border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-shadow:none;transition:var(--m-radio-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:none}.radio{--m-label-margin: 0}.radio input[type=radio]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.radio input[type=radio]:focus,.radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)));outline:none}.radio input[type=radio]:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85)}.radio input[type=radio]:checked{border-color:var(--m-radio-checked-border, var(--m-focus));background:var(--m-radio-checked-background, var(--m-focus));background-color:var(--m-radio-checked-background, var(--m-focus));box-shadow:none}.radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1);background-color:#fff;opacity:1}.radio input[type=radio]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-radio-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.radio input[type=radio]:checked:focus,.radio input[type=radio]:checked:focus-visible{box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 25%, transparent)))}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.radio input[type=radio]:disabled:checked:after{opacity:.7}.radio input[type=radio].error{border-color:var(--m-error)}.radio{min-height:var(--input-size, 1em)}:host-context(.section-form-item__input),:host-context(.m-dynamic-input){display:contents}:host-context(.section-form-item__input) .checkbox,:host-context(.section-form-item__input) .radio,:host-context(.m-dynamic-input) .checkbox,:host-context(.m-dynamic-input) .radio{display:flex;align-items:center;width:100%;height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-block:0;padding-inline:0;background:transparent;border:none;box-shadow:none;--m-label-margin: 0;--m-label-font-size: var(--m-label-font-size, calc(var(--input-size, 1em) * .875));gap:var(--m-checkbox-input-gap, .375em )}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=radio]{flex:0 0 auto;margin:0;transform:none;width:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));height:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));border-width:var(--m-input-border-width, 1px);border-style:solid;border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-checkbox-square-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;outline:none;box-sizing:border-box;position:relative;transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=checkbox]{border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem))}:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=radio]{border-radius:50%}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .25);border-left:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=radio]:after,:host-context(.section-form-item__input) .radio input[type=radio]:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:after,:host-context(.m-dynamic-input) .radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);border-radius:50%;background-color:#fff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:hover:not(:disabled){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:focus,:host-context(.section-form-item__input) .radio input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)));outline:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked,:host-context(.section-form-item__input) .radio input[type=radio]:checked,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked,:host-context(.m-dynamic-input) .radio input[type=radio]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus-visible{box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 25%, transparent)))}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg)}:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:after,:host-context(.section-form-item__input) .radio input[type=radio]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:after,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:inline-block}.checkbox{--m-checkbox-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));background:var(--m-checkbox-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem));border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-sizing:border-box;flex-shrink:0;margin:0;box-shadow:none;transition:var(--m-checkbox-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.checkbox input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .25);border-left:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;transition:transform .2s ease;box-shadow:none}.checkbox{--m-label-margin: 0}.checkbox input[type=checkbox]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.checkbox input[type=checkbox]:focus,.checkbox input[type=checkbox]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.checkbox input[type=checkbox]:active:not(:disabled):after{transform:translate(-50%,-60%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none}.checkbox input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg);border-left-color:#fff;border-bottom-color:#fff;opacity:1}.checkbox input[type=checkbox]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:checked:focus,.checkbox input[type=checkbox]:checked:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:indeterminate{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus))}.checkbox input[type=checkbox]:indeterminate:after{transform:translate(-50%,-50%) scale(1) rotate(0);width:calc(var(--input-size, 1em) * .5);height:0;border-left:none;border-bottom:calc(var(--input-size, 1em) * .12) solid #ffffff}.checkbox input[type=checkbox]:indeterminate:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:indeterminate:focus,.checkbox input[type=checkbox]:indeterminate:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.checkbox input[type=checkbox]:disabled:checked:after{opacity:.7}.checkbox input[type=checkbox].error{border-color:var(--m-error)}.checkbox{min-height:var(--input-size, 1em)}.radio{--m-radio-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.radio input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;position:relative;width:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));flex-shrink:0;box-sizing:border-box;background:var(--m-radio-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:50%;border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-shadow:none;transition:var(--m-radio-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:none}.radio{--m-label-margin: 0}.radio input[type=radio]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.radio input[type=radio]:focus,.radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.radio input[type=radio]:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85)}.radio input[type=radio]:checked{border-color:var(--m-radio-checked-border, var(--m-focus));background:var(--m-radio-checked-background, var(--m-focus));background-color:var(--m-radio-checked-background, var(--m-focus));box-shadow:none}.radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1);background-color:#fff;opacity:1}.radio input[type=radio]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-radio-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.radio input[type=radio]:checked:focus,.radio input[type=radio]:checked:focus-visible{box-shadow:none}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.radio input[type=radio]:disabled:checked:after{opacity:.7}.radio input[type=radio].error{border-color:var(--m-error)}.radio{min-height:var(--input-size, 1em)}:host-context(.section-form-item__input),:host-context(.m-dynamic-input){display:contents}:host-context(.section-form-item__input) .checkbox,:host-context(.section-form-item__input) .radio,:host-context(.m-dynamic-input) .checkbox,:host-context(.m-dynamic-input) .radio{display:flex;align-items:center;width:100%;height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-block:0;padding-inline:0;background:transparent;border:none;box-shadow:none;--m-label-margin: 0;--m-label-font-size: var(--m-label-font-size, calc(var(--input-size, 1em) * .875));gap:var(--m-checkbox-input-gap, .375em )}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=radio]{flex:0 0 auto;margin:0;transform:none;width:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));height:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));border-width:var(--m-input-border-width, 1px);border-style:solid;border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-checkbox-square-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;outline:none;box-sizing:border-box;position:relative;transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=checkbox]{border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem))}:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=radio]{border-radius:50%}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .25);border-left:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=radio]:after,:host-context(.section-form-item__input) .radio input[type=radio]:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:after,:host-context(.m-dynamic-input) .radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);border-radius:50%;background-color:#fff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:hover:not(:disabled){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:focus,:host-context(.section-form-item__input) .radio input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked,:host-context(.section-form-item__input) .radio input[type=radio]:checked,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked,:host-context(.m-dynamic-input) .radio input[type=radio]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus-visible{box-shadow:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg)}:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:after,:host-context(.section-form-item__input) .radio input[type=radio]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:after,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RadioInputComponent, decorators: [{
             type: Component,
@@ -11569,7 +11569,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         />
       </div>
     }
-  `, imports: [LabelComponent], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:inline-block}.checkbox{--m-checkbox-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));background:var(--m-checkbox-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem));border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-sizing:border-box;flex-shrink:0;margin:0;box-shadow:none;transition:var(--m-checkbox-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.checkbox input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .25);border-left:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;transition:transform .2s ease;box-shadow:none}.checkbox{--m-label-margin: 0}.checkbox input[type=checkbox]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.checkbox input[type=checkbox]:focus,.checkbox input[type=checkbox]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)));outline:none}.checkbox input[type=checkbox]:active:not(:disabled):after{transform:translate(-50%,-60%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none}.checkbox input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg);border-left-color:#fff;border-bottom-color:#fff;opacity:1}.checkbox input[type=checkbox]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:checked:focus,.checkbox input[type=checkbox]:checked:focus-visible{box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 25%, transparent)))}.checkbox input[type=checkbox]:indeterminate{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus))}.checkbox input[type=checkbox]:indeterminate:after{transform:translate(-50%,-50%) scale(1) rotate(0);width:calc(var(--input-size, 1em) * .5);height:0;border-left:none;border-bottom:calc(var(--input-size, 1em) * .12) solid #ffffff}.checkbox input[type=checkbox]:indeterminate:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:indeterminate:focus,.checkbox input[type=checkbox]:indeterminate:focus-visible{box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 25%, transparent)))}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.checkbox input[type=checkbox]:disabled:checked:after{opacity:.7}.checkbox input[type=checkbox].error{border-color:var(--m-error)}.checkbox{min-height:var(--input-size, 1em)}.radio{--m-radio-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.radio input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;position:relative;width:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));flex-shrink:0;box-sizing:border-box;background:var(--m-radio-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:50%;border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-shadow:none;transition:var(--m-radio-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:none}.radio{--m-label-margin: 0}.radio input[type=radio]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.radio input[type=radio]:focus,.radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)));outline:none}.radio input[type=radio]:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85)}.radio input[type=radio]:checked{border-color:var(--m-radio-checked-border, var(--m-focus));background:var(--m-radio-checked-background, var(--m-focus));background-color:var(--m-radio-checked-background, var(--m-focus));box-shadow:none}.radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1);background-color:#fff;opacity:1}.radio input[type=radio]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-radio-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.radio input[type=radio]:checked:focus,.radio input[type=radio]:checked:focus-visible{box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 25%, transparent)))}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.radio input[type=radio]:disabled:checked:after{opacity:.7}.radio input[type=radio].error{border-color:var(--m-error)}.radio{min-height:var(--input-size, 1em)}:host-context(.section-form-item__input),:host-context(.m-dynamic-input){display:contents}:host-context(.section-form-item__input) .checkbox,:host-context(.section-form-item__input) .radio,:host-context(.m-dynamic-input) .checkbox,:host-context(.m-dynamic-input) .radio{display:flex;align-items:center;width:100%;height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-block:0;padding-inline:0;background:transparent;border:none;box-shadow:none;--m-label-margin: 0;--m-label-font-size: var(--m-label-font-size, calc(var(--input-size, 1em) * .875));gap:var(--m-checkbox-input-gap, .375em )}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=radio]{flex:0 0 auto;margin:0;transform:none;width:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));height:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));border-width:var(--m-input-border-width, 1px);border-style:solid;border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-checkbox-square-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;outline:none;box-sizing:border-box;position:relative;transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=checkbox]{border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem))}:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=radio]{border-radius:50%}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .25);border-left:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=radio]:after,:host-context(.section-form-item__input) .radio input[type=radio]:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:after,:host-context(.m-dynamic-input) .radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);border-radius:50%;background-color:#fff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:hover:not(:disabled){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:focus,:host-context(.section-form-item__input) .radio input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)));outline:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked,:host-context(.section-form-item__input) .radio input[type=radio]:checked,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked,:host-context(.m-dynamic-input) .radio input[type=radio]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus-visible{box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 25%, transparent)))}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg)}:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:after,:host-context(.section-form-item__input) .radio input[type=radio]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:after,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}\n"] }]
+  `, imports: [LabelComponent], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:inline-block}.checkbox{--m-checkbox-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25));background:var(--m-checkbox-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem));border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-sizing:border-box;flex-shrink:0;margin:0;box-shadow:none;transition:var(--m-checkbox-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.checkbox input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .25);border-left:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, calc(var(--input-size, 1em) * 1.25)) * .12) solid #ffffff;transition:transform .2s ease;box-shadow:none}.checkbox{--m-label-margin: 0}.checkbox input[type=checkbox]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.checkbox input[type=checkbox]:focus,.checkbox input[type=checkbox]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.checkbox input[type=checkbox]:active:not(:disabled):after{transform:translate(-50%,-60%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none}.checkbox input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg);border-left-color:#fff;border-bottom-color:#fff;opacity:1}.checkbox input[type=checkbox]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:checked:focus,.checkbox input[type=checkbox]:checked:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:indeterminate{border-color:var(--m-checkbox-checked-border, var(--m-focus));background:var(--m-checkbox-checked-background, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus))}.checkbox input[type=checkbox]:indeterminate:after{transform:translate(-50%,-50%) scale(1) rotate(0);width:calc(var(--input-size, 1em) * .5);height:0;border-left:none;border-bottom:calc(var(--input-size, 1em) * .12) solid #ffffff}.checkbox input[type=checkbox]:indeterminate:hover:not(:disabled){background:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.checkbox input[type=checkbox]:indeterminate:focus,.checkbox input[type=checkbox]:indeterminate:focus-visible{box-shadow:none}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.checkbox input[type=checkbox]:disabled:checked:after{opacity:.7}.checkbox input[type=checkbox].error{border-color:var(--m-error)}.checkbox{min-height:var(--input-size, 1em)}.radio{--m-radio-input-color: var(--m-input-color, var(--m-focus));display:inline-flex;align-items:center;gap:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.radio input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;padding:0;position:relative;width:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));height:var(--m-radio-size, calc(var(--input-size, 1em) * 1.25));flex-shrink:0;box-sizing:border-box;background:var(--m-radio-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));border-radius:50%;border:var(--m-input-border-width, 1px) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));cursor:pointer;outline:none;box-shadow:none;transition:var(--m-radio-transition, var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease))}.radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);height:calc(var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)) * .45);background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:none}.radio{--m-label-margin: 0}.radio input[type=radio]:hover:not(:disabled):not(:checked){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none}.radio input[type=radio]:focus,.radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}.radio input[type=radio]:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85)}.radio input[type=radio]:checked{border-color:var(--m-radio-checked-border, var(--m-focus));background:var(--m-radio-checked-background, var(--m-focus));background-color:var(--m-radio-checked-background, var(--m-focus));box-shadow:none}.radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1);background-color:#fff;opacity:1}.radio input[type=radio]:checked:hover:not(:disabled){background:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);background-color:color-mix(in srgb,var(--m-radio-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-radio-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}.radio input[type=radio]:checked:focus,.radio input[type=radio]:checked:focus-visible{box-shadow:none}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-text) 12%,var(--m-background))}.radio input[type=radio]:disabled:checked:after{opacity:.7}.radio input[type=radio].error{border-color:var(--m-error)}.radio{min-height:var(--input-size, 1em)}:host-context(.section-form-item__input),:host-context(.m-dynamic-input){display:contents}:host-context(.section-form-item__input) .checkbox,:host-context(.section-form-item__input) .radio,:host-context(.m-dynamic-input) .checkbox,:host-context(.m-dynamic-input) .radio{display:flex;align-items:center;width:100%;height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-block:0;padding-inline:0;background:transparent;border:none;box-shadow:none;--m-label-margin: 0;--m-label-font-size: var(--m-label-font-size, calc(var(--input-size, 1em) * .875));gap:var(--m-checkbox-input-gap, .375em )}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=radio]{flex:0 0 auto;margin:0;transform:none;width:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));height:var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25)));border-width:var(--m-input-border-width, 1px);border-style:solid;border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-checkbox-square-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:pointer;outline:none;box-sizing:border-box;position:relative;transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.section-form-item__input) .radio input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .radio input[type=checkbox]{border-radius:var(--m-checkbox-radius, var(--m-input-radius, .35rem))}:host-context(.section-form-item__input) .checkbox input[type=radio],:host-context(.section-form-item__input) .radio input[type=radio],:host-context(.m-dynamic-input) .checkbox input[type=radio],:host-context(.m-dynamic-input) .radio input[type=radio]{border-radius:50%}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) scale(0) rotate(-45deg);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .25);border-left:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;border-bottom:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .12) solid #ffffff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=radio]:after,:host-context(.section-form-item__input) .radio input[type=radio]:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:after,:host-context(.m-dynamic-input) .radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);height:calc(var(--m-checkbox-size, var(--m-radio-size, calc(var(--input-size, 1em) * 1.25))) * .45);border-radius:50%;background-color:#fff;box-shadow:none;transition:transform .2s ease}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:hover:not(:disabled){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:focus,:host-context(.section-form-item__input) .radio input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:focus-visible{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;outline:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked,:host-context(.section-form-item__input) .radio input[type=radio]:checked,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked,:host-context(.m-dynamic-input) .radio input[type=radio]:checked{border-color:var(--m-checkbox-checked-border, var(--m-focus));background-color:var(--m-checkbox-checked-background, var(--m-focus));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.section-form-item__input) .radio input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:hover:not(:disabled),:host-context(.m-dynamic-input) .radio input[type=radio]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-checkbox-checked-background, var(--m-focus)) 88%,black 12%);border-color:color-mix(in srgb,var(--m-checkbox-checked-border, var(--m-focus)) 88%,black 12%);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-focus) 18%,transparent)}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus,:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus,:host-context(.section-form-item__input) .radio input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:focus-visible,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:focus-visible{box-shadow:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:after,:host-context(.section-form-item__input) .radio input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .radio input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg)}:host-context(.section-form-item__input) .checkbox input[type=radio]:checked:after,:host-context(.section-form-item__input) .radio input[type=radio]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=radio]:checked:after,:host-context(.m-dynamic-input) .radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}\n"] }]
         }] });
 
 var radio = /*#__PURE__*/Object.freeze({
@@ -11796,7 +11796,7 @@ class TextInputComponent extends BaseTextInputComponent {
         }
       }
     }
-  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.input-wrapper{display:flex;align-items:center;background:var(--m-background);height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)))}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;padding-left:var(--m-text-input-padding-left, calc(var(--input-size, 1em) * .5 * .7));padding-right:var(--m-text-input-padding-right, calc(var(--input-size, 1em) * .5 * .7));background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease)}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))))}.input-wrapper:focus-within{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)));background:var(--m-text-input-focus-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))))}.input-wrapper .m-icon{--m-icon-size: 1.1em !important;opacity:var(--m-text-input-icon-opacity, 1);transition:opacity .2s ease}.input-wrapper:focus-within .m-icon{opacity:var(--m-text-input-icon-focus-opacity, var(--m-text-input-icon-opacity, 1))}.input-wrapper input{appearance:none;color:var(--m-text-input-color, var(--m-text));font-weight:var(--m-text-input-font-weight, inherit);font-size:var(--input-size, 1em)}.input-wrapper input::placeholder{font-weight:var(--m-text-input-placeholder-weight, inherit);opacity:var(--m-text-input-placeholder-opacity, inherit)}.input-wrapper .input-prefix,.input-wrapper .input-suffix{font-size:.9rem;font-weight:700;color:var(--m-text-tertiary);-webkit-user-select:none;user-select:none;display:flex;align-items:center;flex-shrink:0}.input-wrapper .input-prefix{margin-right:.25rem}.input-wrapper .input-suffix{margin-left:.25rem}:host(.m-input--underlined) .input-wrapper{background:transparent;border:none;border-bottom:2px solid var(--m-backdrop-border);border-radius:0;padding:.5rem 0;min-height:auto;height:auto;transition:border-color .3s ease}:host(.m-input--underlined) .input-wrapper:focus-within{border-bottom-color:var(--m-mm);box-shadow:none}:host(.m-input--underlined) input{font-size:1.125rem;font-weight:700;color:var(--m-text)}:host(.m-input--underlined) .input-prefix,:host(.m-input--underlined) .input-suffix{color:var(--m-mm);font-weight:800;font-size:1rem}:host(.m-input--underlined) .input-indicator{display:flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;margin-left:.375em}:host(.m-input--underlined) .input-indicator--available{color:var(--m-success, #10b981)}:host(.m-input--underlined) .input-indicator .spinner{width:.875rem;height:.875rem;border:2px solid var(--m-border, rgba(255, 255, 255, .1));border-top-color:var(--m-focus, #14b8a6);border-radius:50%;animation:m-spin .8s linear infinite}@keyframes m-spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.input-wrapper{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;padding-left:var(--m-text-input-padding-left, calc(var(--input-size, 1em) * .5 * .7));padding-right:var(--m-text-input-padding-right, calc(var(--input-size, 1em) * .5 * .7));background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease)}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))))}.input-wrapper:focus-within{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;background:var(--m-text-input-focus-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))))}.input-wrapper .m-icon{--m-icon-size: 1.1em !important;opacity:var(--m-text-input-icon-opacity, 1);transition:opacity .2s ease}.input-wrapper:focus-within .m-icon{opacity:var(--m-text-input-icon-focus-opacity, var(--m-text-input-icon-opacity, 1))}.input-wrapper input{appearance:none;color:var(--m-text-input-color, var(--m-text));font-weight:var(--m-text-input-font-weight, inherit);font-size:var(--input-size, 1em)}.input-wrapper input::placeholder{font-weight:var(--m-text-input-placeholder-weight, inherit);opacity:var(--m-text-input-placeholder-opacity, inherit)}.input-wrapper .input-prefix,.input-wrapper .input-suffix{font-size:.9rem;font-weight:700;color:var(--m-text-tertiary);-webkit-user-select:none;user-select:none;display:flex;align-items:center;flex-shrink:0}.input-wrapper .input-prefix{margin-right:.25rem}.input-wrapper .input-suffix{margin-left:.25rem}:host(.m-input--underlined) .input-wrapper{background:transparent;border:none;border-bottom:2px solid var(--m-backdrop-border);border-radius:0;padding:.5rem 0;min-height:auto;height:auto;transition:border-color .3s ease}:host(.m-input--underlined) .input-wrapper:focus-within{border-bottom-color:var(--m-mm);box-shadow:none}:host(.m-input--underlined) input{font-size:1.125rem;font-weight:700;color:var(--m-text)}:host(.m-input--underlined) .input-prefix,:host(.m-input--underlined) .input-suffix{color:var(--m-mm);font-weight:800;font-size:1rem}:host(.m-input--underlined) .input-indicator{display:flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;margin-left:.375em}:host(.m-input--underlined) .input-indicator--available{color:var(--m-success, #10b981)}:host(.m-input--underlined) .input-indicator .spinner{width:.875rem;height:.875rem;border:2px solid var(--m-border, rgba(255, 255, 255, .1));border-top-color:var(--m-focus, #14b8a6);border-radius:50%;animation:m-spin .8s linear infinite}@keyframes m-spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TextInputComponent, decorators: [{
             type: Component,
@@ -11866,7 +11866,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
     }
   `, imports: [LabelComponent, TextOutputComponent, IconComponent, TranslatePipe], host: {
                         '[class]': "config()?.variant ? 'm-input--' + config()?.variant : ''",
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.input-wrapper{display:flex;align-items:center;background:var(--m-background);height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)))}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;padding-left:var(--m-text-input-padding-left, calc(var(--input-size, 1em) * .5 * .7));padding-right:var(--m-text-input-padding-right, calc(var(--input-size, 1em) * .5 * .7));background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease)}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))))}.input-wrapper:focus-within{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)));background:var(--m-text-input-focus-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))))}.input-wrapper .m-icon{--m-icon-size: 1.1em !important;opacity:var(--m-text-input-icon-opacity, 1);transition:opacity .2s ease}.input-wrapper:focus-within .m-icon{opacity:var(--m-text-input-icon-focus-opacity, var(--m-text-input-icon-opacity, 1))}.input-wrapper input{appearance:none;color:var(--m-text-input-color, var(--m-text));font-weight:var(--m-text-input-font-weight, inherit);font-size:var(--input-size, 1em)}.input-wrapper input::placeholder{font-weight:var(--m-text-input-placeholder-weight, inherit);opacity:var(--m-text-input-placeholder-opacity, inherit)}.input-wrapper .input-prefix,.input-wrapper .input-suffix{font-size:.9rem;font-weight:700;color:var(--m-text-tertiary);-webkit-user-select:none;user-select:none;display:flex;align-items:center;flex-shrink:0}.input-wrapper .input-prefix{margin-right:.25rem}.input-wrapper .input-suffix{margin-left:.25rem}:host(.m-input--underlined) .input-wrapper{background:transparent;border:none;border-bottom:2px solid var(--m-backdrop-border);border-radius:0;padding:.5rem 0;min-height:auto;height:auto;transition:border-color .3s ease}:host(.m-input--underlined) .input-wrapper:focus-within{border-bottom-color:var(--m-mm);box-shadow:none}:host(.m-input--underlined) input{font-size:1.125rem;font-weight:700;color:var(--m-text)}:host(.m-input--underlined) .input-prefix,:host(.m-input--underlined) .input-suffix{color:var(--m-mm);font-weight:800;font-size:1rem}:host(.m-input--underlined) .input-indicator{display:flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;margin-left:.375em}:host(.m-input--underlined) .input-indicator--available{color:var(--m-success, #10b981)}:host(.m-input--underlined) .input-indicator .spinner{width:.875rem;height:.875rem;border:2px solid var(--m-border, rgba(255, 255, 255, .1));border-top-color:var(--m-focus, #14b8a6);border-radius:50%;animation:m-spin .8s linear infinite}@keyframes m-spin{to{transform:rotate(360deg)}}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.input-wrapper{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;padding-left:var(--m-text-input-padding-left, calc(var(--input-size, 1em) * .5 * .7));padding-right:var(--m-text-input-padding-right, calc(var(--input-size, 1em) * .5 * .7));background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease)}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))))}.input-wrapper:focus-within{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none;background:var(--m-text-input-focus-background, var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background))))}.input-wrapper .m-icon{--m-icon-size: 1.1em !important;opacity:var(--m-text-input-icon-opacity, 1);transition:opacity .2s ease}.input-wrapper:focus-within .m-icon{opacity:var(--m-text-input-icon-focus-opacity, var(--m-text-input-icon-opacity, 1))}.input-wrapper input{appearance:none;color:var(--m-text-input-color, var(--m-text));font-weight:var(--m-text-input-font-weight, inherit);font-size:var(--input-size, 1em)}.input-wrapper input::placeholder{font-weight:var(--m-text-input-placeholder-weight, inherit);opacity:var(--m-text-input-placeholder-opacity, inherit)}.input-wrapper .input-prefix,.input-wrapper .input-suffix{font-size:.9rem;font-weight:700;color:var(--m-text-tertiary);-webkit-user-select:none;user-select:none;display:flex;align-items:center;flex-shrink:0}.input-wrapper .input-prefix{margin-right:.25rem}.input-wrapper .input-suffix{margin-left:.25rem}:host(.m-input--underlined) .input-wrapper{background:transparent;border:none;border-bottom:2px solid var(--m-backdrop-border);border-radius:0;padding:.5rem 0;min-height:auto;height:auto;transition:border-color .3s ease}:host(.m-input--underlined) .input-wrapper:focus-within{border-bottom-color:var(--m-mm);box-shadow:none}:host(.m-input--underlined) input{font-size:1.125rem;font-weight:700;color:var(--m-text)}:host(.m-input--underlined) .input-prefix,:host(.m-input--underlined) .input-suffix{color:var(--m-mm);font-weight:800;font-size:1rem}:host(.m-input--underlined) .input-indicator{display:flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;margin-left:.375em}:host(.m-input--underlined) .input-indicator--available{color:var(--m-success, #10b981)}:host(.m-input--underlined) .input-indicator .spinner{width:.875rem;height:.875rem;border:2px solid var(--m-border, rgba(255, 255, 255, .1));border-top-color:var(--m-focus, #14b8a6);border-radius:50%;animation:m-spin .8s linear infinite}@keyframes m-spin{to{transform:rotate(360deg)}}\n"] }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], focused: [{ type: i0.Input, args: [{ isSignal: true, alias: "focused", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], hideErrors: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideErrors", required: false }] }] } });
 
 var text = /*#__PURE__*/Object.freeze({
@@ -17930,7 +17930,7 @@ class ToggleButtonComponent extends ConfigComponent {
         }
       </div>
     }
-  `, isInline: true, styles: [":host{display:block;width:100%}:host .toggle-button-group{display:inline-flex;align-items:center;width:100%;height:calc(var(--m-toggle-button-size, 1rem) * 2.75);background:var(--m-toggle-button-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));padding:calc(var(--m-toggle-button-size, 1rem) * .25);border-radius:var(--m-toggle-button-radius, var(--m-input-radius, .5rem));gap:calc(var(--m-toggle-button-size, 1rem) * .25);box-sizing:border-box;border:var(--m-input-border-width, 1px) solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));box-shadow:none;position:relative;overflow:visible!important;container-type:inline-size;container-name:togglegroup;transition:border-color .2s ease,background-color .2s ease}:host .toggle-button-group:hover{background:var(--m-toggle-button-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));border-color:color-mix(in srgb,var(--m-focus) 55%,var(--m-background))}:host .toggle-button-group{--m-button-size: var(--m-toggle-button-size, 1em);--m-button-color: var(--m-toggle-button-color, var(--m-text-secondary));--m-button-active-background: var(--m-toggle-button-color, var(--m-mm));--m-button-active-color: var(--m-toggle-button-color-contrast, #ffffff);--m-button-hover-color: var(--m-toggle-button-hover-color, var(--m-toggle-button-color, var(--m-text)));--m-button-radius: var(--m-toggle-button-radius, var(--m-input-radius, .5rem))}:host .toggle-button-group m-button,:host .toggle-button-group m-one-button,:host .toggle-button-group .m-button,:host .toggle-button-group .m-one-button{flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;height:100%!important;box-sizing:border-box}\n"], dependencies: [{ kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { kind: "component", type: i0.forwardRef(() => ButtonComponent), selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;width:100%}:host .toggle-button-group{display:inline-flex;align-items:center;width:100%;height:calc(var(--m-toggle-button-size, 1rem) * 2.25);background:var(--m-toggle-button-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));padding:calc(var(--m-toggle-button-size, 1rem) * .25);border-radius:var(--m-toggle-button-radius, var(--m-input-radius, .5rem));gap:calc(var(--m-toggle-button-size, 1rem) * .25);box-sizing:border-box;border:var(--m-input-border-width, 1px) solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));box-shadow:none;position:relative;overflow:visible!important;container-type:inline-size;container-name:togglegroup;transition:border-color .2s ease,background-color .2s ease}:host .toggle-button-group:hover{background:var(--m-toggle-button-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));border-color:color-mix(in srgb,var(--m-focus) 55%,var(--m-background))}:host .toggle-button-group{--m-button-size: var(--m-toggle-button-size, 1em);--m-button-color: var(--m-toggle-button-color, var(--m-text-secondary));--m-button-active-background: var(--m-toggle-button-color, var(--m-mm));--m-button-active-color: var(--m-toggle-button-color-contrast, #ffffff);--m-button-hover-color: var(--m-toggle-button-hover-color, var(--m-toggle-button-color, var(--m-text)));--m-button-radius: var(--m-toggle-button-radius, var(--m-input-radius, .5rem))}:host .toggle-button-group m-button,:host .toggle-button-group m-one-button,:host .toggle-button-group .m-button,:host .toggle-button-group .m-one-button{flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;height:100%!important;box-sizing:border-box}\n"], dependencies: [{ kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { kind: "component", type: i0.forwardRef(() => ButtonComponent), selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ToggleButtonComponent, decorators: [{
             type: Component,
@@ -17947,7 +17947,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }
       </div>
     }
-  `, encapsulation: ViewEncapsulation.Emulated, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;width:100%}:host .toggle-button-group{display:inline-flex;align-items:center;width:100%;height:calc(var(--m-toggle-button-size, 1rem) * 2.75);background:var(--m-toggle-button-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));padding:calc(var(--m-toggle-button-size, 1rem) * .25);border-radius:var(--m-toggle-button-radius, var(--m-input-radius, .5rem));gap:calc(var(--m-toggle-button-size, 1rem) * .25);box-sizing:border-box;border:var(--m-input-border-width, 1px) solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));box-shadow:none;position:relative;overflow:visible!important;container-type:inline-size;container-name:togglegroup;transition:border-color .2s ease,background-color .2s ease}:host .toggle-button-group:hover{background:var(--m-toggle-button-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));border-color:color-mix(in srgb,var(--m-focus) 55%,var(--m-background))}:host .toggle-button-group{--m-button-size: var(--m-toggle-button-size, 1em);--m-button-color: var(--m-toggle-button-color, var(--m-text-secondary));--m-button-active-background: var(--m-toggle-button-color, var(--m-mm));--m-button-active-color: var(--m-toggle-button-color-contrast, #ffffff);--m-button-hover-color: var(--m-toggle-button-hover-color, var(--m-toggle-button-color, var(--m-text)));--m-button-radius: var(--m-toggle-button-radius, var(--m-input-radius, .5rem))}:host .toggle-button-group m-button,:host .toggle-button-group m-one-button,:host .toggle-button-group .m-button,:host .toggle-button-group .m-one-button{flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;height:100%!important;box-sizing:border-box}\n"] }]
+  `, encapsulation: ViewEncapsulation.Emulated, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;width:100%}:host .toggle-button-group{display:inline-flex;align-items:center;width:100%;height:calc(var(--m-toggle-button-size, 1rem) * 2.25);background:var(--m-toggle-button-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));padding:calc(var(--m-toggle-button-size, 1rem) * .25);border-radius:var(--m-toggle-button-radius, var(--m-input-radius, .5rem));gap:calc(var(--m-toggle-button-size, 1rem) * .25);box-sizing:border-box;border:var(--m-input-border-width, 1px) solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));box-shadow:none;position:relative;overflow:visible!important;container-type:inline-size;container-name:togglegroup;transition:border-color .2s ease,background-color .2s ease}:host .toggle-button-group:hover{background:var(--m-toggle-button-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)));border-color:color-mix(in srgb,var(--m-focus) 55%,var(--m-background))}:host .toggle-button-group{--m-button-size: var(--m-toggle-button-size, 1em);--m-button-color: var(--m-toggle-button-color, var(--m-text-secondary));--m-button-active-background: var(--m-toggle-button-color, var(--m-mm));--m-button-active-color: var(--m-toggle-button-color-contrast, #ffffff);--m-button-hover-color: var(--m-toggle-button-hover-color, var(--m-toggle-button-color, var(--m-text)));--m-button-radius: var(--m-toggle-button-radius, var(--m-input-radius, .5rem))}:host .toggle-button-group m-button,:host .toggle-button-group m-one-button,:host .toggle-button-group .m-button,:host .toggle-button-group .m-one-button{flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;height:100%!important;box-sizing:border-box}\n"] }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], buttons: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttons", required: false }] }] } });
 
 class ColComponent extends ConfigComponent {
@@ -18521,7 +18521,7 @@ class TextareaInputComponent extends BaseTextInputComponent {
         }
       }
     }
-  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%;--m-textarea-background: var(--m-textarea-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));--m-textarea-padding: var(--m-textarea-input-padding, .375em 1.25em );--m-textarea-shadow: var(--m-textarea-input-shadow, none)}.input-wrapper{display:flex;align-items:center;background:var(--m-background);height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)))}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;align-items:flex-start;position:relative;min-height:2em;height:auto;padding:var(--m-textarea-padding);gap:.375em;background:var(--m-textarea-background);border:var(--m-textarea-input-border, var(--m-input-border-width, 1px) solid color-mix(in srgb, var(--m-text) 18%, var(--m-background)));box-shadow:var(--m-textarea-shadow)}.input-wrapper textarea{appearance:none;border:none;outline:none;flex:1;resize:none;display:block;box-sizing:border-box;height:var(--m-textarea-input-height, 4.5em);min-height:var(--m-textarea-input-height, 4.5em);overflow-y:auto;background:transparent;color:var(--m-text);font-family:inherit;font-size:1em;padding:0;line-height:1.5}.input-wrapper textarea:focus{box-shadow:none;background:transparent}.input-wrapper .m-icon{margin-top:.125rem;display:flex;align-items:center;justify-content:center;--m-icon-size: 1.1em !important}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%;--m-textarea-background: var(--m-textarea-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));--m-textarea-padding: var(--m-textarea-input-padding, .375em calc(var(--input-size, 1em) * .5 * .7));--m-textarea-shadow: var(--m-textarea-input-shadow, none)}.input-wrapper{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;align-items:flex-start;position:relative;min-height:2em;height:auto;padding:var(--m-textarea-padding);gap:.375em;background:var(--m-textarea-background);border:var(--m-textarea-input-border, var(--m-input-border-width, 1px) solid color-mix(in srgb, var(--m-text) 18%, var(--m-background)));box-shadow:var(--m-textarea-shadow)}.input-wrapper textarea{appearance:none;border:none;outline:none;flex:1;resize:none;display:block;box-sizing:border-box;height:var(--m-textarea-input-height, 4.5em);min-height:var(--m-textarea-input-height, 4.5em);overflow-y:auto;background:transparent;color:var(--m-text);font-family:inherit;font-size:1em;padding:0;line-height:1.5}.input-wrapper textarea:focus{box-shadow:none;background:transparent}.input-wrapper .m-icon{margin-top:.125rem;display:flex;align-items:center;justify-content:center;--m-icon-size: 1.1em !important}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TextareaInputComponent, decorators: [{
             type: Component,
@@ -18566,7 +18566,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }
       }
     }
-  `, imports: [LabelComponent, TextOutputComponent, IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%;--m-textarea-background: var(--m-textarea-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));--m-textarea-padding: var(--m-textarea-input-padding, .375em 1.25em );--m-textarea-shadow: var(--m-textarea-input-shadow, none)}.input-wrapper{display:flex;align-items:center;background:var(--m-background);height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)))}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;align-items:flex-start;position:relative;min-height:2em;height:auto;padding:var(--m-textarea-padding);gap:.375em;background:var(--m-textarea-background);border:var(--m-textarea-input-border, var(--m-input-border-width, 1px) solid color-mix(in srgb, var(--m-text) 18%, var(--m-background)));box-shadow:var(--m-textarea-shadow)}.input-wrapper textarea{appearance:none;border:none;outline:none;flex:1;resize:none;display:block;box-sizing:border-box;height:var(--m-textarea-input-height, 4.5em);min-height:var(--m-textarea-input-height, 4.5em);overflow-y:auto;background:transparent;color:var(--m-text);font-family:inherit;font-size:1em;padding:0;line-height:1.5}.input-wrapper textarea:focus{box-shadow:none;background:transparent}.input-wrapper .m-icon{margin-top:.125rem;display:flex;align-items:center;justify-content:center;--m-icon-size: 1.1em !important}\n"] }]
+  `, imports: [LabelComponent, TextOutputComponent, IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%;--m-textarea-background: var(--m-textarea-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));--m-textarea-padding: var(--m-textarea-input-padding, .375em calc(var(--input-size, 1em) * .5 * .7));--m-textarea-shadow: var(--m-textarea-input-shadow, none)}.input-wrapper{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;align-items:flex-start;position:relative;min-height:2em;height:auto;padding:var(--m-textarea-padding);gap:.375em;background:var(--m-textarea-background);border:var(--m-textarea-input-border, var(--m-input-border-width, 1px) solid color-mix(in srgb, var(--m-text) 18%, var(--m-background)));box-shadow:var(--m-textarea-shadow)}.input-wrapper textarea{appearance:none;border:none;outline:none;flex:1;resize:none;display:block;box-sizing:border-box;height:var(--m-textarea-input-height, 4.5em);min-height:var(--m-textarea-input-height, 4.5em);overflow-y:auto;background:transparent;color:var(--m-text);font-family:inherit;font-size:1em;padding:0;line-height:1.5}.input-wrapper textarea:focus{box-shadow:none;background:transparent}.input-wrapper .m-icon{margin-top:.125rem;display:flex;align-items:center;justify-content:center;--m-icon-size: 1.1em !important}\n"] }]
         }] });
 
 var textarea = /*#__PURE__*/Object.freeze({
@@ -19432,7 +19432,7 @@ class DateInputComponent extends BaseTextInputComponent {
         }
       }
     }
-  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.input-wrapper{display:flex;align-items:center;background:var(--m-background);height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)))}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;background:var(--m-date-input-background, var(--m-background));border-color:var(--m-date-input-border, var(--m-input-color, var(--m-mm)))}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-date-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12)))}.input-wrapper input{appearance:none;font-size:1em}.input-wrapper input::placeholder{opacity:.5;font-style:italic}.input-wrapper>m-button,.input-wrapper>m-one-button{height:100%;display:flex;align-items:center;justify-content:center;--m-button-size: 1em !important}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "directive", type: SelectorDirective, selector: "[mSelector]", inputs: ["mSelector", "disabled"], outputs: ["opened", "closed"], exportAs: ["mSelector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.input-wrapper{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;background:var(--m-date-input-background, var(--m-background));border-color:var(--m-date-input-border, var(--m-input-color, var(--m-mm)))}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-date-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12)))}.input-wrapper input{appearance:none;font-size:1em}.input-wrapper input::placeholder{opacity:.5;font-style:italic}.input-wrapper>m-button,.input-wrapper>m-one-button{height:100%;display:flex;align-items:center;justify-content:center;--m-button-size: 1em !important}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "directive", type: SelectorDirective, selector: "[mSelector]", inputs: ["mSelector", "disabled"], outputs: ["opened", "closed"], exportAs: ["mSelector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DateInputComponent, decorators: [{
             type: Component,
@@ -19487,7 +19487,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         TextOutputComponent,
                         ButtonComponent,
                         SelectorDirective,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.input-wrapper{display:flex;align-items:center;background:var(--m-background);height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)))}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;background:var(--m-date-input-background, var(--m-background));border-color:var(--m-date-input-border, var(--m-input-color, var(--m-mm)))}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-date-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12)))}.input-wrapper input{appearance:none;font-size:1em}.input-wrapper input::placeholder{opacity:.5;font-style:italic}.input-wrapper>m-button,.input-wrapper>m-one-button{height:100%;display:flex;align-items:center;justify-content:center;--m-button-size: 1em !important}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.input-wrapper{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;background:var(--m-date-input-background, var(--m-background));border-color:var(--m-date-input-border, var(--m-input-color, var(--m-mm)))}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-date-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12)))}.input-wrapper input{appearance:none;font-size:1em}.input-wrapper input::placeholder{opacity:.5;font-style:italic}.input-wrapper>m-button,.input-wrapper>m-one-button{height:100%;display:flex;align-items:center;justify-content:center;--m-button-size: 1em !important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { wrapperRef: [{ type: i0.ViewChild, args: ['wrapper', { isSignal: true }] }] } });
 
 var date = /*#__PURE__*/Object.freeze({
@@ -19854,7 +19854,7 @@ class DropdownInputComponent extends BaseInputComponent {
         }
       }
     }
-  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.trigger-wrap{position:relative;--m-text-input-padding-right: 2.25em }.trigger-wrap m-button{position:absolute;right:0;top:0;bottom:0;--m-button-size: 1em !important}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: TextInputComponent, selector: "m-text-input", inputs: ["value", "config", "required", "disabled", "invalid", "touched", "focused", "errors", "hideErrors"], outputs: ["valueChange", "touchedChange"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "directive", type: SelectorDirective, selector: "[mSelector]", inputs: ["mSelector", "disabled"], outputs: ["opened", "closed"], exportAs: ["mSelector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.trigger-wrap{position:relative;--m-text-input-padding-right: 2.25em }.trigger-wrap m-button{position:absolute;right:0;top:0;bottom:0;--m-button-size: 1em !important;height:100%;border-radius:0 var(--m-input-radius, calc(var(--input-size, 1em) * .5)) var(--m-input-radius, calc(var(--input-size, 1em) * .5)) 0;--m-button-radius: 0 var(--m-input-radius, calc(var(--input-size, 1em) * .5)) var(--m-input-radius, calc(var(--input-size, 1em) * .5)) 0}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: TextInputComponent, selector: "m-text-input", inputs: ["value", "config", "required", "disabled", "invalid", "touched", "focused", "errors", "hideErrors"], outputs: ["valueChange", "touchedChange"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "directive", type: SelectorDirective, selector: "[mSelector]", inputs: ["mSelector", "disabled"], outputs: ["opened", "closed"], exportAs: ["mSelector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DropdownInputComponent, decorators: [{
             type: Component,
@@ -19909,7 +19909,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         TextInputComponent,
                         ButtonComponent,
                         SelectorDirective,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.trigger-wrap{position:relative;--m-text-input-padding-right: 2.25em }.trigger-wrap m-button{position:absolute;right:0;top:0;bottom:0;--m-button-size: 1em !important}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.trigger-wrap{position:relative;--m-text-input-padding-right: 2.25em }.trigger-wrap m-button{position:absolute;right:0;top:0;bottom:0;--m-button-size: 1em !important;height:100%;border-radius:0 var(--m-input-radius, calc(var(--input-size, 1em) * .5)) var(--m-input-radius, calc(var(--input-size, 1em) * .5)) 0;--m-button-radius: 0 var(--m-input-radius, calc(var(--input-size, 1em) * .5)) var(--m-input-radius, calc(var(--input-size, 1em) * .5)) 0}\n"] }]
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], focused: [{ type: i0.Input, args: [{ isSignal: true, alias: "focused", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], toggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggle", required: false }] }, { type: i0.Output, args: ["toggleChange"] }], wrapperRef: [{ type: i0.ViewChild, args: ['wrapper', { isSignal: true }] }] } });
 
 var dropdown = /*#__PURE__*/Object.freeze({
@@ -20823,7 +20823,7 @@ class ColorPickerInputComponent extends BaseTextInputComponent {
         }
       }
     }
-  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%}:host-context(.m-dynamic-input),:host-context(.section-form-item__input){display:contents}:host-context(.m-dynamic-input) .input-wrapper,:host-context(.section-form-item__input) .input-wrapper{width:100%}.input-wrapper{display:flex;align-items:center;background:var(--m-background);height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)))}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;gap:calc(var(--input-size, 1em) * .4);height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-left:var(--m-text-input-padding-left, calc(var(--input-size, 1em) * .5 * .7));padding-right:var(--m-text-input-padding-right, calc(var(--input-size, 1em) * 2.25));background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease);cursor:pointer;position:relative}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)))}.input-wrapper:focus-within{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)))}.input-wrapper .m-icon{--m-icon-size: calc(var(--input-size, 1em) * 1.1) !important}.input-wrapper .m-button{position:absolute;right:0;top:0;bottom:0;--m-button-size: var(--input-size, 1em) !important}.color-picker-trigger{appearance:none;border:none;outline:none;flex:1;height:100%;background:transparent;color:var(--m-text-input-color, var(--m-text));font-family:inherit;font-size:var(--input-size, 1em);padding:0;cursor:pointer;min-width:0}.color-picker-trigger:focus{border-color:transparent;box-shadow:none}.color-picker-trigger.error{color:var(--m-error)}.color-picker-trigger--open{color:var(--m-text-input-focus-border, var(--m-focus))}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "directive", type: SelectorDirective, selector: "[mSelector]", inputs: ["mSelector", "disabled"], outputs: ["opened", "closed"], exportAs: ["mSelector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%}:host-context(.m-dynamic-input),:host-context(.section-form-item__input){display:contents}:host-context(.m-dynamic-input) .input-wrapper,:host-context(.section-form-item__input) .input-wrapper{width:100%}.input-wrapper{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;gap:calc(var(--input-size, 1em) * .4);height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-left:var(--m-text-input-padding-left, calc(var(--input-size, 1em) * .5 * .7));padding-right:var(--m-text-input-padding-right, calc(var(--input-size, 1em) * 2.25));background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease);cursor:pointer;position:relative}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)))}.input-wrapper:focus-within{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper .m-icon{--m-icon-size: calc(var(--input-size, 1em) * 1.1) !important}.input-wrapper .m-button{position:absolute;right:0;top:0;bottom:0;--m-button-size: var(--input-size, 1em) !important}.color-picker-trigger{appearance:none;border:none;outline:none;flex:1;height:100%;background:transparent;color:var(--m-text-input-color, var(--m-text));font-family:inherit;font-size:var(--input-size, 1em);padding:0;cursor:pointer;min-width:0}.color-picker-trigger:focus{border-color:transparent;box-shadow:none}.color-picker-trigger.error{color:var(--m-error)}.color-picker-trigger--open{color:var(--m-text-input-focus-border, var(--m-focus))}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "directive", type: SelectorDirective, selector: "[mSelector]", inputs: ["mSelector", "disabled"], outputs: ["opened", "closed"], exportAs: ["mSelector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ColorPickerInputComponent, decorators: [{
             type: Component,
@@ -20887,7 +20887,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         IconComponent,
                         ButtonComponent,
                         SelectorDirective,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%}:host-context(.m-dynamic-input),:host-context(.section-form-item__input){display:contents}:host-context(.m-dynamic-input) .input-wrapper,:host-context(.section-form-item__input) .input-wrapper{width:100%}.input-wrapper{display:flex;align-items:center;background:var(--m-background);height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)))}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;gap:calc(var(--input-size, 1em) * .4);height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-left:var(--m-text-input-padding-left, calc(var(--input-size, 1em) * .5 * .7));padding-right:var(--m-text-input-padding-right, calc(var(--input-size, 1em) * 2.25));background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease);cursor:pointer;position:relative}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)))}.input-wrapper:focus-within{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)))}.input-wrapper .m-icon{--m-icon-size: calc(var(--input-size, 1em) * 1.1) !important}.input-wrapper .m-button{position:absolute;right:0;top:0;bottom:0;--m-button-size: var(--input-size, 1em) !important}.color-picker-trigger{appearance:none;border:none;outline:none;flex:1;height:100%;background:transparent;color:var(--m-text-input-color, var(--m-text));font-family:inherit;font-size:var(--input-size, 1em);padding:0;cursor:pointer;min-width:0}.color-picker-trigger:focus{border-color:transparent;box-shadow:none}.color-picker-trigger.error{color:var(--m-error)}.color-picker-trigger--open{color:var(--m-text-input-focus-border, var(--m-focus))}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%}:host-context(.m-dynamic-input),:host-context(.section-form-item__input){display:contents}:host-context(.m-dynamic-input) .input-wrapper,:host-context(.section-form-item__input) .input-wrapper{width:100%}.input-wrapper{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;gap:calc(var(--input-size, 1em) * .4);height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-left:var(--m-text-input-padding-left, calc(var(--input-size, 1em) * .5 * .7));padding-right:var(--m-text-input-padding-right, calc(var(--input-size, 1em) * 2.25));background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease);cursor:pointer;position:relative}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)))}.input-wrapper:focus-within{border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.input-wrapper .m-icon{--m-icon-size: calc(var(--input-size, 1em) * 1.1) !important}.input-wrapper .m-button{position:absolute;right:0;top:0;bottom:0;--m-button-size: var(--input-size, 1em) !important}.color-picker-trigger{appearance:none;border:none;outline:none;flex:1;height:100%;background:transparent;color:var(--m-text-input-color, var(--m-text));font-family:inherit;font-size:var(--input-size, 1em);padding:0;cursor:pointer;min-width:0}.color-picker-trigger:focus{border-color:transparent;box-shadow:none}.color-picker-trigger.error{color:var(--m-error)}.color-picker-trigger--open{color:var(--m-text-input-focus-border, var(--m-focus))}\n"] }]
         }], propDecorators: { toggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggle", required: false }] }, { type: i0.Output, args: ["toggleChange"] }] } });
 
 var colorPicker = /*#__PURE__*/Object.freeze({
@@ -21152,7 +21152,7 @@ class WrapperInputComponent extends ConfigComponent {
                 break;
             }
             case InputType.TOGGLE: {
-                const { ToggleInputComponent } = await import('./magmonium-one-toggle-BIetnmvQ.mjs');
+                const { ToggleInputComponent } = await import('./magmonium-one-toggle-CLwSLeNx.mjs');
                 this.createDynamicComponent(seq, ToggleInputComponent, [], true);
                 break;
             }
@@ -21164,12 +21164,12 @@ class WrapperInputComponent extends ConfigComponent {
                 break;
             }
             case InputType.PASSWORD: {
-                const { PasswordInputComponent } = await import('./magmonium-one-password-DHZnry39.mjs');
+                const { PasswordInputComponent } = await import('./magmonium-one-password-rXgLgf9m.mjs');
                 this.createDynamicComponent(seq, PasswordInputComponent);
                 break;
             }
             case InputType.OTP: {
-                const { OtpInputComponent } = await import('./magmonium-one-otp-D5YLAd5j.mjs');
+                const { OtpInputComponent } = await import('./magmonium-one-otp-NtZ2e-Hf.mjs');
                 this.createDynamicComponent(seq, OtpInputComponent);
                 break;
             }
@@ -21740,7 +21740,7 @@ class ToggleRadioInputComponent extends BaseTextInputComponent {
         }
       </div>
     }
-  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%;--toggle-radio-bg: var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));--toggle-radio-radius: var(--m-toggle-radio-radius, var(--m-input-radius, .5rem));--toggle-radio-border-width: var(--m-toggle-radio-border-width, var(--m-input-border-width, 1px));--toggle-radio-border: var(--toggle-radio-border-width) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));--toggle-radio-divider-width: var(--toggle-radio-border-width);--toggle-radio-indicator-bg: var(--m-input-color, var(--m-mm));--toggle-radio-indicator-radius: 0;--toggle-radio-pad: 0;--toggle-radio-gap: .375em ;--toggle-radio-height: 2.75em }.toggle-radio{height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);height:var(--toggle-radio-height);min-height:var(--toggle-radio-height);border-radius:var(--toggle-radio-radius);padding:var(--toggle-radio-pad);gap:var(--toggle-radio-gap);border:var(--toggle-radio-border);display:flex;align-items:stretch;width:100%;background:var(--toggle-radio-bg);box-sizing:border-box;overflow:hidden;position:relative;isolation:isolate}.toggle-radio--disabled{opacity:.6;cursor:not-allowed}.toggle-radio--disabled .toggle-radio__option{pointer-events:none}.toggle-radio__option{flex:1 1 0%;display:flex;align-items:stretch;position:relative;z-index:1}.toggle-radio__option--active{background:var(--toggle-radio-indicator-bg);transition:background-color .2s ease}.toggle-radio__option:hover:not(.toggle-radio__option--active){background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 6%, transparent))}.toggle-radio__option:has(input[type=radio]:focus-visible) label{outline:var(--toggle-radio-border-width) solid var(--m-text-input-focus-border, var(--m-focus));outline-offset:calc(var(--toggle-radio-border-width) * -1)}.toggle-radio__option:not(:last-child):not(.toggle-radio__option--active):not(:has(+.toggle-radio__option--active)):after{content:\"\";position:absolute;top:0;bottom:0;right:calc(var(--toggle-radio-gap) / -2);width:var(--toggle-radio-divider-width);background:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)))}.toggle-radio__option input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.toggle-radio__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;--m-icon-size: 1.1em }.toggle-radio__option label{display:flex;align-items:center;justify-content:center;gap:0;width:100%;height:100%;overflow:hidden;border-radius:var(--toggle-radio-indicator-radius);padding:0 1.25em;gap:.375em;cursor:pointer;line-height:normal;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--m-text-input-color, var(--m-text));transition:color .2s ease,opacity .2s ease;box-sizing:border-box;-webkit-user-select:none;user-select:none;white-space:nowrap}.toggle-radio__option label:active{transform:scale(.96)}.toggle-radio__option span{display:block;line-height:normal;overflow:hidden;text-overflow:ellipsis;transition:opacity .25s ease}.toggle-radio__option--active label{color:var(--m-inverse-text, var(--m-inverse-text))}.toggle-radio__option--has-icon:not(.toggle-radio__option--active) span{opacity:0;max-width:0}.toggle-radio__option--has-icon.toggle-radio__option--active span{opacity:1;max-width:200px}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical) .toggle-radio__option--has-icon{flex:0 0 auto}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical) .toggle-radio__option--has-icon.toggle-radio__option--active{flex:1 1 auto}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical):not(:has(.toggle-radio__option--active)) .toggle-radio__option--has-icon{flex:1 1 0%}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical):not(:has(.toggle-radio__option--active)) .toggle-radio__option--has-icon span{opacity:1;max-width:200px}.toggle-radio--equal-width.toggle-radio .toggle-radio__option--has-icon:not(.toggle-radio__option--active) span{opacity:.7;max-width:200px;overflow:visible}.toggle-radio--vertical{flex-direction:column;height:100%;max-height:inherit}.toggle-radio--vertical .toggle-radio__option{flex:1 1 auto;width:100%}.toggle-radio--vertical .toggle-radio__option:not(:last-child):not(.toggle-radio--vertical .toggle-radio__option--active):not(:has(+.toggle-radio--vertical .toggle-radio__option--active)):after{top:auto;bottom:calc(var(--toggle-radio-gap) / -2);left:0;right:0;width:100%;height:var(--toggle-radio-divider-width)}.toggle-radio--icon-only{gap:0}.toggle-radio--icon-only .toggle-radio__option label{padding:0;gap:0}:host:has(.toggle-radio--vertical.toggle-radio--icon-only){width:fit-content}.toggle-radio--vertical.toggle-radio--icon-only{width:fit-content}.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option{width:var(--toggle-radio-height);flex:0 0 var(--toggle-radio-height)}.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option:not(:last-child):not(.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option--active):not(:has(+.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option--active)):after{bottom:0}.toggle-radio__overflow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0 1.25em;--m-context-menu-size: calc(var(--toggle-radio-height) * .6)}.toggle-radio--vertical .toggle-radio__overflow{width:100%;padding:1.25em 0}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: ContextMenuComponent, selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted", "options"], outputs: ["toggleChange", "action"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%;--toggle-radio-bg: var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));--toggle-radio-radius: var(--m-toggle-radio-radius, var(--m-input-radius, .5rem));--toggle-radio-border-width: var(--m-toggle-radio-border-width, var(--m-input-border-width, 1px));--toggle-radio-border: var(--toggle-radio-border-width) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));--toggle-radio-divider-width: var(--toggle-radio-border-width);--toggle-radio-indicator-bg: var(--m-input-color, var(--m-mm));--toggle-radio-indicator-radius: 0;--toggle-radio-pad: 0;--toggle-radio-gap: .375em ;--toggle-radio-height: 2.25em }.toggle-radio{height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);height:var(--toggle-radio-height);min-height:var(--toggle-radio-height);border-radius:var(--toggle-radio-radius);padding:var(--toggle-radio-pad);gap:var(--toggle-radio-gap);border:var(--toggle-radio-border);display:flex;align-items:stretch;width:100%;background:var(--toggle-radio-bg);box-sizing:border-box;overflow:hidden;position:relative;isolation:isolate}.toggle-radio--disabled{opacity:.6;cursor:not-allowed}.toggle-radio--disabled .toggle-radio__option{pointer-events:none}.toggle-radio__option{flex:1 1 0%;display:flex;align-items:stretch;position:relative;z-index:1}.toggle-radio__option--active{background:var(--toggle-radio-indicator-bg);transition:background-color .2s ease}.toggle-radio__option:hover:not(.toggle-radio__option--active){background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 6%, transparent))}.toggle-radio__option:has(input[type=radio]:focus-visible) label{outline:var(--toggle-radio-border-width) solid var(--m-text-input-focus-border, var(--m-focus));outline-offset:calc(var(--toggle-radio-border-width) * -1)}.toggle-radio__option:not(:last-child):not(.toggle-radio__option--active):not(:has(+.toggle-radio__option--active)):after{content:\"\";position:absolute;top:0;bottom:0;right:calc(var(--toggle-radio-gap) / -2);width:var(--toggle-radio-divider-width);background:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)))}.toggle-radio__option input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.toggle-radio__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;--m-icon-size: 1.1em }.toggle-radio__option label{display:flex;align-items:center;justify-content:center;gap:0;width:100%;height:100%;overflow:hidden;border-radius:var(--toggle-radio-indicator-radius);padding:0 1.25em;gap:.375em;cursor:pointer;line-height:normal;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--m-text-input-color, var(--m-text));transition:color .2s ease,opacity .2s ease;box-sizing:border-box;-webkit-user-select:none;user-select:none;white-space:nowrap}.toggle-radio__option label:active{transform:scale(.96)}.toggle-radio__option span{display:block;line-height:normal;overflow:hidden;text-overflow:ellipsis;transition:opacity .25s ease}.toggle-radio__option--active label{color:var(--m-inverse-text, var(--m-inverse-text))}.toggle-radio__option--has-icon:not(.toggle-radio__option--active) span{opacity:0;max-width:0}.toggle-radio__option--has-icon.toggle-radio__option--active span{opacity:1;max-width:200px}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical) .toggle-radio__option--has-icon{flex:0 0 auto}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical) .toggle-radio__option--has-icon.toggle-radio__option--active{flex:1 1 auto}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical):not(:has(.toggle-radio__option--active)) .toggle-radio__option--has-icon{flex:1 1 0%}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical):not(:has(.toggle-radio__option--active)) .toggle-radio__option--has-icon span{opacity:1;max-width:200px}.toggle-radio--equal-width.toggle-radio .toggle-radio__option--has-icon:not(.toggle-radio__option--active) span{opacity:.7;max-width:200px;overflow:visible}.toggle-radio--vertical{flex-direction:column;height:100%;max-height:inherit}.toggle-radio--vertical .toggle-radio__option{flex:1 1 auto;width:100%}.toggle-radio--vertical .toggle-radio__option:not(:last-child):not(.toggle-radio--vertical .toggle-radio__option--active):not(:has(+.toggle-radio--vertical .toggle-radio__option--active)):after{top:auto;bottom:calc(var(--toggle-radio-gap) / -2);left:0;right:0;width:100%;height:var(--toggle-radio-divider-width)}.toggle-radio--icon-only{gap:0}.toggle-radio--icon-only .toggle-radio__option label{padding:0;gap:0}:host:has(.toggle-radio--vertical.toggle-radio--icon-only){width:fit-content}.toggle-radio--vertical.toggle-radio--icon-only{width:fit-content}.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option{width:var(--toggle-radio-height);flex:0 0 var(--toggle-radio-height)}.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option:not(:last-child):not(.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option--active):not(:has(+.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option--active)):after{bottom:0}.toggle-radio__overflow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0 1.25em;--m-context-menu-size: calc(var(--toggle-radio-height) * .6)}.toggle-radio--vertical .toggle-radio__overflow{width:100%;padding:1.25em 0}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: ContextMenuComponent, selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted", "options"], outputs: ["toggleChange", "action"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ToggleRadioInputComponent, decorators: [{
             type: Component,
@@ -21812,7 +21812,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }
       </div>
     }
-  `, imports: [LabelComponent, TranslatePipe, IconComponent, ContextMenuComponent], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%;--toggle-radio-bg: var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));--toggle-radio-radius: var(--m-toggle-radio-radius, var(--m-input-radius, .5rem));--toggle-radio-border-width: var(--m-toggle-radio-border-width, var(--m-input-border-width, 1px));--toggle-radio-border: var(--toggle-radio-border-width) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));--toggle-radio-divider-width: var(--toggle-radio-border-width);--toggle-radio-indicator-bg: var(--m-input-color, var(--m-mm));--toggle-radio-indicator-radius: 0;--toggle-radio-pad: 0;--toggle-radio-gap: .375em ;--toggle-radio-height: 2.75em }.toggle-radio{height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);height:var(--toggle-radio-height);min-height:var(--toggle-radio-height);border-radius:var(--toggle-radio-radius);padding:var(--toggle-radio-pad);gap:var(--toggle-radio-gap);border:var(--toggle-radio-border);display:flex;align-items:stretch;width:100%;background:var(--toggle-radio-bg);box-sizing:border-box;overflow:hidden;position:relative;isolation:isolate}.toggle-radio--disabled{opacity:.6;cursor:not-allowed}.toggle-radio--disabled .toggle-radio__option{pointer-events:none}.toggle-radio__option{flex:1 1 0%;display:flex;align-items:stretch;position:relative;z-index:1}.toggle-radio__option--active{background:var(--toggle-radio-indicator-bg);transition:background-color .2s ease}.toggle-radio__option:hover:not(.toggle-radio__option--active){background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 6%, transparent))}.toggle-radio__option:has(input[type=radio]:focus-visible) label{outline:var(--toggle-radio-border-width) solid var(--m-text-input-focus-border, var(--m-focus));outline-offset:calc(var(--toggle-radio-border-width) * -1)}.toggle-radio__option:not(:last-child):not(.toggle-radio__option--active):not(:has(+.toggle-radio__option--active)):after{content:\"\";position:absolute;top:0;bottom:0;right:calc(var(--toggle-radio-gap) / -2);width:var(--toggle-radio-divider-width);background:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)))}.toggle-radio__option input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.toggle-radio__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;--m-icon-size: 1.1em }.toggle-radio__option label{display:flex;align-items:center;justify-content:center;gap:0;width:100%;height:100%;overflow:hidden;border-radius:var(--toggle-radio-indicator-radius);padding:0 1.25em;gap:.375em;cursor:pointer;line-height:normal;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--m-text-input-color, var(--m-text));transition:color .2s ease,opacity .2s ease;box-sizing:border-box;-webkit-user-select:none;user-select:none;white-space:nowrap}.toggle-radio__option label:active{transform:scale(.96)}.toggle-radio__option span{display:block;line-height:normal;overflow:hidden;text-overflow:ellipsis;transition:opacity .25s ease}.toggle-radio__option--active label{color:var(--m-inverse-text, var(--m-inverse-text))}.toggle-radio__option--has-icon:not(.toggle-radio__option--active) span{opacity:0;max-width:0}.toggle-radio__option--has-icon.toggle-radio__option--active span{opacity:1;max-width:200px}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical) .toggle-radio__option--has-icon{flex:0 0 auto}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical) .toggle-radio__option--has-icon.toggle-radio__option--active{flex:1 1 auto}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical):not(:has(.toggle-radio__option--active)) .toggle-radio__option--has-icon{flex:1 1 0%}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical):not(:has(.toggle-radio__option--active)) .toggle-radio__option--has-icon span{opacity:1;max-width:200px}.toggle-radio--equal-width.toggle-radio .toggle-radio__option--has-icon:not(.toggle-radio__option--active) span{opacity:.7;max-width:200px;overflow:visible}.toggle-radio--vertical{flex-direction:column;height:100%;max-height:inherit}.toggle-radio--vertical .toggle-radio__option{flex:1 1 auto;width:100%}.toggle-radio--vertical .toggle-radio__option:not(:last-child):not(.toggle-radio--vertical .toggle-radio__option--active):not(:has(+.toggle-radio--vertical .toggle-radio__option--active)):after{top:auto;bottom:calc(var(--toggle-radio-gap) / -2);left:0;right:0;width:100%;height:var(--toggle-radio-divider-width)}.toggle-radio--icon-only{gap:0}.toggle-radio--icon-only .toggle-radio__option label{padding:0;gap:0}:host:has(.toggle-radio--vertical.toggle-radio--icon-only){width:fit-content}.toggle-radio--vertical.toggle-radio--icon-only{width:fit-content}.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option{width:var(--toggle-radio-height);flex:0 0 var(--toggle-radio-height)}.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option:not(:last-child):not(.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option--active):not(:has(+.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option--active)):after{bottom:0}.toggle-radio__overflow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0 1.25em;--m-context-menu-size: calc(var(--toggle-radio-height) * .6)}.toggle-radio--vertical .toggle-radio__overflow{width:100%;padding:1.25em 0}\n"] }]
+  `, imports: [LabelComponent, TranslatePipe, IconComponent, ContextMenuComponent], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%;--toggle-radio-bg: var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));--toggle-radio-radius: var(--m-toggle-radio-radius, var(--m-input-radius, .5rem));--toggle-radio-border-width: var(--m-toggle-radio-border-width, var(--m-input-border-width, 1px));--toggle-radio-border: var(--toggle-radio-border-width) solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));--toggle-radio-divider-width: var(--toggle-radio-border-width);--toggle-radio-indicator-bg: var(--m-input-color, var(--m-mm));--toggle-radio-indicator-radius: 0;--toggle-radio-pad: 0;--toggle-radio-gap: .375em ;--toggle-radio-height: 2.25em }.toggle-radio{height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);height:var(--toggle-radio-height);min-height:var(--toggle-radio-height);border-radius:var(--toggle-radio-radius);padding:var(--toggle-radio-pad);gap:var(--toggle-radio-gap);border:var(--toggle-radio-border);display:flex;align-items:stretch;width:100%;background:var(--toggle-radio-bg);box-sizing:border-box;overflow:hidden;position:relative;isolation:isolate}.toggle-radio--disabled{opacity:.6;cursor:not-allowed}.toggle-radio--disabled .toggle-radio__option{pointer-events:none}.toggle-radio__option{flex:1 1 0%;display:flex;align-items:stretch;position:relative;z-index:1}.toggle-radio__option--active{background:var(--toggle-radio-indicator-bg);transition:background-color .2s ease}.toggle-radio__option:hover:not(.toggle-radio__option--active){background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 6%, transparent))}.toggle-radio__option:has(input[type=radio]:focus-visible) label{outline:var(--toggle-radio-border-width) solid var(--m-text-input-focus-border, var(--m-focus));outline-offset:calc(var(--toggle-radio-border-width) * -1)}.toggle-radio__option:not(:last-child):not(.toggle-radio__option--active):not(:has(+.toggle-radio__option--active)):after{content:\"\";position:absolute;top:0;bottom:0;right:calc(var(--toggle-radio-gap) / -2);width:var(--toggle-radio-divider-width);background:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)))}.toggle-radio__option input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.toggle-radio__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;--m-icon-size: 1.1em }.toggle-radio__option label{display:flex;align-items:center;justify-content:center;gap:0;width:100%;height:100%;overflow:hidden;border-radius:var(--toggle-radio-indicator-radius);padding:0 1.25em;gap:.375em;cursor:pointer;line-height:normal;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--m-text-input-color, var(--m-text));transition:color .2s ease,opacity .2s ease;box-sizing:border-box;-webkit-user-select:none;user-select:none;white-space:nowrap}.toggle-radio__option label:active{transform:scale(.96)}.toggle-radio__option span{display:block;line-height:normal;overflow:hidden;text-overflow:ellipsis;transition:opacity .25s ease}.toggle-radio__option--active label{color:var(--m-inverse-text, var(--m-inverse-text))}.toggle-radio__option--has-icon:not(.toggle-radio__option--active) span{opacity:0;max-width:0}.toggle-radio__option--has-icon.toggle-radio__option--active span{opacity:1;max-width:200px}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical) .toggle-radio__option--has-icon{flex:0 0 auto}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical) .toggle-radio__option--has-icon.toggle-radio__option--active{flex:1 1 auto}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical):not(:has(.toggle-radio__option--active)) .toggle-radio__option--has-icon{flex:1 1 0%}.toggle-radio:not(.toggle-radio--equal-width):not(.toggle-radio--icon-only):not(.toggle-radio--vertical):not(:has(.toggle-radio__option--active)) .toggle-radio__option--has-icon span{opacity:1;max-width:200px}.toggle-radio--equal-width.toggle-radio .toggle-radio__option--has-icon:not(.toggle-radio__option--active) span{opacity:.7;max-width:200px;overflow:visible}.toggle-radio--vertical{flex-direction:column;height:100%;max-height:inherit}.toggle-radio--vertical .toggle-radio__option{flex:1 1 auto;width:100%}.toggle-radio--vertical .toggle-radio__option:not(:last-child):not(.toggle-radio--vertical .toggle-radio__option--active):not(:has(+.toggle-radio--vertical .toggle-radio__option--active)):after{top:auto;bottom:calc(var(--toggle-radio-gap) / -2);left:0;right:0;width:100%;height:var(--toggle-radio-divider-width)}.toggle-radio--icon-only{gap:0}.toggle-radio--icon-only .toggle-radio__option label{padding:0;gap:0}:host:has(.toggle-radio--vertical.toggle-radio--icon-only){width:fit-content}.toggle-radio--vertical.toggle-radio--icon-only{width:fit-content}.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option{width:var(--toggle-radio-height);flex:0 0 var(--toggle-radio-height)}.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option:not(:last-child):not(.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option--active):not(:has(+.toggle-radio--vertical.toggle-radio--icon-only .toggle-radio__option--active)):after{bottom:0}.toggle-radio__overflow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0 1.25em;--m-context-menu-size: calc(var(--toggle-radio-height) * .6)}.toggle-radio--vertical .toggle-radio__overflow{width:100%;padding:1.25em 0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { one: [{ type: i0.Input, args: [{ isSignal: true, alias: "one", required: false }] }] } });
 
 var toggleRadio = /*#__PURE__*/Object.freeze({
@@ -22864,7 +22864,7 @@ class FileUploadInputComponent extends BaseInputComponent {
         const modalStore = this.modalStore;
         if (!modalStore)
             return undefined;
-        const { ImageEditorComponent } = await import('./magmonium-one-image-editor-C_KeJ24r.mjs');
+        const { ImageEditorComponent } = await import('./magmonium-one-image-editor-B6T0ur5f.mjs');
         const ratio = String(this.config()?.ratio ?? '');
         return new Promise((resolve) => {
             const modalRef = new ModalRef();
@@ -23012,7 +23012,7 @@ class FileUploadInputComponent extends BaseInputComponent {
         }
       }
     }
-  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block}.drop-zone{display:flex;align-items:center;background:var(--m-background);height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.drop-zone:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.drop-zone:disabled{opacity:.6;cursor:not-allowed}.drop-zone{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.drop-zone:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.drop-zone:focus-visible:not(:disabled),.drop-zone:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)))}.drop-zone:has(.error){border-color:var(--m-error);box-shadow:none}.drop-zone:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.drop-zone input,.drop-zone textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.drop-zone input:focus,.drop-zone textarea:focus{border-color:transparent;box-shadow:none}.drop-zone{flex-direction:column;align-items:stretch;justify-content:center;width:100%;height:auto;min-height:calc(var(--m-textarea-input-height, 4.5em) + 1.5em);padding:.75em;border-style:dashed;cursor:pointer;background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}.drop-zone:hover:not(.drop-zone--locked):not(.error){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)))}.drop-zone--dragging{border-color:var(--m-text-input-focus-border, var(--m-focus));background:var(--m-text-input-focus-background, color-mix(in srgb, var(--m-focus) 6%, var(--m-background)));box-shadow:var(--m-text-input-focus-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent))}.drop-zone--locked{cursor:not-allowed;opacity:.6}.drop-zone.error{border-color:var(--m-error, var(--m-error))}.drop-zone__empty{display:flex;flex-direction:column;align-items:center;gap:.5em;color:var(--m-input-color, var(--m-mm));text-align:center}.file-tiles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.75em}.file-tiles--below{margin-top:.75em}.file-tile{--m-file-tile-size: 150px;display:flex;flex-direction:column;gap:.25em;width:var(--m-file-tile-size);max-width:100%}.file-tile__box{position:relative;width:100%;aspect-ratio:1;border:1px solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));border-radius:var(--m-input-radius, .5rem);background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));overflow:hidden}.file-tile__preview{display:block;width:100%;height:100%;object-fit:cover}.file-tile__type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;height:100%;color:var(--m-input-color, var(--m-mm));--m-icon-size: 2.5em}.file-tile__kind{font-weight:600;letter-spacing:.05em}.file-tile__remove{position:absolute;top:.25em;right:.25em;display:flex;border-radius:50%;background:var(--m-text-input-background, var(--m-background))}.file-tile__name{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7em;color:var(--m-text-input-color, var(--m-text))}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block}.drop-zone{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.drop-zone:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.drop-zone:disabled{opacity:.6;cursor:not-allowed}.drop-zone{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.drop-zone:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.drop-zone:focus-visible:not(:disabled),.drop-zone:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.drop-zone:has(.error){border-color:var(--m-error);box-shadow:none}.drop-zone:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.drop-zone input,.drop-zone textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.drop-zone input:focus,.drop-zone textarea:focus{border-color:transparent;box-shadow:none}.drop-zone{flex-direction:column;align-items:stretch;justify-content:center;width:100%;height:auto;min-height:calc(var(--m-textarea-input-height, 4.5em) + 1.5em);padding:.75em;border-style:dashed;cursor:pointer;background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}.drop-zone:hover:not(.drop-zone--locked):not(.error){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)))}.drop-zone--dragging{border-color:var(--m-text-input-focus-border, var(--m-focus));background:var(--m-text-input-focus-background, color-mix(in srgb, var(--m-focus) 6%, var(--m-background)));box-shadow:var(--m-text-input-focus-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent))}.drop-zone--locked{cursor:not-allowed;opacity:.6}.drop-zone.error{border-color:var(--m-error, var(--m-error))}.drop-zone__empty{display:flex;flex-direction:column;align-items:center;gap:.5em;color:var(--m-input-color, var(--m-mm));text-align:center}.file-tiles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.75em}.file-tiles--below{margin-top:.75em}.file-tile{--m-file-tile-size: 150px;display:flex;flex-direction:column;gap:.25em;width:var(--m-file-tile-size);max-width:100%}.file-tile__box{position:relative;width:100%;aspect-ratio:1;border:1px solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));border-radius:var(--m-input-radius, .5rem);background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));overflow:hidden}.file-tile__preview{display:block;width:100%;height:100%;object-fit:cover}.file-tile__type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;height:100%;color:var(--m-input-color, var(--m-mm));--m-icon-size: 2.5em}.file-tile__kind{font-weight:600;letter-spacing:.05em}.file-tile__remove{position:absolute;top:.25em;right:.25em;display:flex;border-radius:50%;background:var(--m-text-input-background, var(--m-background))}.file-tile__name{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7em;color:var(--m-text-input-color, var(--m-text))}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FileUploadInputComponent, decorators: [{
             type: Component,
@@ -23114,7 +23114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         IconComponent,
                         LabelComponent,
                         TextOutputComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block}.drop-zone{display:flex;align-items:center;background:var(--m-background);height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.75);min-height:calc(var(--input-size, 1em) * 2.75);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.drop-zone:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.drop-zone:disabled{opacity:.6;cursor:not-allowed}.drop-zone{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.drop-zone:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.drop-zone:focus-visible:not(:disabled),.drop-zone:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:var(--m-text-input-focus-shadow, var(--m-text-input-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent)))}.drop-zone:has(.error){border-color:var(--m-error);box-shadow:none}.drop-zone:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.drop-zone input,.drop-zone textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.drop-zone input:focus,.drop-zone textarea:focus{border-color:transparent;box-shadow:none}.drop-zone{flex-direction:column;align-items:stretch;justify-content:center;width:100%;height:auto;min-height:calc(var(--m-textarea-input-height, 4.5em) + 1.5em);padding:.75em;border-style:dashed;cursor:pointer;background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}.drop-zone:hover:not(.drop-zone--locked):not(.error){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)))}.drop-zone--dragging{border-color:var(--m-text-input-focus-border, var(--m-focus));background:var(--m-text-input-focus-background, color-mix(in srgb, var(--m-focus) 6%, var(--m-background)));box-shadow:var(--m-text-input-focus-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent))}.drop-zone--locked{cursor:not-allowed;opacity:.6}.drop-zone.error{border-color:var(--m-error, var(--m-error))}.drop-zone__empty{display:flex;flex-direction:column;align-items:center;gap:.5em;color:var(--m-input-color, var(--m-mm));text-align:center}.file-tiles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.75em}.file-tiles--below{margin-top:.75em}.file-tile{--m-file-tile-size: 150px;display:flex;flex-direction:column;gap:.25em;width:var(--m-file-tile-size);max-width:100%}.file-tile__box{position:relative;width:100%;aspect-ratio:1;border:1px solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));border-radius:var(--m-input-radius, .5rem);background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));overflow:hidden}.file-tile__preview{display:block;width:100%;height:100%;object-fit:cover}.file-tile__type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;height:100%;color:var(--m-input-color, var(--m-mm));--m-icon-size: 2.5em}.file-tile__kind{font-weight:600;letter-spacing:.05em}.file-tile__remove{position:absolute;top:.25em;right:.25em;display:flex;border-radius:50%;background:var(--m-text-input-background, var(--m-background))}.file-tile__name{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7em;color:var(--m-text-input-color, var(--m-text))}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block}.drop-zone{display:flex;align-items:center;background:var(--m-background);overflow:hidden;height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 1px);border-radius:var(--m-input-radius, calc(var(--input-size, 1em) * .5));height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.drop-zone:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.drop-zone:disabled{opacity:.6;cursor:not-allowed}.drop-zone{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.drop-zone:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.drop-zone:focus-visible:not(:disabled),.drop-zone:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, var(--m-focus));box-shadow:none}.drop-zone:has(.error){border-color:var(--m-error);box-shadow:none}.drop-zone:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.drop-zone input,.drop-zone textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.drop-zone input:focus,.drop-zone textarea:focus{border-color:transparent;box-shadow:none}.drop-zone{flex-direction:column;align-items:stretch;justify-content:center;width:100%;height:auto;min-height:calc(var(--m-textarea-input-height, 4.5em) + 1.5em);padding:.75em;border-style:dashed;cursor:pointer;background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));border-color:var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease, background-color .2s ease)}.drop-zone:hover:not(.drop-zone--locked):not(.error){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-focus) 55%, var(--m-background)));background:var(--m-text-input-hover-background, color-mix(in srgb, var(--m-focus) 4%, var(--m-background)))}.drop-zone--dragging{border-color:var(--m-text-input-focus-border, var(--m-focus));background:var(--m-text-input-focus-background, color-mix(in srgb, var(--m-focus) 6%, var(--m-background)));box-shadow:var(--m-text-input-focus-shadow, 0 0 0 3px color-mix(in srgb, var(--m-focus) 14%, transparent))}.drop-zone--locked{cursor:not-allowed;opacity:.6}.drop-zone.error{border-color:var(--m-error, var(--m-error))}.drop-zone__empty{display:flex;flex-direction:column;align-items:center;gap:.5em;color:var(--m-input-color, var(--m-mm));text-align:center}.file-tiles{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.75em}.file-tiles--below{margin-top:.75em}.file-tile{--m-file-tile-size: 150px;display:flex;flex-direction:column;gap:.25em;width:var(--m-file-tile-size);max-width:100%}.file-tile__box{position:relative;width:100%;aspect-ratio:1;border:1px solid var(--m-text-input-border, color-mix(in srgb, var(--m-text) 18%, var(--m-background)));border-radius:var(--m-input-radius, .5rem);background:var(--m-text-input-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));overflow:hidden}.file-tile__preview{display:block;width:100%;height:100%;object-fit:cover}.file-tile__type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em;height:100%;color:var(--m-input-color, var(--m-mm));--m-icon-size: 2.5em}.file-tile__kind{font-weight:600;letter-spacing:.05em}.file-tile__remove{position:absolute;top:.25em;right:.25em;display:flex;border-radius:50%;background:var(--m-text-input-background, var(--m-background))}.file-tile__name{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7em;color:var(--m-text-input-color, var(--m-text))}\n"] }]
         }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
 
 var fileUploadInput = /*#__PURE__*/Object.freeze({
@@ -24507,14 +24507,14 @@ class CardComponent extends ConfigComponent {
         this.clicked.emit();
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CardComponent, isStandalone: true, selector: "m-card,m-one-card", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, fullHeight: { classPropertyName: "fullHeight", publicName: "fullHeight", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { properties: { "class.full-height": "fullHeight() || config()?.fullHeight || variant() === \"dashboard\"", "class.dashboard": "variant() === \"dashboard\"" } }, usesInheritance: true, ngImport: i0, template: "<ng-template #body>\n  <header>\n    <ng-content select=\"[slot=header]\"></ng-content>\n  </header>\n\n  <main>\n    <ng-content select=\"[slot=content]\"></ng-content>\n    <ng-content></ng-content>\n  </main>\n\n  <footer>\n    <ng-content select=\"[slot=footer]\"></ng-content>\n  </footer>\n</ng-template>\n\n@if (href()) {\n  <a [class]=\"classNames()\" [href]=\"href()\" (click)=\"onCardClick($event)\">\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </a>\n} @else {\n  <div\n    [class]=\"classNames()\"\n    [attr.role]=\"isClickable() ? 'button' : null\"\n    [attr.tabindex]=\"isClickable() ? 0 : null\"\n    (click)=\"onCardClick($event)\"\n    (keydown.enter)=\"isClickable() && onCardClick($event)\"\n    (keydown.space)=\"$event.preventDefault(); isClickable() && onCardClick($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </div>\n}\n", styles: [":host{display:block;width:100%}:host.full-height,:host.dashboard{height:100%}.card{display:flex;flex-direction:column;border-radius:1em;overflow:hidden;box-sizing:border-box;transition:all .2s ease-in-out;width:100%;min-height:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:var(--m-backdrop-standard);border:1px solid var(--m-backdrop-border)}.card header,.card main,.card footer{padding:1rem 1.5rem}.card header{color:var(--m-card-color);border-bottom:1px solid var(--border, var(--m-border))}.card header:empty{display:none}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{margin:0 0 .25rem;font-weight:600;color:#333;line-height:1.3}.card header p{margin:0;color:#666;font-size:.875rem;line-height:1.4}.card main{flex:1;--m-section-min-height: 0;--section-pt: 0}.card main:empty:not(:only-child){display:none}.card main p{margin:0 0 1rem;line-height:1.5;color:#333}.card main p:last-child{margin-bottom:0}.card footer{border-top:1px solid var(--border, var(--m-border));font-size:.75rem;color:#666}.card footer:empty{display:none}@media(min-width:0){.card.xs-size-xs{max-width:240px;min-height:120px}}@media(min-width:0){.card.xs-size-sm{max-width:320px;min-height:160px}}@media(min-width:0){.card.xs-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-sm{max-width:320px;min-height:160px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-md{max-width:480px;min-height:240px}}@media(min-width:768px){.card.md-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-xl{max-width:800px;min-height:400px}}@media(min-width:768px){.card.md-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.md-size-jumbo header{padding:3rem 1rem;text-align:center}.card.md-size-jumbo header h1,.card.md-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.md-size-jumbo header h3,.card.md-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.md-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.md-size-jumbo main{padding:3rem 1rem;text-align:center}.card.md-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.md-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:992px){.card.lg-size-lg{max-width:640px;min-height:320px}}@media(min-width:992px){.card.lg-size-xl{max-width:800px;min-height:400px}}@media(min-width:992px){.card.lg-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.lg-size-jumbo header{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo header h1,.card.lg-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.lg-size-jumbo header h3,.card.lg-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.lg-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.lg-size-jumbo main{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.lg-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1200px){.card.xl-size-xl{max-width:800px;min-height:400px}}@media(min-width:1200px){.card.xl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo header h1,.card.xl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xl-size-jumbo header h3,.card.xl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1400px){.card.xxl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xxl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo header h1,.card.xxl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xxl-size-jumbo header h3,.card.xxl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xxl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xxl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xxl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(max-width:991.98px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{width:100%;max-width:none;margin:0;border-radius:0}}@media(max-width:991.98px)and (min-width:992px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{border-radius:8px;margin:0 1rem}}@media(max-width:767.98px){.card header,.card main,.card footer{padding-left:1rem;padding-right:1rem}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{font-size:1.1rem}.card header p{font-size:.8rem}.card main p{font-size:.9rem}.card footer{font-size:.7rem}}@media(min-width:768px)and (max-width:991.98px){.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2rem}.card.size-jumbo header p{font-size:1.1rem}.card.size-jumbo main p{font-size:1rem}}@media(max-width:575.98px){.card.size-jumbo header{padding:1.5rem 1rem}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:1.8rem}.card.size-jumbo header p{font-size:1rem}.card.size-jumbo main{padding:1.5rem 1rem}.card.size-jumbo main p{font-size:.95rem}.card.size-jumbo footer{padding:1rem}}.card.flat,.card.outlined{border:1px solid var(--border, var(--m-border));box-shadow:none}.card.glass{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border:1px solid var(--m-border)}.card.glass header{border-bottom:1px solid var(--m-border)}.card.glass footer{border-top:1px solid var(--m-border)}.card.beautiful{background:var(--surface-hover);border:1px solid var(--border);box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card.beautiful header{border-bottom:1px solid var(--border);background:rgba(var(--primary-rgb),.03)}.card.beautiful footer{border-top:1px solid var(--border);background:rgba(var(--primary-rgb),.02)}.card.professional{background:#fff;border:1px solid #e2e8f0;border-radius:0;box-shadow:none}.card.professional header{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.card.professional main{padding:2rem}.card.professional footer{padding:1.5rem 2rem;background:#fff;border-top:1px solid #f1f5f9}.card.subtle{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;box-shadow:none}.card.subtle header,.card.subtle main,.card.subtle footer{padding:1rem}.card.no-border{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.no-border header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.no-border header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.no-border footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.no-border footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.dashboard header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.dashboard header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.dashboard footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.dashboard footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.dashboard header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.dashboard main{flex:1;overflow-y:auto;min-height:0}.card.dashboard footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}.card.dashboard{border:var(--m-card-border, 1px solid var(--m-backdrop-border));border-radius:var(--m-card-border-radius, 1.5rem);background:var(--m-card-background, var(--m-backdrop-glass));box-shadow:0 8px 32px -4px #0000000a,0 1px 4px #00000005}.card.dashboard header{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);border-bottom:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.dashboard footer{background:linear-gradient(0deg,rgba(255,255,255,.03) 0%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto;border-top:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.roundedBorder{border:2px solid var(--border, var(--m-border));border-radius:4px;box-shadow:none}.card.highlighted{border:2px solid var(--border, var(--m-border));border-radius:4px;background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 5%,var(--background, var(--m-background)) 95%);box-shadow:0 0 0 1px var(--mm-color, var(--m-mm))}.card.clickable{border:2px solid var(--border, var(--m-border));border-radius:4px;cursor:pointer;transition:border-color .2s ease-in-out,background-color .15s ease-in-out}.card.clickable:hover{border-color:var(--mm-color, var(--m-mm))}.card.clickable:active{border-color:var(--mm-color, var(--m-mm));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 8%,transparent)}.card.line{border:1px solid var(--border, var(--m-border));border-radius:16px;box-shadow:none}.card.padding-none header,.card.padding-none main,.card.padding-none footer{padding:0}.card.padding-x header,.card.padding-x main,.card.padding-x footer{padding-block:0}.card.padding-y header,.card.padding-y main,.card.padding-y footer{padding-inline:0}.card.padding-left header,.card.padding-left main,.card.padding-left footer{padding-top:0;padding-right:0;padding-bottom:0}.card.padding-right header,.card.padding-right main,.card.padding-right footer{padding-top:0;padding-bottom:0;padding-left:0}.card.padding-up header,.card.padding-up main,.card.padding-up footer{padding-right:0;padding-bottom:0;padding-left:0}.card.padding-down header,.card.padding-down main,.card.padding-down footer{padding-top:0;padding-right:0;padding-left:0}.card.compact{border-radius:.5rem}.card.compact header,.card.compact main,.card.compact footer{padding:.5rem 1rem}.card.spacious{border-radius:1.5rem}.card.spacious header,.card.spacious main,.card.spacious footer{padding:1.5rem 3rem}.card.separated header{border-bottom-width:2px;border-bottom-color:var(--border, var(--m-border))}.card.separated footer{border-top-width:2px;border-top-color:var(--border, var(--m-border))}.card.size-xs{max-width:240px;min-height:120px}.card.size-sm{max-width:320px;min-height:160px}.card.size-md{max-width:480px;min-height:240px}.card.size-lg{max-width:640px;min-height:320px}.card.size-xl{max-width:800px;min-height:400px}.card.size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.size-jumbo header{padding:3rem 1rem;text-align:center}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.size-jumbo header h3,.card.size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.size-jumbo main{padding:3rem 1rem;text-align:center}.card.size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.size-jumbo footer{padding:1.5rem 1rem;text-align:center}.card.size-full-width{width:100%;max-width:none;margin:0;border-radius:0}@media(min-width:992px){.card.size-full-width{border-radius:8px;margin:0 1rem}}.card.full-width{width:100vw;margin-left:50%;transform:translate(-50%);max-width:none;border-radius:0}@media(min-width:1200px){.card.full-width{width:100%;margin-left:0;transform:none;border-radius:8px}}.card.interactive{cursor:pointer}.card.interactive:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a,0 8px 24px #00000014}.card.interactive:active{transform:translateY(0);transition:transform .1s ease-out}a.card{color:inherit;text-decoration:none}.card.elevated{box-shadow:15px 15px 30px #bebebe,-15px -15px 30px #fff;border:none}.card.full-height{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.full-height header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.full-height main{flex:1;overflow-y:auto;min-height:0}.card.full-height footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CardComponent, isStandalone: true, selector: "m-card,m-one-card", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, fullHeight: { classPropertyName: "fullHeight", publicName: "fullHeight", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { properties: { "class.full-height": "fullHeight() || config()?.fullHeight || variant() === \"dashboard\"", "class.dashboard": "variant() === \"dashboard\"" } }, usesInheritance: true, ngImport: i0, template: "<ng-template #body>\n  <header>\n    <ng-content select=\"[slot=header]\"></ng-content>\n  </header>\n\n  <main>\n    <ng-content select=\"[slot=content]\"></ng-content>\n    <ng-content></ng-content>\n  </main>\n\n  <footer>\n    <ng-content select=\"[slot=footer]\"></ng-content>\n  </footer>\n</ng-template>\n\n@if (href()) {\n  <a [class]=\"classNames()\" [href]=\"href()\" (click)=\"onCardClick($event)\">\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </a>\n} @else {\n  <div\n    [class]=\"classNames()\"\n    [attr.role]=\"isClickable() ? 'button' : null\"\n    [attr.tabindex]=\"isClickable() ? 0 : null\"\n    (click)=\"onCardClick($event)\"\n    (keydown.enter)=\"isClickable() && onCardClick($event)\"\n    (keydown.space)=\"$event.preventDefault(); isClickable() && onCardClick($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </div>\n}\n", styles: [":host{display:block;width:100%}:host.full-height,:host.dashboard{height:100%}.card{display:flex;flex-direction:column;border-radius:var(--m-card-radius, .4em );overflow:hidden;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease;width:100%;min-height:0;border:var(--m-card-border, 1px solid color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-card-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:var(--m-backdrop-standard);border:1px solid var(--m-backdrop-border)}.card header,.card main,.card footer{padding:1rem 1.5rem}.card header{color:var(--m-card-color);border-bottom:1px solid var(--border, var(--m-border))}.card header:empty{display:none}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{margin:0 0 .25rem;font-weight:600;color:#333;line-height:1.3}.card header p{margin:0;color:#666;font-size:.875rem;line-height:1.4}.card main{flex:1;--m-section-min-height: 0;--section-pt: 0}.card main:empty:not(:only-child){display:none}.card main p{margin:0 0 1rem;line-height:1.5;color:#333}.card main p:last-child{margin-bottom:0}.card footer{border-top:1px solid var(--border, var(--m-border));font-size:.75rem;color:#666}.card footer:empty{display:none}@media(min-width:0){.card.xs-size-xs{max-width:240px;min-height:120px}}@media(min-width:0){.card.xs-size-sm{max-width:320px;min-height:160px}}@media(min-width:0){.card.xs-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-sm{max-width:320px;min-height:160px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-md{max-width:480px;min-height:240px}}@media(min-width:768px){.card.md-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-xl{max-width:800px;min-height:400px}}@media(min-width:768px){.card.md-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.md-size-jumbo header{padding:3rem 1rem;text-align:center}.card.md-size-jumbo header h1,.card.md-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.md-size-jumbo header h3,.card.md-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.md-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.md-size-jumbo main{padding:3rem 1rem;text-align:center}.card.md-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.md-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:992px){.card.lg-size-lg{max-width:640px;min-height:320px}}@media(min-width:992px){.card.lg-size-xl{max-width:800px;min-height:400px}}@media(min-width:992px){.card.lg-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.lg-size-jumbo header{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo header h1,.card.lg-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.lg-size-jumbo header h3,.card.lg-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.lg-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.lg-size-jumbo main{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.lg-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1200px){.card.xl-size-xl{max-width:800px;min-height:400px}}@media(min-width:1200px){.card.xl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo header h1,.card.xl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xl-size-jumbo header h3,.card.xl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1400px){.card.xxl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xxl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo header h1,.card.xxl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xxl-size-jumbo header h3,.card.xxl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xxl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xxl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xxl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(max-width:991.98px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{width:100%;max-width:none;margin:0;border-radius:0}}@media(max-width:991.98px)and (min-width:992px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{border-radius:8px;margin:0 1rem}}@media(max-width:767.98px){.card header,.card main,.card footer{padding-left:1rem;padding-right:1rem}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{font-size:1.1rem}.card header p{font-size:.8rem}.card main p{font-size:.9rem}.card footer{font-size:.7rem}}@media(min-width:768px)and (max-width:991.98px){.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2rem}.card.size-jumbo header p{font-size:1.1rem}.card.size-jumbo main p{font-size:1rem}}@media(max-width:575.98px){.card.size-jumbo header{padding:1.5rem 1rem}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:1.8rem}.card.size-jumbo header p{font-size:1rem}.card.size-jumbo main{padding:1.5rem 1rem}.card.size-jumbo main p{font-size:.95rem}.card.size-jumbo footer{padding:1rem}}.card.flat,.card.outlined{border:1px solid var(--border, var(--m-border));box-shadow:none}.card.glass{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border:1px solid var(--m-border)}.card.glass header{border-bottom:1px solid var(--m-border)}.card.glass footer{border-top:1px solid var(--m-border)}.card.beautiful{background:var(--surface-hover);border:1px solid var(--border);box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card.beautiful header{border-bottom:1px solid var(--border);background:rgba(var(--primary-rgb),.03)}.card.beautiful footer{border-top:1px solid var(--border);background:rgba(var(--primary-rgb),.02)}.card.professional{background:#fff;border:1px solid #e2e8f0;border-radius:0;box-shadow:none}.card.professional header{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.card.professional main{padding:2rem}.card.professional footer{padding:1.5rem 2rem;background:#fff;border-top:1px solid #f1f5f9}.card.subtle{background:color-mix(in srgb,var(--m-focus) 2%,var(--m-background));border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );box-shadow:none}.card.subtle header,.card.subtle main,.card.subtle footer{padding:1rem}.card.no-border{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.no-border header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.no-border header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.no-border footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.no-border footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.dashboard header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.dashboard header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.dashboard footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.dashboard footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.dashboard header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.dashboard main{flex:1;overflow-y:auto;min-height:0}.card.dashboard footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}.card.dashboard{border:var(--m-card-border, 1px solid var(--m-backdrop-border));border-radius:var(--m-card-border-radius, 1.5rem);background:var(--m-card-background, var(--m-backdrop-glass));box-shadow:0 8px 32px -4px #0000000a,0 1px 4px #00000005}.card.dashboard header{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);border-bottom:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.dashboard footer{background:linear-gradient(0deg,rgba(255,255,255,.03) 0%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto;border-top:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.roundedBorder{border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );box-shadow:none}.card.highlighted{border:1px solid color-mix(in srgb,var(--mm-color, var(--m-mm)) 55%,var(--m-background));border-radius:var(--m-card-radius, .4em );background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 5%,var(--background, var(--m-background)) 95%);box-shadow:none}.card.clickable{border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );cursor:pointer;transition:border-color .2s ease,background-color .15s ease}.card.clickable:hover{border-color:color-mix(in srgb,var(--mm-color, var(--m-mm)) 55%,var(--m-background));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 4%,var(--m-background))}.card.clickable:active{border-color:var(--mm-color, var(--m-mm));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 8%,transparent)}.card.line{border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );box-shadow:none}.card.padding-none header,.card.padding-none main,.card.padding-none footer{padding:0}.card.padding-x header,.card.padding-x main,.card.padding-x footer{padding-block:0}.card.padding-y header,.card.padding-y main,.card.padding-y footer{padding-inline:0}.card.padding-left header,.card.padding-left main,.card.padding-left footer{padding-top:0;padding-right:0;padding-bottom:0}.card.padding-right header,.card.padding-right main,.card.padding-right footer{padding-top:0;padding-bottom:0;padding-left:0}.card.padding-up header,.card.padding-up main,.card.padding-up footer{padding-right:0;padding-bottom:0;padding-left:0}.card.padding-down header,.card.padding-down main,.card.padding-down footer{padding-top:0;padding-right:0;padding-left:0}.card.compact{border-radius:var(--m-card-radius, .4em )}.card.compact header,.card.compact main,.card.compact footer{padding:.5rem 1rem}.card.spacious{border-radius:var(--m-card-radius, .4em )}.card.spacious header,.card.spacious main,.card.spacious footer{padding:1.5rem 3rem}.card.separated header{border-bottom-width:2px;border-bottom-color:var(--border, var(--m-border))}.card.separated footer{border-top-width:2px;border-top-color:var(--border, var(--m-border))}.card.size-xs{max-width:240px;min-height:120px}.card.size-sm{max-width:320px;min-height:160px}.card.size-md{max-width:480px;min-height:240px}.card.size-lg{max-width:640px;min-height:320px}.card.size-xl{max-width:800px;min-height:400px}.card.size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.size-jumbo header{padding:3rem 1rem;text-align:center}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.size-jumbo header h3,.card.size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.size-jumbo main{padding:3rem 1rem;text-align:center}.card.size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.size-jumbo footer{padding:1.5rem 1rem;text-align:center}.card.size-full-width{width:100%;max-width:none;margin:0;border-radius:0}@media(min-width:992px){.card.size-full-width{border-radius:8px;margin:0 1rem}}.card.full-width{width:100vw;margin-left:50%;transform:translate(-50%);max-width:none;border-radius:0}@media(min-width:1200px){.card.full-width{width:100%;margin-left:0;transform:none;border-radius:8px}}.card.interactive{cursor:pointer}.card.interactive:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a,0 8px 24px #00000014}.card.interactive:active{transform:translateY(0);transition:transform .1s ease-out}a.card{color:inherit;text-decoration:none}.card.elevated{box-shadow:15px 15px 30px #bebebe,-15px -15px 30px #fff;border:none}.card.full-height{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.full-height header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.full-height main{flex:1;overflow-y:auto;min-height:0}.card.full-height footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'm-card,m-one-card', imports: [NgTemplateOutlet], host: {
                         '[class.full-height]': 'fullHeight() || config()?.fullHeight || variant() === "dashboard"',
                         '[class.dashboard]': 'variant() === "dashboard"',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #body>\n  <header>\n    <ng-content select=\"[slot=header]\"></ng-content>\n  </header>\n\n  <main>\n    <ng-content select=\"[slot=content]\"></ng-content>\n    <ng-content></ng-content>\n  </main>\n\n  <footer>\n    <ng-content select=\"[slot=footer]\"></ng-content>\n  </footer>\n</ng-template>\n\n@if (href()) {\n  <a [class]=\"classNames()\" [href]=\"href()\" (click)=\"onCardClick($event)\">\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </a>\n} @else {\n  <div\n    [class]=\"classNames()\"\n    [attr.role]=\"isClickable() ? 'button' : null\"\n    [attr.tabindex]=\"isClickable() ? 0 : null\"\n    (click)=\"onCardClick($event)\"\n    (keydown.enter)=\"isClickable() && onCardClick($event)\"\n    (keydown.space)=\"$event.preventDefault(); isClickable() && onCardClick($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </div>\n}\n", styles: [":host{display:block;width:100%}:host.full-height,:host.dashboard{height:100%}.card{display:flex;flex-direction:column;border-radius:1em;overflow:hidden;box-sizing:border-box;transition:all .2s ease-in-out;width:100%;min-height:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:var(--m-backdrop-standard);border:1px solid var(--m-backdrop-border)}.card header,.card main,.card footer{padding:1rem 1.5rem}.card header{color:var(--m-card-color);border-bottom:1px solid var(--border, var(--m-border))}.card header:empty{display:none}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{margin:0 0 .25rem;font-weight:600;color:#333;line-height:1.3}.card header p{margin:0;color:#666;font-size:.875rem;line-height:1.4}.card main{flex:1;--m-section-min-height: 0;--section-pt: 0}.card main:empty:not(:only-child){display:none}.card main p{margin:0 0 1rem;line-height:1.5;color:#333}.card main p:last-child{margin-bottom:0}.card footer{border-top:1px solid var(--border, var(--m-border));font-size:.75rem;color:#666}.card footer:empty{display:none}@media(min-width:0){.card.xs-size-xs{max-width:240px;min-height:120px}}@media(min-width:0){.card.xs-size-sm{max-width:320px;min-height:160px}}@media(min-width:0){.card.xs-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-sm{max-width:320px;min-height:160px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-md{max-width:480px;min-height:240px}}@media(min-width:768px){.card.md-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-xl{max-width:800px;min-height:400px}}@media(min-width:768px){.card.md-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.md-size-jumbo header{padding:3rem 1rem;text-align:center}.card.md-size-jumbo header h1,.card.md-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.md-size-jumbo header h3,.card.md-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.md-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.md-size-jumbo main{padding:3rem 1rem;text-align:center}.card.md-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.md-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:992px){.card.lg-size-lg{max-width:640px;min-height:320px}}@media(min-width:992px){.card.lg-size-xl{max-width:800px;min-height:400px}}@media(min-width:992px){.card.lg-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.lg-size-jumbo header{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo header h1,.card.lg-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.lg-size-jumbo header h3,.card.lg-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.lg-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.lg-size-jumbo main{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.lg-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1200px){.card.xl-size-xl{max-width:800px;min-height:400px}}@media(min-width:1200px){.card.xl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo header h1,.card.xl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xl-size-jumbo header h3,.card.xl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1400px){.card.xxl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xxl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo header h1,.card.xxl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xxl-size-jumbo header h3,.card.xxl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xxl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xxl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xxl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(max-width:991.98px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{width:100%;max-width:none;margin:0;border-radius:0}}@media(max-width:991.98px)and (min-width:992px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{border-radius:8px;margin:0 1rem}}@media(max-width:767.98px){.card header,.card main,.card footer{padding-left:1rem;padding-right:1rem}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{font-size:1.1rem}.card header p{font-size:.8rem}.card main p{font-size:.9rem}.card footer{font-size:.7rem}}@media(min-width:768px)and (max-width:991.98px){.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2rem}.card.size-jumbo header p{font-size:1.1rem}.card.size-jumbo main p{font-size:1rem}}@media(max-width:575.98px){.card.size-jumbo header{padding:1.5rem 1rem}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:1.8rem}.card.size-jumbo header p{font-size:1rem}.card.size-jumbo main{padding:1.5rem 1rem}.card.size-jumbo main p{font-size:.95rem}.card.size-jumbo footer{padding:1rem}}.card.flat,.card.outlined{border:1px solid var(--border, var(--m-border));box-shadow:none}.card.glass{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border:1px solid var(--m-border)}.card.glass header{border-bottom:1px solid var(--m-border)}.card.glass footer{border-top:1px solid var(--m-border)}.card.beautiful{background:var(--surface-hover);border:1px solid var(--border);box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card.beautiful header{border-bottom:1px solid var(--border);background:rgba(var(--primary-rgb),.03)}.card.beautiful footer{border-top:1px solid var(--border);background:rgba(var(--primary-rgb),.02)}.card.professional{background:#fff;border:1px solid #e2e8f0;border-radius:0;box-shadow:none}.card.professional header{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.card.professional main{padding:2rem}.card.professional footer{padding:1.5rem 2rem;background:#fff;border-top:1px solid #f1f5f9}.card.subtle{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;box-shadow:none}.card.subtle header,.card.subtle main,.card.subtle footer{padding:1rem}.card.no-border{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.no-border header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.no-border header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.no-border footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.no-border footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.dashboard header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.dashboard header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.dashboard footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.dashboard footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.dashboard header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.dashboard main{flex:1;overflow-y:auto;min-height:0}.card.dashboard footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}.card.dashboard{border:var(--m-card-border, 1px solid var(--m-backdrop-border));border-radius:var(--m-card-border-radius, 1.5rem);background:var(--m-card-background, var(--m-backdrop-glass));box-shadow:0 8px 32px -4px #0000000a,0 1px 4px #00000005}.card.dashboard header{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);border-bottom:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.dashboard footer{background:linear-gradient(0deg,rgba(255,255,255,.03) 0%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto;border-top:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.roundedBorder{border:2px solid var(--border, var(--m-border));border-radius:4px;box-shadow:none}.card.highlighted{border:2px solid var(--border, var(--m-border));border-radius:4px;background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 5%,var(--background, var(--m-background)) 95%);box-shadow:0 0 0 1px var(--mm-color, var(--m-mm))}.card.clickable{border:2px solid var(--border, var(--m-border));border-radius:4px;cursor:pointer;transition:border-color .2s ease-in-out,background-color .15s ease-in-out}.card.clickable:hover{border-color:var(--mm-color, var(--m-mm))}.card.clickable:active{border-color:var(--mm-color, var(--m-mm));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 8%,transparent)}.card.line{border:1px solid var(--border, var(--m-border));border-radius:16px;box-shadow:none}.card.padding-none header,.card.padding-none main,.card.padding-none footer{padding:0}.card.padding-x header,.card.padding-x main,.card.padding-x footer{padding-block:0}.card.padding-y header,.card.padding-y main,.card.padding-y footer{padding-inline:0}.card.padding-left header,.card.padding-left main,.card.padding-left footer{padding-top:0;padding-right:0;padding-bottom:0}.card.padding-right header,.card.padding-right main,.card.padding-right footer{padding-top:0;padding-bottom:0;padding-left:0}.card.padding-up header,.card.padding-up main,.card.padding-up footer{padding-right:0;padding-bottom:0;padding-left:0}.card.padding-down header,.card.padding-down main,.card.padding-down footer{padding-top:0;padding-right:0;padding-left:0}.card.compact{border-radius:.5rem}.card.compact header,.card.compact main,.card.compact footer{padding:.5rem 1rem}.card.spacious{border-radius:1.5rem}.card.spacious header,.card.spacious main,.card.spacious footer{padding:1.5rem 3rem}.card.separated header{border-bottom-width:2px;border-bottom-color:var(--border, var(--m-border))}.card.separated footer{border-top-width:2px;border-top-color:var(--border, var(--m-border))}.card.size-xs{max-width:240px;min-height:120px}.card.size-sm{max-width:320px;min-height:160px}.card.size-md{max-width:480px;min-height:240px}.card.size-lg{max-width:640px;min-height:320px}.card.size-xl{max-width:800px;min-height:400px}.card.size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.size-jumbo header{padding:3rem 1rem;text-align:center}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.size-jumbo header h3,.card.size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.size-jumbo main{padding:3rem 1rem;text-align:center}.card.size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.size-jumbo footer{padding:1.5rem 1rem;text-align:center}.card.size-full-width{width:100%;max-width:none;margin:0;border-radius:0}@media(min-width:992px){.card.size-full-width{border-radius:8px;margin:0 1rem}}.card.full-width{width:100vw;margin-left:50%;transform:translate(-50%);max-width:none;border-radius:0}@media(min-width:1200px){.card.full-width{width:100%;margin-left:0;transform:none;border-radius:8px}}.card.interactive{cursor:pointer}.card.interactive:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a,0 8px 24px #00000014}.card.interactive:active{transform:translateY(0);transition:transform .1s ease-out}a.card{color:inherit;text-decoration:none}.card.elevated{box-shadow:15px 15px 30px #bebebe,-15px -15px 30px #fff;border:none}.card.full-height{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.full-height header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.full-height main{flex:1;overflow-y:auto;min-height:0}.card.full-height footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #body>\n  <header>\n    <ng-content select=\"[slot=header]\"></ng-content>\n  </header>\n\n  <main>\n    <ng-content select=\"[slot=content]\"></ng-content>\n    <ng-content></ng-content>\n  </main>\n\n  <footer>\n    <ng-content select=\"[slot=footer]\"></ng-content>\n  </footer>\n</ng-template>\n\n@if (href()) {\n  <a [class]=\"classNames()\" [href]=\"href()\" (click)=\"onCardClick($event)\">\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </a>\n} @else {\n  <div\n    [class]=\"classNames()\"\n    [attr.role]=\"isClickable() ? 'button' : null\"\n    [attr.tabindex]=\"isClickable() ? 0 : null\"\n    (click)=\"onCardClick($event)\"\n    (keydown.enter)=\"isClickable() && onCardClick($event)\"\n    (keydown.space)=\"$event.preventDefault(); isClickable() && onCardClick($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </div>\n}\n", styles: [":host{display:block;width:100%}:host.full-height,:host.dashboard{height:100%}.card{display:flex;flex-direction:column;border-radius:var(--m-card-radius, .4em );overflow:hidden;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease;width:100%;min-height:0;border:var(--m-card-border, 1px solid color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-card-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:var(--m-backdrop-standard);border:1px solid var(--m-backdrop-border)}.card header,.card main,.card footer{padding:1rem 1.5rem}.card header{color:var(--m-card-color);border-bottom:1px solid var(--border, var(--m-border))}.card header:empty{display:none}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{margin:0 0 .25rem;font-weight:600;color:#333;line-height:1.3}.card header p{margin:0;color:#666;font-size:.875rem;line-height:1.4}.card main{flex:1;--m-section-min-height: 0;--section-pt: 0}.card main:empty:not(:only-child){display:none}.card main p{margin:0 0 1rem;line-height:1.5;color:#333}.card main p:last-child{margin-bottom:0}.card footer{border-top:1px solid var(--border, var(--m-border));font-size:.75rem;color:#666}.card footer:empty{display:none}@media(min-width:0){.card.xs-size-xs{max-width:240px;min-height:120px}}@media(min-width:0){.card.xs-size-sm{max-width:320px;min-height:160px}}@media(min-width:0){.card.xs-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-sm{max-width:320px;min-height:160px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-md{max-width:480px;min-height:240px}}@media(min-width:768px){.card.md-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-xl{max-width:800px;min-height:400px}}@media(min-width:768px){.card.md-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.md-size-jumbo header{padding:3rem 1rem;text-align:center}.card.md-size-jumbo header h1,.card.md-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.md-size-jumbo header h3,.card.md-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.md-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.md-size-jumbo main{padding:3rem 1rem;text-align:center}.card.md-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.md-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:992px){.card.lg-size-lg{max-width:640px;min-height:320px}}@media(min-width:992px){.card.lg-size-xl{max-width:800px;min-height:400px}}@media(min-width:992px){.card.lg-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.lg-size-jumbo header{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo header h1,.card.lg-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.lg-size-jumbo header h3,.card.lg-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.lg-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.lg-size-jumbo main{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.lg-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1200px){.card.xl-size-xl{max-width:800px;min-height:400px}}@media(min-width:1200px){.card.xl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo header h1,.card.xl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xl-size-jumbo header h3,.card.xl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1400px){.card.xxl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xxl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo header h1,.card.xxl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xxl-size-jumbo header h3,.card.xxl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xxl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xxl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xxl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(max-width:991.98px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{width:100%;max-width:none;margin:0;border-radius:0}}@media(max-width:991.98px)and (min-width:992px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{border-radius:8px;margin:0 1rem}}@media(max-width:767.98px){.card header,.card main,.card footer{padding-left:1rem;padding-right:1rem}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{font-size:1.1rem}.card header p{font-size:.8rem}.card main p{font-size:.9rem}.card footer{font-size:.7rem}}@media(min-width:768px)and (max-width:991.98px){.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2rem}.card.size-jumbo header p{font-size:1.1rem}.card.size-jumbo main p{font-size:1rem}}@media(max-width:575.98px){.card.size-jumbo header{padding:1.5rem 1rem}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:1.8rem}.card.size-jumbo header p{font-size:1rem}.card.size-jumbo main{padding:1.5rem 1rem}.card.size-jumbo main p{font-size:.95rem}.card.size-jumbo footer{padding:1rem}}.card.flat,.card.outlined{border:1px solid var(--border, var(--m-border));box-shadow:none}.card.glass{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border:1px solid var(--m-border)}.card.glass header{border-bottom:1px solid var(--m-border)}.card.glass footer{border-top:1px solid var(--m-border)}.card.beautiful{background:var(--surface-hover);border:1px solid var(--border);box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card.beautiful header{border-bottom:1px solid var(--border);background:rgba(var(--primary-rgb),.03)}.card.beautiful footer{border-top:1px solid var(--border);background:rgba(var(--primary-rgb),.02)}.card.professional{background:#fff;border:1px solid #e2e8f0;border-radius:0;box-shadow:none}.card.professional header{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.card.professional main{padding:2rem}.card.professional footer{padding:1.5rem 2rem;background:#fff;border-top:1px solid #f1f5f9}.card.subtle{background:color-mix(in srgb,var(--m-focus) 2%,var(--m-background));border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );box-shadow:none}.card.subtle header,.card.subtle main,.card.subtle footer{padding:1rem}.card.no-border{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.no-border header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.no-border header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.no-border footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.no-border footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.dashboard header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.dashboard header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.dashboard footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.dashboard footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.dashboard header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.dashboard main{flex:1;overflow-y:auto;min-height:0}.card.dashboard footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}.card.dashboard{border:var(--m-card-border, 1px solid var(--m-backdrop-border));border-radius:var(--m-card-border-radius, 1.5rem);background:var(--m-card-background, var(--m-backdrop-glass));box-shadow:0 8px 32px -4px #0000000a,0 1px 4px #00000005}.card.dashboard header{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);border-bottom:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.dashboard footer{background:linear-gradient(0deg,rgba(255,255,255,.03) 0%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto;border-top:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.roundedBorder{border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );box-shadow:none}.card.highlighted{border:1px solid color-mix(in srgb,var(--mm-color, var(--m-mm)) 55%,var(--m-background));border-radius:var(--m-card-radius, .4em );background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 5%,var(--background, var(--m-background)) 95%);box-shadow:none}.card.clickable{border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );cursor:pointer;transition:border-color .2s ease,background-color .15s ease}.card.clickable:hover{border-color:color-mix(in srgb,var(--mm-color, var(--m-mm)) 55%,var(--m-background));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 4%,var(--m-background))}.card.clickable:active{border-color:var(--mm-color, var(--m-mm));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 8%,transparent)}.card.line{border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );box-shadow:none}.card.padding-none header,.card.padding-none main,.card.padding-none footer{padding:0}.card.padding-x header,.card.padding-x main,.card.padding-x footer{padding-block:0}.card.padding-y header,.card.padding-y main,.card.padding-y footer{padding-inline:0}.card.padding-left header,.card.padding-left main,.card.padding-left footer{padding-top:0;padding-right:0;padding-bottom:0}.card.padding-right header,.card.padding-right main,.card.padding-right footer{padding-top:0;padding-bottom:0;padding-left:0}.card.padding-up header,.card.padding-up main,.card.padding-up footer{padding-right:0;padding-bottom:0;padding-left:0}.card.padding-down header,.card.padding-down main,.card.padding-down footer{padding-top:0;padding-right:0;padding-left:0}.card.compact{border-radius:var(--m-card-radius, .4em )}.card.compact header,.card.compact main,.card.compact footer{padding:.5rem 1rem}.card.spacious{border-radius:var(--m-card-radius, .4em )}.card.spacious header,.card.spacious main,.card.spacious footer{padding:1.5rem 3rem}.card.separated header{border-bottom-width:2px;border-bottom-color:var(--border, var(--m-border))}.card.separated footer{border-top-width:2px;border-top-color:var(--border, var(--m-border))}.card.size-xs{max-width:240px;min-height:120px}.card.size-sm{max-width:320px;min-height:160px}.card.size-md{max-width:480px;min-height:240px}.card.size-lg{max-width:640px;min-height:320px}.card.size-xl{max-width:800px;min-height:400px}.card.size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.size-jumbo header{padding:3rem 1rem;text-align:center}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.size-jumbo header h3,.card.size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.size-jumbo main{padding:3rem 1rem;text-align:center}.card.size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.size-jumbo footer{padding:1.5rem 1rem;text-align:center}.card.size-full-width{width:100%;max-width:none;margin:0;border-radius:0}@media(min-width:992px){.card.size-full-width{border-radius:8px;margin:0 1rem}}.card.full-width{width:100vw;margin-left:50%;transform:translate(-50%);max-width:none;border-radius:0}@media(min-width:1200px){.card.full-width{width:100%;margin-left:0;transform:none;border-radius:8px}}.card.interactive{cursor:pointer}.card.interactive:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a,0 8px 24px #00000014}.card.interactive:active{transform:translateY(0);transition:transform .1s ease-out}a.card{color:inherit;text-decoration:none}.card.elevated{box-shadow:15px 15px 30px #bebebe,-15px -15px 30px #fff;border:none}.card.full-height{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.full-height header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.full-height main{flex:1;overflow-y:auto;min-height:0}.card.full-height footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}\n"] }]
         }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], spacing: [{ type: i0.Input, args: [{ isSignal: true, alias: "spacing", required: false }] }], fullHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullHeight", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], clickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickable", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
 
 class CardWrapperComponent {
@@ -24525,7 +24525,7 @@ class CardWrapperComponent {
     <div [class]="'m-card-wrapper ' + variantClass()">
       <ng-content></ng-content>
     </div>
-  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.m-card-wrapper{display:flex;flex-direction:column;box-sizing:border-box;transition:all .25s cubic-bezier(.4,0,.2,1);animation:slideUpFade .8s ease-out forwards;width:100%;max-width:100%}.m-card-wrapper--dashboard{background:#fff;border-radius:30px;padding:2.2rem;box-shadow:0 10px 40px #0000000a;border:1px solid #f1f5f9}@media(max-width:768px){.m-card-wrapper--dashboard{padding:1rem}}.m-card-wrapper--dashboard:hover{transform:translateY(-5px);box-shadow:0 20px 50px #00000012}.m-card-wrapper--content{width:100%;max-width:1000px;background:#ffffffb3;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:40px;border:1px solid rgba(255,255,255,.5);box-shadow:0 25px 60px #0000000f;padding:2.5rem;animation-duration:1s}@media(max-width:768px){.m-card-wrapper--content{padding:1rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.m-card-wrapper{display:flex;flex-direction:column;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease;animation:slideUpFade .8s ease-out forwards;width:100%;max-width:100%}.m-card-wrapper--dashboard{background:color-mix(in srgb,var(--m-focus) 2%,var(--m-background));border-radius:var(--m-card-radius, .4em );padding:1.5rem;box-shadow:none;border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background))}@media(max-width:768px){.m-card-wrapper--dashboard{padding:1rem}}.m-card-wrapper--dashboard:hover{border-color:color-mix(in srgb,var(--m-focus) 55%,var(--m-background))}.m-card-wrapper--content{width:100%;max-width:1000px;background:color-mix(in srgb,var(--m-focus) 2%,var(--m-background));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:var(--m-card-radius, .4em );border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));box-shadow:none;padding:2rem;animation-duration:1s}@media(max-width:768px){.m-card-wrapper--content{padding:1rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CardWrapperComponent, decorators: [{
             type: Component,
@@ -24533,7 +24533,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
     <div [class]="'m-card-wrapper ' + variantClass()">
       <ng-content></ng-content>
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.m-card-wrapper{display:flex;flex-direction:column;box-sizing:border-box;transition:all .25s cubic-bezier(.4,0,.2,1);animation:slideUpFade .8s ease-out forwards;width:100%;max-width:100%}.m-card-wrapper--dashboard{background:#fff;border-radius:30px;padding:2.2rem;box-shadow:0 10px 40px #0000000a;border:1px solid #f1f5f9}@media(max-width:768px){.m-card-wrapper--dashboard{padding:1rem}}.m-card-wrapper--dashboard:hover{transform:translateY(-5px);box-shadow:0 20px 50px #00000012}.m-card-wrapper--content{width:100%;max-width:1000px;background:#ffffffb3;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:40px;border:1px solid rgba(255,255,255,.5);box-shadow:0 25px 60px #0000000f;padding:2.5rem;animation-duration:1s}@media(max-width:768px){.m-card-wrapper--content{padding:1rem}}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.m-card-wrapper{display:flex;flex-direction:column;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease;animation:slideUpFade .8s ease-out forwards;width:100%;max-width:100%}.m-card-wrapper--dashboard{background:color-mix(in srgb,var(--m-focus) 2%,var(--m-background));border-radius:var(--m-card-radius, .4em );padding:1.5rem;box-shadow:none;border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background))}@media(max-width:768px){.m-card-wrapper--dashboard{padding:1rem}}.m-card-wrapper--dashboard:hover{border-color:color-mix(in srgb,var(--m-focus) 55%,var(--m-background))}.m-card-wrapper--content{width:100%;max-width:1000px;background:color-mix(in srgb,var(--m-focus) 2%,var(--m-background));backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:var(--m-card-radius, .4em );border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));box-shadow:none;padding:2rem;animation-duration:1s}@media(max-width:768px){.m-card-wrapper--content{padding:1rem}}\n"] }]
         }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
 
 class DashboardCardComponent {
@@ -36562,4 +36562,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  */
 
 export { ColComponent as $, ACCESS_DOMAINS as A, ButtonComponent as B, Assets as C, AuthActivityPageComponent as D, AuthApiService as E, AuthStore as F, AutosizeDirective as G, HeaderComponent$1 as H, InputType as I, BadgeComponent as J, BandingComponent as K, LabelComponent as L, MODAL_REF as M, BaseArrayInputComponent as N, BaseRootWebComponent as O, BaseWebComponent as P, ButtonGroupComponent as Q, RangeInputComponent as R, COMPONENT_INPUT_REGISTRY as S, TranslatePipe as T, CardComponent as U, CardWrapperComponent as V, CarouselComponent as W, ChartComponent as X, ChatBubbleComponent as Y, CheckboxInputComponent as Z, ClearableInputComponent as _, MIN_ZOOM as a, MHeroComponent as a$, ColorPickerInputComponent as a0, CommentItemComponent as a1, CommentsApiService as a2, CommentsComponent as a3, CommentsStore as a4, CompactNumberPipe as a5, ComponentInputComponent as a6, ComponentStepperComponent as a7, ConfigComponent as a8, ConfirmComponent as a9, FileUploadDirective as aA, FileUploadInputComponent as aB, FlexComponent as aC, FlexItemComponent as aD, FormGroupComponent as aE, FrameComponent as aF, FreezeService as aG, GRID_BREAKPOINTS as aH, GetNavService as aI, HighlightDirective as aJ, HttpService as aK, ICON_SOURCE as aL, IS_SIDE_PANEL as aM, IconComponent as aN, ImgComponent as aO, InstrumentScoreComponent as aP, InterceptorObservables as aQ, JumbotronComponent as aR, KeyValueComponent as aS, LAYOUT_ASSET_FOLDER as aT, LOGIN_COMPONENT as aU, LOGIN_STORE as aV, LanguageComponent as aW, ListComponent as aX, LogoComponent as aY, MAG_SOCKET_EVENT as aZ, MHeroColorDirective as a_, ContextMenuComponent as aa, CustomIconClass as ab, CustomIconEditComponent as ac, DEFAULT_FILTER_RANGE_MODE as ad, DEFAULT_FILTER_VARIANT as ae, DEFAULT_NAV_PARAM as af, DEFAULT_NAV_SEGMENT as ag, DEFAULT_SIZE as ah, DashboardCardComponent as ai, DateInputComponent as aj, DatePickerComponent as ak, DeviceService as al, DomService as am, Domain as an, DotGridComponent as ao, DragListDirective as ap, DragListItemDirective as aq, DraggableDirective as ar, DropdownInputComponent as as, FILTER_GROUP_CONTEXT as at, FILTER_RANGE_MODES as au, FILTER_VARIANTS as av, FLEX_VARIANTS as aw, FOLDER_PICK_LISTENER as ax, FORM_ASSET_FOLDER as ay, FileService as az, MAX_ZOOM as b, SEARCH_RESULTS_EVENT as b$, MODAL_STORE_REF as b0, MRefDirective as b1, MStepComponent as b2, MURL_PARAM as b3, MURL_SEP as b4, ManifestEnrichmentService as b5, MenuComponent as b6, ModalDirective as b7, ModalRef as b8, ModalStore as b9, OVERLAY_WIDGETS as bA, OneApp as bB, OptionsSourceDirective as bC, OverlayBodyComponent as bD, OverlayRef as bE, OverlayService as bF, PLATFORM_BUTTON_NAV_IDS as bG, PLATFORM_EXTENSIBLE_NAV_IDS as bH, PLATFORM_NAV_MAP as bI, PLATFORM_ROOT_CHILDREN as bJ, PaginationComponent as bK, PanelComponent as bL, PercentagePipe as bM, PlaygroundComponent as bN, PositionDirective as bO, PwaInstallComponent as bP, ROOT_NAV$1 as bQ, RadioGroupComponent as bR, RadioInputComponent as bS, RatingInputComponent as bT, ReactiveElementComponent as bU, RemoteComponent as bV, RemoteLoaderService as bW, ResizeElementComponent as bX, RouteContainer as bY, RowComponent as bZ, SEARCH_QUERY as b_, MoneyPipe as ba, MultiRangeInputComponent as bb, MurlUrlSerializer as bc, NAV_DEFAULT_MURL as bd, NAV_ID_SEP as be, NAV_MAIN_BUTTONS as bf, NAV_SEGMENT_RE as bg, NAV_STORE_REF as bh, NAV_WC_COMPONENTS as bi, NAV_WIDGET_MAP as bj, NavComponent as bk, NavDetailsComponent as bl, NavHeaderComponent as bm, NavMenuComponent as bn, NavStore as bo, NavTrailComponent as bp, NothingComponent as bq, NotificationElementComponent as br, NotificationGroupComponent as bs, NotificationPopupComponent as bt, NotificationService as bu, NotificationStore as bv, NotificationType as bw, NotificationWidgetComponent as bx, ONE_ASSET_BASE_URL as by, OPTIONS_SOURCE as bz, cropRect as c, ThemeService as c$, SECTION_ACCORDION_GROUP as c0, SECTION_FORM_CONTEXT as c1, SHARED_ICONS as c2, SIZE_CONTEXT as c3, ScoreComponent as c4, ScrollComponent as c5, ScrollService as c6, SearchPanelComponent as c7, SearchStore as c8, SearchUserPanelComponent as c9, SettingsSearchBarComponent as cA, SettingsSearchService as cB, ShapeComponent as cC, SharedStoreRegistry as cD, SidePanelDirective as cE, Size as cF, SocketStore as cG, SortComponent as cH, StatComponent as cI, StepComponent as cJ, StepperComponent as cK, StepsComponent as cL, StorageService as cM, StrokeLinecap as cN, StrokeLinejoin as cO, SummaryComponent as cP, SvgGeneratorComponent as cQ, SvgGeneratorService as cR, SvgService as cS, TOTAL_COLUMNS as cT, TRANSLATION_SOURCE as cU, TableComponent as cV, TechnicalMeterComponent as cW, TextInputComponent as cX, TextareaInputComponent as cY, ThemeComponent as cZ, ThemeDataService as c_, SectionAccordionDirective as ca, SectionAccordionGroupDirective as cb, SectionBackComponent as cc, SectionBadgesComponent as cd, SectionButtonGroupComponent as ce, SectionCardComponent as cf, SectionCarouselComponent as cg, SectionComponent as ch, SectionFilterComponent as ci, SectionFilterGroupComponent as cj, SectionFilterMenuComponent as ck, SectionFilterPanelComponent as cl, SectionFilterRangePanelComponent as cm, SectionFooterComponent as cn, SectionFormComponent as co, SectionFormItemComponent as cp, SectionHeaderComponent as cq, SectionHeroComponent as cr, SectionPaginationComponent as cs, SectionSearchComponent as ct, SectionStepperComponent as cu, SectionTabsComponent as cv, SectionToggleComponent as cw, SectionToggleItemDirective as cx, SelectableCardInputComponent as cy, SelectorDirective as cz, drawFramed as d, filterTreeGridRows as d$, ThemeStore as d0, TimeAgoPipe as d1, TimelineComponent as d2, ToggleButtonComponent as d3, ToggleInputComponent as d4, ToggleRadioInputComponent as d5, ToolTipDirective as d6, TooltipComponent as d7, TranslateService as d8, TreeGridComponent as d9, cellText as dA, checkFilterCondition as dB, childNavId as dC, classListSignal as dD, coerceSize as dE, cornerEdge as dF, cornerSide as dG, createMap as dH, createPlatformNavMap as dI, deriveAvatarGradient as dJ, deriveContrastColor as dK, deriveOppositeColor as dL, derivePropertyName as dM, emailValidation as dN, evaluate as dO, evaluateBool as dP, filterHoldsList as dQ, filterHoldsOneBound as dR, filterHoldsOptions as dS, filterHoldsRange as dT, filterList as dU, filterNumber as dV, filterNumberList as dW, filterOne as dX, filterPanelOf as dY, filterPanelWidth as dZ, filterRange as d_, URL_SEP as da, USER_STORE_REF as db, USER_TAB_MAP as dc, UniverseComponent as dd, UserApiService as de, UserAvatarComponent as df, UserComponent as dg, UserNavComponent as dh, UserSettingsComponent as di, UserStore as dj, WC_ROUTE_CHANGED_EVENT as dk, WC_SEARCH_GROUPS as dl, WIN_USER_TAB_HOOK as dm, WIN_USER_TAB_KEY as dn, WatermarkComponent as dp, WcRouterStore as dq, WrapperInputComponent as dr, anchorNavId as ds, applyColorsToElement as dt, assetOptions as du, bootstrapMagApp as dv, bootstrapPwaInstall as dw, buildWcBaseUrl as dx, calculateLuminance as dy, calculateRanks as dz, encodeFramed as e, navParamOf as e$, filterValueList as e0, filterValues as e1, flattenTreeGridRows as e2, formatBadgeCount as e3, fullName as e4, generateClipPath as e5, generateTransform as e6, getClassList as e7, getProperty as e8, getScrollParent as e9, isSize as eA, isTierPreview as eB, isUrlLocalhost as eC, isValidNavId as eD, isValidNavSegment as eE, isWebComponent as eF, linkToId as eG, linkToNav as eH, loadingActions as eI, mInterceptor as eJ, manualValidation as eK, matchFieldValidation as eL, maxLengthValidation as eM, maxValidation as eN, mergePlatformNav as eO, mergeUnique as eP, mergeUniqueBy as eQ, mergeUniqueWith as eR, minAgeValidation as eS, minLengthValidation as eT, minValidation as eU, miniMarkToHtml as eV, navIdChain as eW, navIdFor as eX, navIdSegment as eY, navIdToRoutePath as eZ, navIdToSegments as e_, getTierFromPreviewPath as ea, getTreeGridRow as eb, getUniqueId as ec, getValue as ed, hasErrorComputed as ee, hexToRgb as ef, hslToRgb$1 as eg, initMagmoniumApp as eh, initialNotificationState as ei, initialState$2 as ej, initials as ek, injectAuthenticate as el, injectInstallApp as em, injectParentSize as en, injectScrollSticky as eo, isButtonName as ep, isCancelledComputed as eq, isExtensiblePlatformNavId as er, isJson as es, isLoadingComputed as et, isLocalhost as eu, isNavInstanceConfig as ev, isNavMenuConfig as ew, isNavRowsConfig as ex, isNavVisibilityConfig as ey, isPlatformNavId as ez, clampFraming as f, navToId as f0, navVisibilityGuard as f1, normalizeAssetOptions as f2, parentNavId as f3, parseAddress as f4, parseColor as f5, parsePatternNames as f6, patternValidation as f7, patternsValidation as f8, platformNavWidgets as f9, samePatterns as fA, segmentsToNavId as fB, setProperty as fC, setTreeGridChildren as fD, settingsWidgets as fE, shouldShowBadge as fF, splitNavId as fG, splitOnMatch as fH, stringToColor as fI, toAttrBool as fJ, toAttrNumber as fK, toCssLength as fL, toHostNavId as fM, toLength$1 as fN, toLocalNavId as fO, toggleTreeGridRow as fP, unfetchedPlatformNav as fQ, urlValidation as fR, privateGuard as fa, processImageToSvg as fb, provideAppContext as fc, provideMagAppConfig as fd, provideMagWcConfig as fe, provideMagWcRoutes as ff, provideModalComponents as fg, provideMurlUrlSerializer as fh, provideNavWidgets as fi, provideOverlayWidgets as fj, providePlatformNavWidgets as fk, provideSearch as fl, provideSizeContext as fm, provideUserTabs as fn, publicGuard as fo, readFieldPatterns as fp, renderAddress as fq, requiredValidation as fr, resolveConfigAsset as fs, resolveIconSize as ft, resolvePallet as fu, resolvePatternRules as fv, resolveSize as fw, rgbToHex as fx, rgbToHsl as fy, rowHasChildren as fz, BaseInputComponent as g, BaseTextInputComponent as h, initialFraming as i, TextOutputComponent as j, IS_DESIGN_MODE as k, APP_CONTEXT_REF as l, ASSET_BASE_URL as m, AccordionBodyDirective as n, outputSize as o, parseRatio as p, AccordionComponent as q, renameForType as r, AccordionGroupComponent as s, ActionComponent as t, AnimatedGraphsComponent as u, AppCardComponent as v, AppRelationType as w, AppTileComponent as x, AssetStore as y, AssetUrlPipe as z };
-//# sourceMappingURL=magmonium-one-magmonium-one-zMBbH4e6.mjs.map
+//# sourceMappingURL=magmonium-one-magmonium-one-D023Nl0G.mjs.map