@magmonium/one 0.2.15 → 0.2.17

package/fesm2022/{magmonium-one-magmonium-one-C9birwqJ.mjs → magmonium-one-magmonium-one-D17PHUaP.mjs}

@@ -1067,7 +1067,16 @@ class TranslateService {
             return `<a alt="${this.escapeHtml(alt)}">${this.escapeHtml(displayText)}</a>`;
         }
         if (content.startsWith('$')) {
-            return this.escapeHtml(this.translate(config[content] ?? config[content.substring(1)]));
+            const param = config[content] ?? config[content.substring(1)];
+            // An unfilled slot stays visible rather than resolving to nothing.
+            // `translate(undefined)` returns '', so `Found <$count> apps` rendered
+            // as `Found  apps` — the slot deleted itself and the sentence read as a
+            // typo. `replacePlaceholders` already promises the opposite ("a
+            // placeholder with no matching param is left untouched"), and every
+            // caller documents `<$name>` as what an unfilled slot draws.
+            if (param === undefined)
+                return `<${content}>`;
+            return this.escapeHtml(this.translate(param));
         }
         return `<${content}>`;
     }
@@ -5614,6 +5623,9 @@ class ButtonComponent extends ReactiveElementComponent {
     // an asset or takes a bound config.
     label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
     noTranslate = input(...(ngDevMode ? [undefined, { debugName: "noTranslate" }] : /* istanbul ignore next */ []));
+    // A Record, so it never rides as a literal attribute (ADR 0010) — it arrives
+    // bound, from the page member holding every dynamic message value.
+    params = input(...(ngDevMode ? [undefined, { debugName: "params" }] : /* istanbul ignore next */ []));
     // When true, render a non-native element (div) instead of a <button>.
     // Use this when consumers explicitly need to avoid native <button> tags.
     noNative = input(...(ngDevMode ? [undefined, { debugName: "noNative" }] : /* istanbul ignore next */ []));
@@ -5716,6 +5728,7 @@ class ButtonComponent extends ReactiveElementComponent {
         put('imgSrc', this.imgSrc());
         put('tabindex', toAttrNumber(this.tabindex()));
         put('noTranslate', toAttrBool(this.noTranslate()));
+        put('params', this.params());
         put('isRightIcon', toAttrBool(this.isRightIcon()));
         put('iconOnly', toAttrBool(this.iconOnly()));
         put('stacked', toAttrBool(this.stacked()));
@@ -5778,7 +5791,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 }, 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)\"\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)\"\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)\"\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)\"\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)\"\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) }}\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: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}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:2px 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:2px;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:4px;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, rgba(0, 0, 0, .025));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: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}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:2px 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:2px;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:4px;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, rgba(0, 0, 0, .025));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,
@@ -5790,8 +5803,8 @@ 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)\"\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)\"\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)\"\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)\"\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)\"\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) }}\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: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}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:2px 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:2px;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:4px;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, rgba(0, 0, 0, .025));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 }] }], 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 }] }] } });
+                    ], 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: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}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:2px 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:2px;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:4px;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, rgba(0, 0, 0, .025));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 }] }] } });
 
 /**
  * Sugar: a variant expands to a justify + align pair. Explicit `justify` /
@@ -6122,6 +6135,10 @@ class SectionFormItemComponent extends ConfigComponent {
     type = input(...(ngDevMode ? [undefined, { debugName: "type" }] : /* istanbul ignore next */ []));
     label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
     placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    // The one non-scalar with a seat here: a Field's [MessageVariable] values
+    // arrive bound rather than as a literal, so the lint rule the lists fall
+    // foul of never applies (ADR 0010, m-one-ui ADR 0066).
+    params = input(...(ngDevMode ? [undefined, { debugName: "params" }] : /* istanbul ignore next */ []));
     required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : /* istanbul ignore next */ []));
     disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
     icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
@@ -6177,6 +6194,7 @@ class SectionFormItemComponent extends ConfigComponent {
         put('type', this.type());
         put('label', this.label());
         put('placeholder', this.placeholder());
+        put('params', this.params());
         put('required', toAttrBool(this.required()));
         put('disabled', toAttrBool(this.disabled()));
         put('icon', this.icon());
@@ -6417,7 +6435,7 @@ class SectionFormItemComponent extends ConfigComponent {
                     break;
                 }
                 case InputType.TOGGLE: {
-                    const { ToggleInputComponent } = await import('./magmonium-one-toggle-MZ67gOjR.mjs');
+                    const { ToggleInputComponent } = await import('./magmonium-one-toggle-SgQklgxO.mjs');
                     this.createDynamicComponent(seq, ToggleInputComponent, [], true);
                     break;
                 }
@@ -6429,12 +6447,12 @@ class SectionFormItemComponent extends ConfigComponent {
                     break;
                 }
                 case InputType.PASSWORD: {
-                    const { PasswordInputComponent } = await import('./magmonium-one-password-DYwo9YG3.mjs');
+                    const { PasswordInputComponent } = await import('./magmonium-one-password-DT79TrP9.mjs');
                     this.createDynamicComponent(seq, PasswordInputComponent);
                     break;
                 }
                 case InputType.OTP: {
-                    const { OtpInputComponent } = await import('./magmonium-one-otp-BUjbm-_g.mjs');
+                    const { OtpInputComponent } = await import('./magmonium-one-otp-fpC1c9gw.mjs');
                     this.createDynamicComponent(seq, OtpInputComponent);
                     break;
                 }
@@ -6518,7 +6536,7 @@ class SectionFormItemComponent extends ConfigComponent {
         }
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionFormItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SectionFormItemComponent, isStandalone: true, selector: "m-section-form-item, m-one-section-form-item", inputs: { span: { classPropertyName: "span", publicName: "span", isSignal: true, isRequired: false, transformFunction: null }, labelOrientation: { classPropertyName: "labelOrientation", publicName: "labelOrientation", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, aclResolver: { classPropertyName: "aclResolver", publicName: "aclResolver", isSignal: true, isRequired: false, transformFunction: null }, formValues: { classPropertyName: "formValues", publicName: "formValues", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, button: { classPropertyName: "button", publicName: "button", isSignal: true, isRequired: false, transformFunction: null }, buttonAction: { classPropertyName: "buttonAction", publicName: "buttonAction", isSignal: true, isRequired: false, transformFunction: null }, buttonAcl: { classPropertyName: "buttonAcl", publicName: "buttonAcl", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, acl: { classPropertyName: "acl", publicName: "acl", isSignal: true, isRequired: false, transformFunction: null }, testid: { classPropertyName: "testid", publicName: "testid", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, length: { classPropertyName: "length", publicName: "length", isSignal: true, isRequired: false, transformFunction: null }, debounce: { classPropertyName: "debounce", publicName: "debounce", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, searchLabel: { classPropertyName: "searchLabel", publicName: "searchLabel", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, multiSelect: { classPropertyName: "multiSelect", publicName: "multiSelect", isSignal: true, isRequired: false, transformFunction: null }, equalWidth: { classPropertyName: "equalWidth", publicName: "equalWidth", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, isCheckboxVisible: { classPropertyName: "isCheckboxVisible", publicName: "isCheckboxVisible", isSignal: true, isRequired: false, transformFunction: null }, optionsAsset: { classPropertyName: "optionsAsset", publicName: "optionsAsset", isSignal: true, isRequired: false, transformFunction: null }, patterns: { classPropertyName: "patterns", publicName: "patterns", isSignal: true, isRequired: false, transformFunction: null }, patternMessage: { classPropertyName: "patternMessage", publicName: "patternMessage", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", act: "act", fieldKey: "fieldKey" }, host: { properties: { "class": "spanClass()", "style.display": "isVisible() ? null : \"none\"" } }, queries: [{ propertyName: "projectedTemplate", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], viewQueries: [{ propertyName: "dynamicInput", first: true, predicate: ["dynamicInput"], descendants: true, read: ViewContainerRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SectionFormItemComponent, isStandalone: true, selector: "m-section-form-item, m-one-section-form-item", inputs: { span: { classPropertyName: "span", publicName: "span", isSignal: true, isRequired: false, transformFunction: null }, labelOrientation: { classPropertyName: "labelOrientation", publicName: "labelOrientation", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, template: { classPropertyName: "template", publicName: "template", isSignal: true, isRequired: false, transformFunction: null }, aclResolver: { classPropertyName: "aclResolver", publicName: "aclResolver", isSignal: true, isRequired: false, transformFunction: null }, formValues: { classPropertyName: "formValues", publicName: "formValues", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, button: { classPropertyName: "button", publicName: "button", isSignal: true, isRequired: false, transformFunction: null }, buttonAction: { classPropertyName: "buttonAction", publicName: "buttonAction", isSignal: true, isRequired: false, transformFunction: null }, buttonAcl: { classPropertyName: "buttonAcl", publicName: "buttonAcl", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, acl: { classPropertyName: "acl", publicName: "acl", isSignal: true, isRequired: false, transformFunction: null }, testid: { classPropertyName: "testid", publicName: "testid", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, length: { classPropertyName: "length", publicName: "length", isSignal: true, isRequired: false, transformFunction: null }, debounce: { classPropertyName: "debounce", publicName: "debounce", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, searchLabel: { classPropertyName: "searchLabel", publicName: "searchLabel", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, multiSelect: { classPropertyName: "multiSelect", publicName: "multiSelect", isSignal: true, isRequired: false, transformFunction: null }, equalWidth: { classPropertyName: "equalWidth", publicName: "equalWidth", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, isCheckboxVisible: { classPropertyName: "isCheckboxVisible", publicName: "isCheckboxVisible", isSignal: true, isRequired: false, transformFunction: null }, optionsAsset: { classPropertyName: "optionsAsset", publicName: "optionsAsset", isSignal: true, isRequired: false, transformFunction: null }, patterns: { classPropertyName: "patterns", publicName: "patterns", isSignal: true, isRequired: false, transformFunction: null }, patternMessage: { classPropertyName: "patternMessage", publicName: "patternMessage", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", act: "act", fieldKey: "fieldKey" }, host: { properties: { "class": "spanClass()", "style.display": "isVisible() ? null : \"none\"" } }, queries: [{ propertyName: "projectedTemplate", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], viewQueries: [{ propertyName: "dynamicInput", first: true, predicate: ["dynamicInput"], descendants: true, read: ViewContainerRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <div
       [class]="itemClass()"
       [style.--sfi-gap.px]="gap()"
@@ -6551,7 +6569,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         '[class]': 'spanClass()',
                         '[style.display]': 'isVisible() ? null : "none"',
                     }, 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;flex:1 1 100%;min-width:0}.section-form-item{display:flex;flex-direction:column;gap:var(--sfi-gap, .5em );min-width:0;width:100%}.section-form-item.--horizontal{flex-direction:row;align-items:center}.section-form-item.--horizontal .section-form-item__input{flex:1;min-width:0}.section-form-item.--vertical{flex-direction:column}.section-form-item.--vertical .section-form-item__input{width:100%}.section-form-item__input{display:flex;flex-direction:column;min-width:0;width:100%}.section-form-item__input>*{width:100%}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { span: [{ type: i0.Input, args: [{ isSignal: true, alias: "span", required: false }] }], labelOrientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelOrientation", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], focused: [{ type: i0.Input, args: [{ isSignal: true, alias: "focused", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: false }] }], projectedTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }], aclResolver: [{ type: i0.Input, args: [{ isSignal: true, alias: "aclResolver", required: false }] }], formValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "formValues", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], prefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "prefix", required: false }] }], suffix: [{ type: i0.Input, args: [{ isSignal: true, alias: "suffix", required: false }] }], button: [{ type: i0.Input, args: [{ isSignal: true, alias: "button", required: false }] }], buttonAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonAction", required: false }] }], buttonAcl: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonAcl", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], acl: [{ type: i0.Input, args: [{ isSignal: true, alias: "acl", required: false }] }], testid: [{ type: i0.Input, args: [{ isSignal: true, alias: "testid", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], length: [{ type: i0.Input, args: [{ isSignal: true, alias: "length", required: false }] }], debounce: [{ type: i0.Input, args: [{ isSignal: true, alias: "debounce", required: false }] }], dateFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormat", required: false }] }], searchLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchLabel", required: false }] }], vertical: [{ type: i0.Input, args: [{ isSignal: true, alias: "vertical", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], multiSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiSelect", required: false }] }], equalWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "equalWidth", required: false }] }], iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }], isCheckboxVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCheckboxVisible", required: false }] }], optionsAsset: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionsAsset", required: false }] }], patterns: [{ type: i0.Input, args: [{ isSignal: true, alias: "patterns", required: false }] }], patternMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "patternMessage", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], act: [{ type: i0.Output, args: ["act"] }], fieldKey: [{ type: i0.Output, args: ["fieldKey"] }], dynamicInput: [{ type: i0.ViewChild, args: ['dynamicInput', { ...{ read: ViewContainerRef }, isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { span: [{ type: i0.Input, args: [{ isSignal: true, alias: "span", required: false }] }], labelOrientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelOrientation", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], focused: [{ type: i0.Input, args: [{ isSignal: true, alias: "focused", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], template: [{ type: i0.Input, args: [{ isSignal: true, alias: "template", required: false }] }], projectedTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }], aclResolver: [{ type: i0.Input, args: [{ isSignal: true, alias: "aclResolver", required: false }] }], formValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "formValues", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], params: [{ type: i0.Input, args: [{ isSignal: true, alias: "params", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], prefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "prefix", required: false }] }], suffix: [{ type: i0.Input, args: [{ isSignal: true, alias: "suffix", required: false }] }], button: [{ type: i0.Input, args: [{ isSignal: true, alias: "button", required: false }] }], buttonAction: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonAction", required: false }] }], buttonAcl: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonAcl", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], acl: [{ type: i0.Input, args: [{ isSignal: true, alias: "acl", required: false }] }], testid: [{ type: i0.Input, args: [{ isSignal: true, alias: "testid", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], length: [{ type: i0.Input, args: [{ isSignal: true, alias: "length", required: false }] }], debounce: [{ type: i0.Input, args: [{ isSignal: true, alias: "debounce", required: false }] }], dateFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormat", required: false }] }], searchLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchLabel", required: false }] }], vertical: [{ type: i0.Input, args: [{ isSignal: true, alias: "vertical", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], multiSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiSelect", required: false }] }], equalWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "equalWidth", required: false }] }], iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }], isCheckboxVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCheckboxVisible", required: false }] }], optionsAsset: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionsAsset", required: false }] }], patterns: [{ type: i0.Input, args: [{ isSignal: true, alias: "patterns", required: false }] }], patternMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "patternMessage", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], act: [{ type: i0.Output, args: ["act"] }], fieldKey: [{ type: i0.Output, args: ["fieldKey"] }], dynamicInput: [{ type: i0.ViewChild, args: ['dynamicInput', { ...{ read: ViewContainerRef }, isSignal: true }] }] } });
 
 function formatDate(date, format) {
     if (!date) {
@@ -8041,7 +8059,7 @@ class ContextMenuComponent extends ConfigComponent {
       (opened)="toggle.set(true)"
       (closed)="toggle.set(false)"
     />
-  `, isInline: true, dependencies: [{ 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", "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, dependencies: [{ 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: ContextMenuComponent, decorators: [{
             type: Component,
@@ -8073,6 +8091,11 @@ let HeaderComponent$1 = class HeaderComponent {
     // markup, so a heading naming a MessageVariable — `<$app>` — resolves to
     // nothing at all rather than to itself.
     noTranslate = input(false, ...(ngDevMode ? [{ debugName: "noTranslate" }] : /* istanbul ignore next */ []));
+    // A message's [MessageVariable] values, the same record `m-text-output`
+    // takes: a heading naming `<$count>` is a sentence with a datum in it, and
+    // splicing that datum into the key instead would be parsed as a query
+    // string (m-one-ui ADR 0066).
+    params = input(undefined, ...(ngDevMode ? [{ debugName: "params" }] : /* istanbul ignore next */ []));
     actionClick = output();
     translateService = inject(TranslateService);
     sizeContext = inject(SIZE_CONTEXT, { optional: true });
@@ -8098,9 +8121,9 @@ let HeaderComponent$1 = class HeaderComponent {
     // still repaints when the language or an in-memory translation moves.
     text = computed(() => this.noTranslate()
         ? (this.label() ?? '')
-        : this.translateService.translate(this.label()), ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
+        : this.translateService.translate(this.label(), this.params()), ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: HeaderComponent, isStandalone: true, selector: "m-header", inputs: { level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, actionButton: { classPropertyName: "actionButton", publicName: "actionButton", isSignal: true, isRequired: false, transformFunction: null }, actionLabel: { classPropertyName: "actionLabel", publicName: "actionLabel", isSignal: true, isRequired: false, transformFunction: null }, noTranslate: { classPropertyName: "noTranslate", publicName: "noTranslate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: HeaderComponent, isStandalone: true, selector: "m-header", inputs: { level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, actionButton: { classPropertyName: "actionButton", publicName: "actionButton", isSignal: true, isRequired: false, transformFunction: null }, actionLabel: { classPropertyName: "actionLabel", publicName: "actionLabel", 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 } }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: `
     @switch (level()) {
       @case (1) {
         <h1 class="header__heading">
@@ -8157,7 +8180,7 @@ let HeaderComponent$1 = class HeaderComponent {
         </h6>
       }
     }
-  `, 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)}}.header__heading{display:flex;flex-direction:row;align-items:center;justify-content:var(--m-header-justify, flex-start);gap:.75rem;margin:0;padding:0;line-height:1.1;font-weight:800;letter-spacing:-.025em;color:var(--m-header-color, var(--m-text));transition:transform .2s cubic-bezier(.4,0,.2,1)}.header__heading:hover{transform:translate(2px)}.header__action{margin-left:auto}.header__action span{display:inline-block;vertical-align:middle}h1.header__heading{font-size:2.25rem;font-weight:300;color:var(--m-text-quaternary);letter-spacing:-.035em;line-height:1.15}h2.header__heading{font-size:1.75rem;font-weight:300;color:var(--m-text-tertiary);letter-spacing:-.03em;line-height:1.2}h3.header__heading{font-size:1.375rem;font-weight:400;color:var(--m-text-secondary);letter-spacing:-.025em}h4.header__heading{font-size:1.125rem;font-weight:500;color:var(--m-text);letter-spacing:-.02em}h5.header__heading{font-size:1rem;font-weight:600;color:var(--m-text);letter-spacing:-.01em}h6.header__heading{font-size:.875rem;font-weight:600;color:var(--m-text);letter-spacing:.05em;text-transform:uppercase}\n"], dependencies: [{ 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], 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)}}.header__heading{display:flex;flex-direction:row;align-items:center;justify-content:var(--m-header-justify, flex-start);gap:.75rem;margin:0;padding:0;line-height:1.1;font-weight:800;letter-spacing:-.025em;color:var(--m-header-color, var(--m-text));transition:transform .2s cubic-bezier(.4,0,.2,1)}.header__heading:hover{transform:translate(2px)}.header__action{margin-left:auto}.header__action span{display:inline-block;vertical-align:middle}h1.header__heading{font-size:2.25rem;font-weight:300;color:var(--m-text-quaternary);letter-spacing:-.035em;line-height:1.15}h2.header__heading{font-size:1.75rem;font-weight:300;color:var(--m-text-tertiary);letter-spacing:-.03em;line-height:1.2}h3.header__heading{font-size:1.375rem;font-weight:400;color:var(--m-text-secondary);letter-spacing:-.025em}h4.header__heading{font-size:1.125rem;font-weight:500;color:var(--m-text);letter-spacing:-.02em}h5.header__heading{font-size:1rem;font-weight:600;color:var(--m-text);letter-spacing:-.01em}h6.header__heading{font-size:.875rem;font-weight:600;color:var(--m-text);letter-spacing:.05em;text-transform:uppercase}\n"], dependencies: [{ 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: HeaderComponent$1, decorators: [{
             type: Component,
@@ -8219,7 +8242,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
       }
     }
   `, 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)}}.header__heading{display:flex;flex-direction:row;align-items:center;justify-content:var(--m-header-justify, flex-start);gap:.75rem;margin:0;padding:0;line-height:1.1;font-weight:800;letter-spacing:-.025em;color:var(--m-header-color, var(--m-text));transition:transform .2s cubic-bezier(.4,0,.2,1)}.header__heading:hover{transform:translate(2px)}.header__action{margin-left:auto}.header__action span{display:inline-block;vertical-align:middle}h1.header__heading{font-size:2.25rem;font-weight:300;color:var(--m-text-quaternary);letter-spacing:-.035em;line-height:1.15}h2.header__heading{font-size:1.75rem;font-weight:300;color:var(--m-text-tertiary);letter-spacing:-.03em;line-height:1.2}h3.header__heading{font-size:1.375rem;font-weight:400;color:var(--m-text-secondary);letter-spacing:-.025em}h4.header__heading{font-size:1.125rem;font-weight:500;color:var(--m-text);letter-spacing:-.02em}h5.header__heading{font-size:1rem;font-weight:600;color:var(--m-text);letter-spacing:-.01em}h6.header__heading{font-size:.875rem;font-weight:600;color:var(--m-text);letter-spacing:.05em;text-transform:uppercase}\n"] }]
-        }], propDecorators: { level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], actionButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionButton", required: false }] }], actionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionLabel", required: false }] }], noTranslate: [{ type: i0.Input, args: [{ isSignal: true, alias: "noTranslate", required: false }] }], actionClick: [{ type: i0.Output, args: ["actionClick"] }] } });
+        }], propDecorators: { level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], actionButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionButton", required: false }] }], actionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionLabel", required: false }] }], noTranslate: [{ type: i0.Input, args: [{ isSignal: true, alias: "noTranslate", required: false }] }], params: [{ type: i0.Input, args: [{ isSignal: true, alias: "params", required: false }] }], actionClick: [{ type: i0.Output, args: ["actionClick"] }] } });
 
 const SECTION_CONTEXT = new InjectionToken('SECTION_CONTEXT');
 
@@ -8233,6 +8256,11 @@ class SectionHeaderComponent {
     // sub. What a bound label needs above all: a value read from data is the
     // text itself, and resolving it as a key renders nothing.
     noTranslate = input(false, ...(ngDevMode ? [{ debugName: "noTranslate" }] : /* istanbul ignore next */ []));
+    // The [MessageVariable] values both lines are resolved with — one record for
+    // the pair, because a page holds one record for every dynamic slot it draws
+    // (m-one-ui ADR 0066) and two headings naming the same slot mean the same
+    // datum. Ignored under `noTranslate`, where neither line is looked up.
+    params = input(undefined, ...(ngDevMode ? [{ debugName: "params" }] : /* istanbul ignore next */ []));
     // Draw the sub line above the label instead of below it. The two nodes keep
     // their order — title first, sub second — whichever way the pair reads, so
     // reversing is a setting rather than a second way to arrange the children.
@@ -8261,7 +8289,7 @@ class SectionHeaderComponent {
     // change-detection tick, and it still repaints when the language moves.
     subText = computed(() => this.noTranslate()
         ? this.subLabel()
-        : this.translateService.translate(this.subLabel()), ...(ngDevMode ? [{ debugName: "subText" }] : /* istanbul ignore next */ []));
+        : this.translateService.translate(this.subLabel(), this.params()), ...(ngDevMode ? [{ debugName: "subText" }] : /* istanbul ignore next */ []));
     scrollSticky = injectScrollSticky(120, 'none');
     sectionContext = inject(SECTION_CONTEXT, { optional: true });
     sidepanel = computed(() => this.sectionContext?.sidepanel() ?? false, ...(ngDevMode ? [{ debugName: "sidepanel" }] : /* istanbul ignore next */ []));
@@ -8304,7 +8332,7 @@ class SectionHeaderComponent {
         this.accordion()?.toggle();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SectionHeaderComponent, isStandalone: true, selector: "m-section-header", inputs: { sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, subLabel: { classPropertyName: "subLabel", publicName: "subLabel", isSignal: true, isRequired: false, transformFunction: null }, noTranslate: { classPropertyName: "noTranslate", publicName: "noTranslate", isSignal: true, isRequired: false, transformFunction: null }, reverse: { classPropertyName: "reverse", publicName: "reverse", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, menu: { classPropertyName: "menu", publicName: "menu", isSignal: true, isRequired: false, transformFunction: null }, menuName: { classPropertyName: "menuName", publicName: "menuName", isSignal: true, isRequired: false, transformFunction: null }, visibilityRule: { classPropertyName: "visibilityRule", publicName: "visibilityRule", isSignal: true, isRequired: false, transformFunction: null }, disableRule: { classPropertyName: "disableRule", publicName: "disableRule", isSignal: true, isRequired: false, transformFunction: null }, extraData: { classPropertyName: "extraData", publicName: "extraData", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, showBack: { classPropertyName: "showBack", publicName: "showBack", isSignal: true, isRequired: false, transformFunction: null }, actionButton: { classPropertyName: "actionButton", publicName: "actionButton", isSignal: true, isRequired: false, transformFunction: null }, actionLabel: { classPropertyName: "actionLabel", publicName: "actionLabel", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionClick: "actionClick", action: "action", back: "back" }, host: { properties: { "class.is-sticky-enabled": "sticky()", "class.is-sticky": "isSticky()", "class.has-menu": "hasMenu()", "class.align-left": "alignment() === \"left\"", "class.align-center": "alignment() === \"center\"", "class.align-right": "alignment() === \"right\"", "class.has-sidepanel": "sidepanel()", "class.no-border": "noBorder()", "class.spacing": "spacing()" }, classAttribute: "m-section-header" }, ngImport: i0, template: "<!-- One declaration of the row, rendered by whichever branch `spacing` picks.\n     Hoisted into a template rather than written twice: an `<ng-content>` may\n     appear once per selector in a component, so the duplicated copy caught\n     nothing and a header projecting a title rendered it in the `spacing`\n     branch alone. -->\n<ng-template #body>\n  @if (accordion(); as accordionRef) {\n    <div\n      class=\"section-header__toggle\"\n      [class.section-header__toggle--rotate]=\"toggleRotates()\"\n      [class.section-header__toggle--open]=\"accordionRef.isOpen()\"\n      [id]=\"accordionRef.headerId\"\n      [attr.aria-expanded]=\"accordionRef.isOpen()\"\n      [attr.aria-controls]=\"accordionRef.bodyId\"\n    >\n      <m-button\n        [config]=\"{ icon: toggleIconName(), iconOnly: true, variant: 'ghost' }\"\n        (clicked)=\"onToggleClick()\" />\n    </div>\n  }\n  @if (showBack()) {\n    <div class=\"section-header__back\">\n      <m-button\n        [config]=\"{ icon: 'arrow_back', iconOnly: true }\"\n        (clicked)=\"back.emit()\" />\n    </div>\n  } @else if (icon(); as iconName) {\n    <m-icon [name]=\"iconName\" />\n  }\n  <div\n    class=\"section-header__title\"\n    [class.section-header__title--reverse]=\"reverse()\"\n  >\n    <!-- The title slot is the catch-all rather than a `[label]` one: every\n         header already projecting a heading writes it unselected, and a\n         selector here would drop that content on the floor. What the design\n         page emits \u2014 `<span label>` \u2014 is caught by it too, nothing else\n         claiming the node. -->\n    <ng-content />\n    <!-- The written label, drawn beside the slot rather than as its\n         `ng-content` fallback. A fallback renders only while *nothing* is\n         projected, and the design Canvas always projects the slot span \u2014\n         empty until a Control is dropped in it \u2014 so a fallback there would\n         blank the label a header is still configured with. `label` answers\n         instead, which no header projecting a title sets. -->\n    @if (label()) {\n      <m-header\n        [level]=\"level()\"\n        [label]=\"label()\"\n        [noTranslate]=\"noTranslate()\" />\n    }\n    <ng-content select=\"[sub]\" />\n    @if (subText(); as sub) {\n      <span class=\"section-header__sub\">{{ sub }}</span>\n    }\n  </div>\n  @if (actionConfig(); as action) {\n    <div class=\"section-header__action\">\n      <m-button [config]=\"action\" (clicked)=\"actionClick.emit()\" />\n    </div>\n  }\n  @if (hasMenu()) {\n    <div class=\"section-header__menu\">\n      <m-context-menu\n        [config]=\"menu()\"\n        [name]=\"menuName()\"\n        [visibilityRule]=\"visibilityRule()\"\n        [disableRule]=\"disableRule()\"\n        [extraData]=\"extraData()\"\n        (action)=\"action.emit($event)\"\n      />\n    </div>\n  }\n</ng-template>\n\n@if (spacing()) {\n  <div class=\"section-header__container\" [style.max-width]=\"maxWidth()\">\n    <div class=\"section-header__inner\">\n      <ng-container [ngTemplateOutlet]=\"body\" />\n    </div>\n  </div>\n} @else {\n  <ng-container [ngTemplateOutlet]=\"body\" />\n}\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:flex;align-items:center;gap:.5rem;min-height:var(--section-header-min-height, calc(var(--section-header-py, .5rem) * 2 + 1.25rem));border-bottom:1px solid var(--m-backdrop-border);padding:var(--section-header-py, .85rem) var(--section-px, 1rem);width:100%;grid-column:1/-1}:host(.no-border){border-bottom:none}:host(.spacing){padding:0;width:100%}.section-header__container{width:100%;margin:0 auto}.section-header__inner{display:flex;align-items:center;gap:.5rem;width:100%;padding:1rem 1.5rem}.section-header__inner .section-header__title{flex:1;min-width:0;gap:.5rem}:host(.has-sidepanel){padding-right:50px}:host(.has-sidepanel.has-menu){padding-right:50px}:host(.spacing.has-sidepanel) .section-header__inner{padding-right:calc(1.5rem + 50px)}:host(.is-sticky-enabled){position:sticky;top:0;z-index:10}:host(.is-sticky-enabled){background:color-mix(in srgb,var(--m-background) 80%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.section-header__toggle{display:flex;flex-shrink:0}.section-header__toggle.section-header__toggle--rotate m-button{display:flex;transition:transform .3s cubic-bezier(.4,0,.2,1)}.section-header__toggle.section-header__toggle--rotate.section-header__toggle--open m-button{transform:rotate(180deg)}.section-header__title{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}m-header{min-width:0}.section-header__title--reverse{flex-direction:column-reverse}.section-header__sub{font-size:.8rem;color:var(--m-text-secondary);line-height:1.2}:host(.align-center){--m-header-justify: center}:host(.align-right){--m-header-justify: flex-end}:host(.has-menu){padding-right:0}:host(.spacing.has-menu) .section-header__inner{padding-right:0}.section-header__back{display:flex;align-items:center;flex-shrink:0}.section-header__menu,.section-header__action{margin-left:auto;flex-shrink:0;display:flex;align-items:center}.section-header__action+.section-header__menu{margin-left:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ContextMenuComponent, selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted"], outputs: ["toggleChange", "action"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate"], outputs: ["actionClick"] }, { 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SectionHeaderComponent, isStandalone: true, selector: "m-section-header", inputs: { sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, subLabel: { classPropertyName: "subLabel", publicName: "subLabel", 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 }, reverse: { classPropertyName: "reverse", publicName: "reverse", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, menu: { classPropertyName: "menu", publicName: "menu", isSignal: true, isRequired: false, transformFunction: null }, menuName: { classPropertyName: "menuName", publicName: "menuName", isSignal: true, isRequired: false, transformFunction: null }, visibilityRule: { classPropertyName: "visibilityRule", publicName: "visibilityRule", isSignal: true, isRequired: false, transformFunction: null }, disableRule: { classPropertyName: "disableRule", publicName: "disableRule", isSignal: true, isRequired: false, transformFunction: null }, extraData: { classPropertyName: "extraData", publicName: "extraData", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, showBack: { classPropertyName: "showBack", publicName: "showBack", isSignal: true, isRequired: false, transformFunction: null }, actionButton: { classPropertyName: "actionButton", publicName: "actionButton", isSignal: true, isRequired: false, transformFunction: null }, actionLabel: { classPropertyName: "actionLabel", publicName: "actionLabel", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionClick: "actionClick", action: "action", back: "back" }, host: { properties: { "class.is-sticky-enabled": "sticky()", "class.is-sticky": "isSticky()", "class.has-menu": "hasMenu()", "class.align-left": "alignment() === \"left\"", "class.align-center": "alignment() === \"center\"", "class.align-right": "alignment() === \"right\"", "class.has-sidepanel": "sidepanel()", "class.no-border": "noBorder()", "class.spacing": "spacing()" }, classAttribute: "m-section-header" }, ngImport: i0, template: "<!-- One declaration of the row, rendered by whichever branch `spacing` picks.\n     Hoisted into a template rather than written twice: an `<ng-content>` may\n     appear once per selector in a component, so the duplicated copy caught\n     nothing and a header projecting a title rendered it in the `spacing`\n     branch alone. -->\n<ng-template #body>\n  @if (accordion(); as accordionRef) {\n    <div\n      class=\"section-header__toggle\"\n      [class.section-header__toggle--rotate]=\"toggleRotates()\"\n      [class.section-header__toggle--open]=\"accordionRef.isOpen()\"\n      [id]=\"accordionRef.headerId\"\n      [attr.aria-expanded]=\"accordionRef.isOpen()\"\n      [attr.aria-controls]=\"accordionRef.bodyId\"\n    >\n      <m-button\n        [config]=\"{ icon: toggleIconName(), iconOnly: true, variant: 'ghost' }\"\n        (clicked)=\"onToggleClick()\" />\n    </div>\n  }\n  @if (showBack()) {\n    <div class=\"section-header__back\">\n      <m-button\n        [config]=\"{ icon: 'arrow_back', iconOnly: true }\"\n        (clicked)=\"back.emit()\" />\n    </div>\n  } @else if (icon(); as iconName) {\n    <m-icon [name]=\"iconName\" />\n  }\n  <div\n    class=\"section-header__title\"\n    [class.section-header__title--reverse]=\"reverse()\"\n  >\n    <!-- The title slot is the catch-all rather than a `[label]` one: every\n         header already projecting a heading writes it unselected, and a\n         selector here would drop that content on the floor. What the design\n         page emits \u2014 `<span label>` \u2014 is caught by it too, nothing else\n         claiming the node. -->\n    <ng-content />\n    <!-- The written label, drawn beside the slot rather than as its\n         `ng-content` fallback. A fallback renders only while *nothing* is\n         projected, and the design Canvas always projects the slot span \u2014\n         empty until a Control is dropped in it \u2014 so a fallback there would\n         blank the label a header is still configured with. `label` answers\n         instead, which no header projecting a title sets. -->\n    @if (label()) {\n      <m-header\n        [level]=\"level()\"\n        [label]=\"label()\"\n        [params]=\"params()\"\n        [noTranslate]=\"noTranslate()\" />\n    }\n    <ng-content select=\"[sub]\" />\n    @if (subText(); as sub) {\n      <span class=\"section-header__sub\">{{ sub }}</span>\n    }\n  </div>\n  @if (actionConfig(); as action) {\n    <div class=\"section-header__action\">\n      <m-button [config]=\"action\" (clicked)=\"actionClick.emit()\" />\n    </div>\n  }\n  @if (hasMenu()) {\n    <div class=\"section-header__menu\">\n      <m-context-menu\n        [config]=\"menu()\"\n        [name]=\"menuName()\"\n        [visibilityRule]=\"visibilityRule()\"\n        [disableRule]=\"disableRule()\"\n        [extraData]=\"extraData()\"\n        (action)=\"action.emit($event)\"\n      />\n    </div>\n  }\n</ng-template>\n\n@if (spacing()) {\n  <div class=\"section-header__container\" [style.max-width]=\"maxWidth()\">\n    <div class=\"section-header__inner\">\n      <ng-container [ngTemplateOutlet]=\"body\" />\n    </div>\n  </div>\n} @else {\n  <ng-container [ngTemplateOutlet]=\"body\" />\n}\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:flex;align-items:center;gap:.5rem;min-height:var(--section-header-min-height, calc(var(--section-header-py, .5rem) * 2 + 1.25rem));border-bottom:1px solid var(--m-backdrop-border);padding:var(--section-header-py, .85rem) var(--section-px, 1rem);width:100%;grid-column:1/-1}:host(.no-border){border-bottom:none}:host(.spacing){padding:0;width:100%}.section-header__container{width:100%;margin:0 auto}.section-header__inner{display:flex;align-items:center;gap:.5rem;width:100%;padding:1rem 1.5rem}.section-header__inner .section-header__title{flex:1;min-width:0;gap:.5rem}:host(.has-sidepanel){padding-right:50px}:host(.has-sidepanel.has-menu){padding-right:50px}:host(.spacing.has-sidepanel) .section-header__inner{padding-right:calc(1.5rem + 50px)}:host(.is-sticky-enabled){position:sticky;top:0;z-index:10}:host(.is-sticky-enabled){background:color-mix(in srgb,var(--m-background) 80%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.section-header__toggle{display:flex;flex-shrink:0}.section-header__toggle.section-header__toggle--rotate m-button{display:flex;transition:transform .3s cubic-bezier(.4,0,.2,1)}.section-header__toggle.section-header__toggle--rotate.section-header__toggle--open m-button{transform:rotate(180deg)}.section-header__title{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}m-header{min-width:0}.section-header__title--reverse{flex-direction:column-reverse}.section-header__sub{font-size:.8rem;color:var(--m-text-secondary);line-height:1.2}:host(.align-center){--m-header-justify: center}:host(.align-right){--m-header-justify: flex-end}:host(.has-menu){padding-right:0}:host(.spacing.has-menu) .section-header__inner{padding-right:0}.section-header__back{display:flex;align-items:center;flex-shrink:0}.section-header__menu,.section-header__action{margin-left:auto;flex-shrink:0;display:flex;align-items:center}.section-header__action+.section-header__menu{margin-left:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ContextMenuComponent, selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted"], outputs: ["toggleChange", "action"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate", "params"], outputs: ["actionClick"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionHeaderComponent, decorators: [{
             type: Component,
@@ -8325,8 +8353,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         '[class.has-sidepanel]': 'sidepanel()',
                         '[class.no-border]': 'noBorder()',
                         '[class.spacing]': 'spacing()',
-                    }, template: "<!-- One declaration of the row, rendered by whichever branch `spacing` picks.\n     Hoisted into a template rather than written twice: an `<ng-content>` may\n     appear once per selector in a component, so the duplicated copy caught\n     nothing and a header projecting a title rendered it in the `spacing`\n     branch alone. -->\n<ng-template #body>\n  @if (accordion(); as accordionRef) {\n    <div\n      class=\"section-header__toggle\"\n      [class.section-header__toggle--rotate]=\"toggleRotates()\"\n      [class.section-header__toggle--open]=\"accordionRef.isOpen()\"\n      [id]=\"accordionRef.headerId\"\n      [attr.aria-expanded]=\"accordionRef.isOpen()\"\n      [attr.aria-controls]=\"accordionRef.bodyId\"\n    >\n      <m-button\n        [config]=\"{ icon: toggleIconName(), iconOnly: true, variant: 'ghost' }\"\n        (clicked)=\"onToggleClick()\" />\n    </div>\n  }\n  @if (showBack()) {\n    <div class=\"section-header__back\">\n      <m-button\n        [config]=\"{ icon: 'arrow_back', iconOnly: true }\"\n        (clicked)=\"back.emit()\" />\n    </div>\n  } @else if (icon(); as iconName) {\n    <m-icon [name]=\"iconName\" />\n  }\n  <div\n    class=\"section-header__title\"\n    [class.section-header__title--reverse]=\"reverse()\"\n  >\n    <!-- The title slot is the catch-all rather than a `[label]` one: every\n         header already projecting a heading writes it unselected, and a\n         selector here would drop that content on the floor. What the design\n         page emits \u2014 `<span label>` \u2014 is caught by it too, nothing else\n         claiming the node. -->\n    <ng-content />\n    <!-- The written label, drawn beside the slot rather than as its\n         `ng-content` fallback. A fallback renders only while *nothing* is\n         projected, and the design Canvas always projects the slot span \u2014\n         empty until a Control is dropped in it \u2014 so a fallback there would\n         blank the label a header is still configured with. `label` answers\n         instead, which no header projecting a title sets. -->\n    @if (label()) {\n      <m-header\n        [level]=\"level()\"\n        [label]=\"label()\"\n        [noTranslate]=\"noTranslate()\" />\n    }\n    <ng-content select=\"[sub]\" />\n    @if (subText(); as sub) {\n      <span class=\"section-header__sub\">{{ sub }}</span>\n    }\n  </div>\n  @if (actionConfig(); as action) {\n    <div class=\"section-header__action\">\n      <m-button [config]=\"action\" (clicked)=\"actionClick.emit()\" />\n    </div>\n  }\n  @if (hasMenu()) {\n    <div class=\"section-header__menu\">\n      <m-context-menu\n        [config]=\"menu()\"\n        [name]=\"menuName()\"\n        [visibilityRule]=\"visibilityRule()\"\n        [disableRule]=\"disableRule()\"\n        [extraData]=\"extraData()\"\n        (action)=\"action.emit($event)\"\n      />\n    </div>\n  }\n</ng-template>\n\n@if (spacing()) {\n  <div class=\"section-header__container\" [style.max-width]=\"maxWidth()\">\n    <div class=\"section-header__inner\">\n      <ng-container [ngTemplateOutlet]=\"body\" />\n    </div>\n  </div>\n} @else {\n  <ng-container [ngTemplateOutlet]=\"body\" />\n}\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:flex;align-items:center;gap:.5rem;min-height:var(--section-header-min-height, calc(var(--section-header-py, .5rem) * 2 + 1.25rem));border-bottom:1px solid var(--m-backdrop-border);padding:var(--section-header-py, .85rem) var(--section-px, 1rem);width:100%;grid-column:1/-1}:host(.no-border){border-bottom:none}:host(.spacing){padding:0;width:100%}.section-header__container{width:100%;margin:0 auto}.section-header__inner{display:flex;align-items:center;gap:.5rem;width:100%;padding:1rem 1.5rem}.section-header__inner .section-header__title{flex:1;min-width:0;gap:.5rem}:host(.has-sidepanel){padding-right:50px}:host(.has-sidepanel.has-menu){padding-right:50px}:host(.spacing.has-sidepanel) .section-header__inner{padding-right:calc(1.5rem + 50px)}:host(.is-sticky-enabled){position:sticky;top:0;z-index:10}:host(.is-sticky-enabled){background:color-mix(in srgb,var(--m-background) 80%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.section-header__toggle{display:flex;flex-shrink:0}.section-header__toggle.section-header__toggle--rotate m-button{display:flex;transition:transform .3s cubic-bezier(.4,0,.2,1)}.section-header__toggle.section-header__toggle--rotate.section-header__toggle--open m-button{transform:rotate(180deg)}.section-header__title{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}m-header{min-width:0}.section-header__title--reverse{flex-direction:column-reverse}.section-header__sub{font-size:.8rem;color:var(--m-text-secondary);line-height:1.2}:host(.align-center){--m-header-justify: center}:host(.align-right){--m-header-justify: flex-end}:host(.has-menu){padding-right:0}:host(.spacing.has-menu) .section-header__inner{padding-right:0}.section-header__back{display:flex;align-items:center;flex-shrink:0}.section-header__menu,.section-header__action{margin-left:auto;flex-shrink:0;display:flex;align-items:center}.section-header__action+.section-header__menu{margin-left:0}\n"] }]
-        }], propDecorators: { sticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "sticky", required: false }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], subLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "subLabel", required: false }] }], noTranslate: [{ type: i0.Input, args: [{ isSignal: true, alias: "noTranslate", required: false }] }], reverse: [{ type: i0.Input, args: [{ isSignal: true, alias: "reverse", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], menu: [{ type: i0.Input, args: [{ isSignal: true, alias: "menu", required: false }] }], menuName: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuName", required: false }] }], visibilityRule: [{ type: i0.Input, args: [{ isSignal: true, alias: "visibilityRule", required: false }] }], disableRule: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableRule", required: false }] }], extraData: [{ type: i0.Input, args: [{ isSignal: true, alias: "extraData", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], showBack: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBack", required: false }] }], actionButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionButton", required: false }] }], actionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionLabel", required: false }] }], spacing: [{ type: i0.Input, args: [{ isSignal: true, alias: "spacing", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], actionClick: [{ type: i0.Output, args: ["actionClick"] }], action: [{ type: i0.Output, args: ["action"] }], back: [{ type: i0.Output, args: ["back"] }] } });
+                    }, template: "<!-- One declaration of the row, rendered by whichever branch `spacing` picks.\n     Hoisted into a template rather than written twice: an `<ng-content>` may\n     appear once per selector in a component, so the duplicated copy caught\n     nothing and a header projecting a title rendered it in the `spacing`\n     branch alone. -->\n<ng-template #body>\n  @if (accordion(); as accordionRef) {\n    <div\n      class=\"section-header__toggle\"\n      [class.section-header__toggle--rotate]=\"toggleRotates()\"\n      [class.section-header__toggle--open]=\"accordionRef.isOpen()\"\n      [id]=\"accordionRef.headerId\"\n      [attr.aria-expanded]=\"accordionRef.isOpen()\"\n      [attr.aria-controls]=\"accordionRef.bodyId\"\n    >\n      <m-button\n        [config]=\"{ icon: toggleIconName(), iconOnly: true, variant: 'ghost' }\"\n        (clicked)=\"onToggleClick()\" />\n    </div>\n  }\n  @if (showBack()) {\n    <div class=\"section-header__back\">\n      <m-button\n        [config]=\"{ icon: 'arrow_back', iconOnly: true }\"\n        (clicked)=\"back.emit()\" />\n    </div>\n  } @else if (icon(); as iconName) {\n    <m-icon [name]=\"iconName\" />\n  }\n  <div\n    class=\"section-header__title\"\n    [class.section-header__title--reverse]=\"reverse()\"\n  >\n    <!-- The title slot is the catch-all rather than a `[label]` one: every\n         header already projecting a heading writes it unselected, and a\n         selector here would drop that content on the floor. What the design\n         page emits \u2014 `<span label>` \u2014 is caught by it too, nothing else\n         claiming the node. -->\n    <ng-content />\n    <!-- The written label, drawn beside the slot rather than as its\n         `ng-content` fallback. A fallback renders only while *nothing* is\n         projected, and the design Canvas always projects the slot span \u2014\n         empty until a Control is dropped in it \u2014 so a fallback there would\n         blank the label a header is still configured with. `label` answers\n         instead, which no header projecting a title sets. -->\n    @if (label()) {\n      <m-header\n        [level]=\"level()\"\n        [label]=\"label()\"\n        [params]=\"params()\"\n        [noTranslate]=\"noTranslate()\" />\n    }\n    <ng-content select=\"[sub]\" />\n    @if (subText(); as sub) {\n      <span class=\"section-header__sub\">{{ sub }}</span>\n    }\n  </div>\n  @if (actionConfig(); as action) {\n    <div class=\"section-header__action\">\n      <m-button [config]=\"action\" (clicked)=\"actionClick.emit()\" />\n    </div>\n  }\n  @if (hasMenu()) {\n    <div class=\"section-header__menu\">\n      <m-context-menu\n        [config]=\"menu()\"\n        [name]=\"menuName()\"\n        [visibilityRule]=\"visibilityRule()\"\n        [disableRule]=\"disableRule()\"\n        [extraData]=\"extraData()\"\n        (action)=\"action.emit($event)\"\n      />\n    </div>\n  }\n</ng-template>\n\n@if (spacing()) {\n  <div class=\"section-header__container\" [style.max-width]=\"maxWidth()\">\n    <div class=\"section-header__inner\">\n      <ng-container [ngTemplateOutlet]=\"body\" />\n    </div>\n  </div>\n} @else {\n  <ng-container [ngTemplateOutlet]=\"body\" />\n}\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:flex;align-items:center;gap:.5rem;min-height:var(--section-header-min-height, calc(var(--section-header-py, .5rem) * 2 + 1.25rem));border-bottom:1px solid var(--m-backdrop-border);padding:var(--section-header-py, .85rem) var(--section-px, 1rem);width:100%;grid-column:1/-1}:host(.no-border){border-bottom:none}:host(.spacing){padding:0;width:100%}.section-header__container{width:100%;margin:0 auto}.section-header__inner{display:flex;align-items:center;gap:.5rem;width:100%;padding:1rem 1.5rem}.section-header__inner .section-header__title{flex:1;min-width:0;gap:.5rem}:host(.has-sidepanel){padding-right:50px}:host(.has-sidepanel.has-menu){padding-right:50px}:host(.spacing.has-sidepanel) .section-header__inner{padding-right:calc(1.5rem + 50px)}:host(.is-sticky-enabled){position:sticky;top:0;z-index:10}:host(.is-sticky-enabled){background:color-mix(in srgb,var(--m-background) 80%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.section-header__toggle{display:flex;flex-shrink:0}.section-header__toggle.section-header__toggle--rotate m-button{display:flex;transition:transform .3s cubic-bezier(.4,0,.2,1)}.section-header__toggle.section-header__toggle--rotate.section-header__toggle--open m-button{transform:rotate(180deg)}.section-header__title{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}m-header{min-width:0}.section-header__title--reverse{flex-direction:column-reverse}.section-header__sub{font-size:.8rem;color:var(--m-text-secondary);line-height:1.2}:host(.align-center){--m-header-justify: center}:host(.align-right){--m-header-justify: flex-end}:host(.has-menu){padding-right:0}:host(.spacing.has-menu) .section-header__inner{padding-right:0}.section-header__back{display:flex;align-items:center;flex-shrink:0}.section-header__menu,.section-header__action{margin-left:auto;flex-shrink:0;display:flex;align-items:center}.section-header__action+.section-header__menu{margin-left:0}\n"] }]
+        }], propDecorators: { sticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "sticky", required: false }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], subLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "subLabel", required: false }] }], noTranslate: [{ type: i0.Input, args: [{ isSignal: true, alias: "noTranslate", required: false }] }], params: [{ type: i0.Input, args: [{ isSignal: true, alias: "params", required: false }] }], reverse: [{ type: i0.Input, args: [{ isSignal: true, alias: "reverse", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], menu: [{ type: i0.Input, args: [{ isSignal: true, alias: "menu", required: false }] }], menuName: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuName", required: false }] }], visibilityRule: [{ type: i0.Input, args: [{ isSignal: true, alias: "visibilityRule", required: false }] }], disableRule: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableRule", required: false }] }], extraData: [{ type: i0.Input, args: [{ isSignal: true, alias: "extraData", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], showBack: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBack", required: false }] }], actionButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionButton", required: false }] }], actionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionLabel", required: false }] }], spacing: [{ type: i0.Input, args: [{ isSignal: true, alias: "spacing", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], actionClick: [{ type: i0.Output, args: ["actionClick"] }], action: [{ type: i0.Output, args: ["action"] }], back: [{ type: i0.Output, args: ["back"] }] } });
 
 const BACK_BTN = {
     icon: 'arrow-left',
@@ -8369,7 +8397,7 @@ class SectionBackComponent {
         <m-header [level]="3" [label]="label() ?? 'magmonium'" />
       }
     }
-  `, 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:flex;align-items:center;gap:.75rem;min-height:var(--section-header-min-height, calc(var(--section-header-py, .5rem) * 2 + 1.25rem));border-bottom:1px solid var(--m-backdrop-border);width:100%;grid-column:1/-1}:host(.no-border){border-bottom:none}m-logo{flex-shrink:0;width:1.5rem;height:1.5rem}m-header{flex:1;min-width:0}:host>span{display:contents}:host.has-padding-x{padding-inline:var(--section-px, 1rem)}:host.has-padding-y{padding-block:var(--section-header-py, .85rem)}\n"], dependencies: [{ 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate"], outputs: ["actionClick"] }], 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:flex;align-items:center;gap:.75rem;min-height:var(--section-header-min-height, calc(var(--section-header-py, .5rem) * 2 + 1.25rem));border-bottom:1px solid var(--m-backdrop-border);width:100%;grid-column:1/-1}:host(.no-border){border-bottom:none}m-logo{flex-shrink:0;width:1.5rem;height:1.5rem}m-header{flex:1;min-width:0}:host>span{display:contents}:host.has-padding-x{padding-inline:var(--section-px, 1rem)}:host.has-padding-y{padding-block:var(--section-header-py, .85rem)}\n"], dependencies: [{ 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: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate", "params"], outputs: ["actionClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionBackComponent, decorators: [{
             type: Component,
@@ -8640,7 +8668,7 @@ class ButtonGroupComponent extends ConfigComponent {
         }
       </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)}}m-button-group .button-group:not(.is-context),m-one-button-group .button-group:not(.is-context){display:flex;flex-wrap:wrap;align-items:stretch;gap:.375em}m-button-group .button-group:not(.is-context).vertical,m-one-button-group .button-group:not(.is-context).vertical{flex-direction:column;align-items:center}m-button-group .button-group:not(.is-context).horizontal,m-one-button-group .button-group:not(.is-context).horizontal{flex-direction:row;align-items:center}m-button-group .button-group:not(.is-context).align-right,m-one-button-group .button-group:not(.is-context).align-right{justify-content:flex-end}m-button-group .button-group:not(.is-context).align-center,m-button-group .button-group:not(.is-context).center,m-one-button-group .button-group:not(.is-context).align-center,m-one-button-group .button-group:not(.is-context).center{justify-content:center}m-button-group .button-group:not(.is-context).align-left,m-one-button-group .button-group:not(.is-context).align-left{justify-content:flex-start}m-button-group .button-group.is-context,m-one-button-group .button-group.is-context{--m-grp-height: var(--m-button-group-height, 2.75em);--m-grp-radius: var(--m-button-group-radius, .875em);display:inline-flex;align-items:stretch;height:var(--m-grp-height);border-radius:var(--m-grp-radius);background:transparent;overflow:visible;position:relative;gap:.375em;will-change:transform;transition:transform .4s cubic-bezier(.16,1,.3,1)}m-button-group .button-group.is-context.is-primary,m-one-button-group .button-group.is-context.is-primary{background:var(--m-button-group-color-opposite, var(--m-one-button-group-color-opposite, var(--m-mm-dark)));--m-button-color-contrast: var(--m-inverse-text);--m-button-hover-background: rgba(0, 0, 0, .12)}m-button-group .button-group.is-context.is-primary m-button,m-button-group .button-group.is-context.is-primary m-one-button,m-button-group .button-group.is-context.is-primary .m-button,m-button-group .button-group.is-context.is-primary .m-one-button,m-one-button-group .button-group.is-context.is-primary m-button,m-one-button-group .button-group.is-context.is-primary m-one-button,m-one-button-group .button-group.is-context.is-primary .m-button,m-one-button-group .button-group.is-context.is-primary .m-one-button{--m-button-hover-background: rgba(0, 0, 0, .1)}m-button-group .button-group.is-context.is-primary m-context-menu,m-button-group .button-group.is-context.is-primary m-one-context-menu,m-button-group .button-group.is-context.is-primary .m-context-menu,m-one-button-group .button-group.is-context.is-primary m-context-menu,m-one-button-group .button-group.is-context.is-primary m-one-context-menu,m-one-button-group .button-group.is-context.is-primary .m-context-menu{--m-action-dots-hover-icon-color: var(--m-inverse-text)}m-button-group .button-group.is-context.is-primary m-context-menu:hover,m-button-group .button-group.is-context.is-primary m-one-context-menu:hover,m-button-group .button-group.is-context.is-primary .m-context-menu:hover,m-one-button-group .button-group.is-context.is-primary m-context-menu:hover,m-one-button-group .button-group.is-context.is-primary m-one-context-menu:hover,m-one-button-group .button-group.is-context.is-primary .m-context-menu:hover{background:#00000026}m-button-group .button-group.is-context:hover,m-one-button-group .button-group.is-context:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000001a}m-button-group .button-group.is-context:active,m-one-button-group .button-group.is-context:active{transform:scale(.98)}m-button-group .button-group.is-context m-button,m-button-group .button-group.is-context m-one-button,m-button-group .button-group.is-context .m-button,m-button-group .button-group.is-context .m-one-button,m-one-button-group .button-group.is-context m-button,m-one-button-group .button-group.is-context m-one-button,m-one-button-group .button-group.is-context .m-button,m-one-button-group .button-group.is-context .m-one-button{flex:1;z-index:2;height:100%;--m-button-border: none;--m-button-radius: 0;--m-button-padding: 0 1.25rem;--m-button-background: transparent;--m-button-hover-background: rgba(0, 0, 0, .05);transition:all .3s cubic-bezier(.16,1,.3,1)}m-button-group .button-group.is-context m-button button,m-button-group .button-group.is-context m-one-button button,m-button-group .button-group.is-context .m-button button,m-button-group .button-group.is-context .m-one-button button,m-one-button-group .button-group.is-context m-button button,m-one-button-group .button-group.is-context m-one-button button,m-one-button-group .button-group.is-context .m-button button,m-one-button-group .button-group.is-context .m-one-button button{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-top-left-radius:var(--m-grp-radius)!important;border-bottom-left-radius:var(--m-grp-radius)!important}m-button-group .button-group.is-context m-button button:hover,m-button-group .button-group.is-context m-one-button button:hover,m-button-group .button-group.is-context .m-button button:hover,m-button-group .button-group.is-context .m-one-button button:hover,m-one-button-group .button-group.is-context m-button button:hover,m-one-button-group .button-group.is-context m-one-button button:hover,m-one-button-group .button-group.is-context .m-button button:hover,m-one-button-group .button-group.is-context .m-one-button button:hover{transform:none!important;box-shadow:none!important}m-button-group .button-group.is-context m-button button:active,m-button-group .button-group.is-context m-one-button button:active,m-button-group .button-group.is-context .m-button button:active,m-button-group .button-group.is-context .m-one-button button:active,m-one-button-group .button-group.is-context m-button button:active,m-one-button-group .button-group.is-context m-one-button button:active,m-one-button-group .button-group.is-context .m-button button:active,m-one-button-group .button-group.is-context .m-one-button button:active{transform:none!important}m-button-group .button-group.is-context m-button,m-button-group .button-group.is-context m-one-button,m-button-group .button-group.is-context .m-button,m-button-group .button-group.is-context .m-one-button,m-one-button-group .button-group.is-context m-button,m-one-button-group .button-group.is-context m-one-button,m-one-button-group .button-group.is-context .m-button,m-one-button-group .button-group.is-context .m-one-button{--m-button-radius: var(--m-grp-radius)}m-button-group .button-group.is-context m-button button,m-button-group .button-group.is-context m-one-button button,m-button-group .button-group.is-context .m-button button,m-button-group .button-group.is-context .m-one-button button,m-one-button-group .button-group.is-context m-button button,m-one-button-group .button-group.is-context m-one-button button,m-one-button-group .button-group.is-context .m-button button,m-one-button-group .button-group.is-context .m-one-button button{border-radius:var(--m-grp-radius)!important}m-button-group .button-group.is-context m-context-menu,m-button-group .button-group.is-context m-one-context-menu,m-button-group .button-group.is-context .m-context-menu,m-one-button-group .button-group.is-context m-context-menu,m-one-button-group .button-group.is-context m-one-context-menu,m-one-button-group .button-group.is-context .m-context-menu{display:flex;align-items:center;justify-content:center;width:var(--m-grp-height);height:100%;z-index:2;transition:all .4s cubic-bezier(.16,1,.3,1);border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:var(--m-grp-radius)!important;border-bottom-right-radius:var(--m-grp-radius)!important;overflow:hidden;--m-action-dots-padding: 0;--m-action-dots-width: 100%;--m-action-dots-height: 100%;--m-action-dots-icon-color: var(--m-text-secondary);--m-action-dots-icon-opacity: .7;--m-action-dots-hover-icon-color: var(--m-mm);--m-action-dots-hover-icon-opacity: 1;--m-action-dots-hover-icon-transform: scale(1.1)}m-button-group .button-group.is-context m-context-menu .action-dots,m-button-group .button-group.is-context m-one-context-menu .action-dots,m-button-group .button-group.is-context .m-context-menu .action-dots,m-one-button-group .button-group.is-context m-context-menu .action-dots,m-one-button-group .button-group.is-context m-one-context-menu .action-dots,m-one-button-group .button-group.is-context .m-context-menu .action-dots{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:var(--m-grp-radius)!important;border-bottom-right-radius:var(--m-grp-radius)!important}m-button-group .button-group.is-context m-context-menu:hover,m-button-group .button-group.is-context m-one-context-menu:hover,m-button-group .button-group.is-context .m-context-menu:hover,m-one-button-group .button-group.is-context m-context-menu:hover,m-one-button-group .button-group.is-context m-one-context-menu:hover,m-one-button-group .button-group.is-context .m-context-menu:hover{background:#0000000f}\n"], dependencies: [{ 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: i0.forwardRef(() => ContextMenuComponent), selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted"], outputs: ["toggleChange", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, 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)}}m-button-group .button-group:not(.is-context),m-one-button-group .button-group:not(.is-context){display:flex;flex-wrap:wrap;align-items:stretch;gap:.375em}m-button-group .button-group:not(.is-context).vertical,m-one-button-group .button-group:not(.is-context).vertical{flex-direction:column;align-items:center}m-button-group .button-group:not(.is-context).horizontal,m-one-button-group .button-group:not(.is-context).horizontal{flex-direction:row;align-items:center}m-button-group .button-group:not(.is-context).align-right,m-one-button-group .button-group:not(.is-context).align-right{justify-content:flex-end}m-button-group .button-group:not(.is-context).align-center,m-button-group .button-group:not(.is-context).center,m-one-button-group .button-group:not(.is-context).align-center,m-one-button-group .button-group:not(.is-context).center{justify-content:center}m-button-group .button-group:not(.is-context).align-left,m-one-button-group .button-group:not(.is-context).align-left{justify-content:flex-start}m-button-group .button-group.is-context,m-one-button-group .button-group.is-context{--m-grp-height: var(--m-button-group-height, 2.75em);--m-grp-radius: var(--m-button-group-radius, .875em);display:inline-flex;align-items:stretch;height:var(--m-grp-height);border-radius:var(--m-grp-radius);background:transparent;overflow:visible;position:relative;gap:.375em;will-change:transform;transition:transform .4s cubic-bezier(.16,1,.3,1)}m-button-group .button-group.is-context.is-primary,m-one-button-group .button-group.is-context.is-primary{background:var(--m-button-group-color-opposite, var(--m-one-button-group-color-opposite, var(--m-mm-dark)));--m-button-color-contrast: var(--m-inverse-text);--m-button-hover-background: rgba(0, 0, 0, .12)}m-button-group .button-group.is-context.is-primary m-button,m-button-group .button-group.is-context.is-primary m-one-button,m-button-group .button-group.is-context.is-primary .m-button,m-button-group .button-group.is-context.is-primary .m-one-button,m-one-button-group .button-group.is-context.is-primary m-button,m-one-button-group .button-group.is-context.is-primary m-one-button,m-one-button-group .button-group.is-context.is-primary .m-button,m-one-button-group .button-group.is-context.is-primary .m-one-button{--m-button-hover-background: rgba(0, 0, 0, .1)}m-button-group .button-group.is-context.is-primary m-context-menu,m-button-group .button-group.is-context.is-primary m-one-context-menu,m-button-group .button-group.is-context.is-primary .m-context-menu,m-one-button-group .button-group.is-context.is-primary m-context-menu,m-one-button-group .button-group.is-context.is-primary m-one-context-menu,m-one-button-group .button-group.is-context.is-primary .m-context-menu{--m-action-dots-hover-icon-color: var(--m-inverse-text)}m-button-group .button-group.is-context.is-primary m-context-menu:hover,m-button-group .button-group.is-context.is-primary m-one-context-menu:hover,m-button-group .button-group.is-context.is-primary .m-context-menu:hover,m-one-button-group .button-group.is-context.is-primary m-context-menu:hover,m-one-button-group .button-group.is-context.is-primary m-one-context-menu:hover,m-one-button-group .button-group.is-context.is-primary .m-context-menu:hover{background:#00000026}m-button-group .button-group.is-context:hover,m-one-button-group .button-group.is-context:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000001a}m-button-group .button-group.is-context:active,m-one-button-group .button-group.is-context:active{transform:scale(.98)}m-button-group .button-group.is-context m-button,m-button-group .button-group.is-context m-one-button,m-button-group .button-group.is-context .m-button,m-button-group .button-group.is-context .m-one-button,m-one-button-group .button-group.is-context m-button,m-one-button-group .button-group.is-context m-one-button,m-one-button-group .button-group.is-context .m-button,m-one-button-group .button-group.is-context .m-one-button{flex:1;z-index:2;height:100%;--m-button-border: none;--m-button-radius: 0;--m-button-padding: 0 1.25rem;--m-button-background: transparent;--m-button-hover-background: rgba(0, 0, 0, .05);transition:all .3s cubic-bezier(.16,1,.3,1)}m-button-group .button-group.is-context m-button button,m-button-group .button-group.is-context m-one-button button,m-button-group .button-group.is-context .m-button button,m-button-group .button-group.is-context .m-one-button button,m-one-button-group .button-group.is-context m-button button,m-one-button-group .button-group.is-context m-one-button button,m-one-button-group .button-group.is-context .m-button button,m-one-button-group .button-group.is-context .m-one-button button{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-top-left-radius:var(--m-grp-radius)!important;border-bottom-left-radius:var(--m-grp-radius)!important}m-button-group .button-group.is-context m-button button:hover,m-button-group .button-group.is-context m-one-button button:hover,m-button-group .button-group.is-context .m-button button:hover,m-button-group .button-group.is-context .m-one-button button:hover,m-one-button-group .button-group.is-context m-button button:hover,m-one-button-group .button-group.is-context m-one-button button:hover,m-one-button-group .button-group.is-context .m-button button:hover,m-one-button-group .button-group.is-context .m-one-button button:hover{transform:none!important;box-shadow:none!important}m-button-group .button-group.is-context m-button button:active,m-button-group .button-group.is-context m-one-button button:active,m-button-group .button-group.is-context .m-button button:active,m-button-group .button-group.is-context .m-one-button button:active,m-one-button-group .button-group.is-context m-button button:active,m-one-button-group .button-group.is-context m-one-button button:active,m-one-button-group .button-group.is-context .m-button button:active,m-one-button-group .button-group.is-context .m-one-button button:active{transform:none!important}m-button-group .button-group.is-context m-button,m-button-group .button-group.is-context m-one-button,m-button-group .button-group.is-context .m-button,m-button-group .button-group.is-context .m-one-button,m-one-button-group .button-group.is-context m-button,m-one-button-group .button-group.is-context m-one-button,m-one-button-group .button-group.is-context .m-button,m-one-button-group .button-group.is-context .m-one-button{--m-button-radius: var(--m-grp-radius)}m-button-group .button-group.is-context m-button button,m-button-group .button-group.is-context m-one-button button,m-button-group .button-group.is-context .m-button button,m-button-group .button-group.is-context .m-one-button button,m-one-button-group .button-group.is-context m-button button,m-one-button-group .button-group.is-context m-one-button button,m-one-button-group .button-group.is-context .m-button button,m-one-button-group .button-group.is-context .m-one-button button{border-radius:var(--m-grp-radius)!important}m-button-group .button-group.is-context m-context-menu,m-button-group .button-group.is-context m-one-context-menu,m-button-group .button-group.is-context .m-context-menu,m-one-button-group .button-group.is-context m-context-menu,m-one-button-group .button-group.is-context m-one-context-menu,m-one-button-group .button-group.is-context .m-context-menu{display:flex;align-items:center;justify-content:center;width:var(--m-grp-height);height:100%;z-index:2;transition:all .4s cubic-bezier(.16,1,.3,1);border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:var(--m-grp-radius)!important;border-bottom-right-radius:var(--m-grp-radius)!important;overflow:hidden;--m-action-dots-padding: 0;--m-action-dots-width: 100%;--m-action-dots-height: 100%;--m-action-dots-icon-color: var(--m-text-secondary);--m-action-dots-icon-opacity: .7;--m-action-dots-hover-icon-color: var(--m-mm);--m-action-dots-hover-icon-opacity: 1;--m-action-dots-hover-icon-transform: scale(1.1)}m-button-group .button-group.is-context m-context-menu .action-dots,m-button-group .button-group.is-context m-one-context-menu .action-dots,m-button-group .button-group.is-context .m-context-menu .action-dots,m-one-button-group .button-group.is-context m-context-menu .action-dots,m-one-button-group .button-group.is-context m-one-context-menu .action-dots,m-one-button-group .button-group.is-context .m-context-menu .action-dots{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:var(--m-grp-radius)!important;border-bottom-right-radius:var(--m-grp-radius)!important}m-button-group .button-group.is-context m-context-menu:hover,m-button-group .button-group.is-context m-one-context-menu:hover,m-button-group .button-group.is-context .m-context-menu:hover,m-one-button-group .button-group.is-context m-context-menu:hover,m-one-button-group .button-group.is-context m-one-context-menu:hover,m-one-button-group .button-group.is-context .m-context-menu:hover{background:#0000000f}\n"], dependencies: [{ 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"] }, { kind: "component", type: i0.forwardRef(() => ContextMenuComponent), selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted"], outputs: ["toggleChange", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ButtonGroupComponent, decorators: [{
             type: Component,
@@ -9039,11 +9067,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 class LabelComponent {
     for = input(...(ngDevMode ? [undefined, { debugName: "for" }] : /* istanbul ignore next */ []));
     placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    // The label's [MessageVariable] values — a Field whose label is a sentence
+    // with a datum in it (m-one-ui ADR 0066).
+    params = input(...(ngDevMode ? [undefined, { debugName: "params" }] : /* istanbul ignore next */ []));
     required = input(...(ngDevMode ? [undefined, { debugName: "required" }] : /* istanbul ignore next */ []));
     disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
     color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: LabelComponent, isStandalone: true, selector: "m-label", inputs: { for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: LabelComponent, isStandalone: true, selector: "m-label", inputs: { for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <label
       [class.required]="required()"
       [class.disabled]="disabled()"
@@ -9052,7 +9083,7 @@ class LabelComponent {
       @if (color()) {
         <span class="label__swatch" [style.background]="color()"></span>
       }
-      {{ placeholder() | translate }}
+      {{ placeholder() | translate: params() }}
     </label>
   `, 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}label{display:flex;align-items:center;gap:calc(var(--m-label-size, var(--input-size, 1em)) * .375);width:var(--m-label-width, var(--m-text-input-label-width, auto));margin:var(--m-label-margin, var(--m-text-input-label-margin, 0 0 calc(var(--m-label-size, var(--input-size, 1em)) * .5)));font-size:var(--m-label-font-size, calc(var(--m-label-size, var(--input-size, 1em)) * .85));font-weight:var(--m-label-weight, var(--m-text-input-label-weight, 500));line-height:1.4;cursor:pointer;color:var(--m-label-color, var(--m-text))}label.required:before{content:\"*\";color:var(--m-error);font-weight:600}label.disabled{color:var(--m-text-secondary);cursor:not-allowed}label .label__swatch{width:1em;height:1em;border-radius:calc(var(--m-label-size, var(--input-size, 1em)) * .4);border:1px solid var(--m-border);flex-shrink:0}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
@@ -9067,10 +9098,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
       @if (color()) {
         <span class="label__swatch" [style.background]="color()"></span>
       }
-      {{ placeholder() | translate }}
+      {{ placeholder() | translate: params() }}
     </label>
   `, imports: [TranslatePipe], 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}label{display:flex;align-items:center;gap:calc(var(--m-label-size, var(--input-size, 1em)) * .375);width:var(--m-label-width, var(--m-text-input-label-width, auto));margin:var(--m-label-margin, var(--m-text-input-label-margin, 0 0 calc(var(--m-label-size, var(--input-size, 1em)) * .5)));font-size:var(--m-label-font-size, calc(var(--m-label-size, var(--input-size, 1em)) * .85));font-weight:var(--m-label-weight, var(--m-text-input-label-weight, 500));line-height:1.4;cursor:pointer;color:var(--m-label-color, var(--m-text))}label.required:before{content:\"*\";color:var(--m-error);font-weight:600}label.disabled{color:var(--m-text-secondary);cursor:not-allowed}label .label__swatch{width:1em;height:1em;border-radius:calc(var(--m-label-size, var(--input-size, 1em)) * .4);border:1px solid var(--m-border);flex-shrink:0}\n"] }]
-        }], propDecorators: { for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] } });
+        }], propDecorators: { for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], params: [{ type: i0.Input, args: [{ isSignal: true, alias: "params", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] } });
 
 class TextOutputComponent extends ConfigComponent {
     subFolder = LAYOUT_ASSET_FOLDER.text_output;
@@ -9219,6 +9250,7 @@ class ClearableInputComponent extends BaseTextInputComponent {
       <m-label
         [for]="resolvedInputId()"
         [placeholder]="resolvedLabel()!"
+        [params]="config()?.params"
         [required]="required()"
         [disabled]="disabled()"
       />
@@ -9236,7 +9268,7 @@ class ClearableInputComponent extends BaseTextInputComponent {
         [id]="resolvedInputId()"
         [type]="resolvedType()"
         [value]="value()"
-        [placeholder]="resolvedPlaceholder() | translate"
+        [placeholder]="resolvedPlaceholder() | translate: config()?.params"
         [disabled]="disabled()"
         [readOnly]="resolvedReadonly()"
         [class.error]="showErrors()"
@@ -9263,7 +9295,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, 2px);border-radius:var(--m-input-radius, 4px);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, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-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", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "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", "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);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, 2px);border-radius:var(--m-input-radius, 4px);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, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-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", "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,
@@ -9272,6 +9304,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
       <m-label
         [for]="resolvedInputId()"
         [placeholder]="resolvedLabel()!"
+        [params]="config()?.params"
         [required]="required()"
         [disabled]="disabled()"
       />
@@ -9289,7 +9322,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         [id]="resolvedInputId()"
         [type]="resolvedType()"
         [value]="value()"
-        [placeholder]="resolvedPlaceholder() | translate"
+        [placeholder]="resolvedPlaceholder() | translate: config()?.params"
         [disabled]="disabled()"
         [readOnly]="resolvedReadonly()"
         [class.error]="showErrors()"
@@ -9434,7 +9467,7 @@ class SectionSearchComponent extends BaseTextInputComponent {
         </div>
       </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:flex;align-items:center;width:100%;grid-column:1/-1;box-sizing:border-box;min-height:var(--section-header-min-height, calc(var(--section-header-py, 1rem) * 2 + 1.375rem));border-bottom:1px solid var(--m-section-search-border, var(--m-backdrop-border));padding:var(--section-header-py, .75rem) var(--section-px, 1rem);--m-header-size: 1rem}:host.has-sidepanel{padding-right:50px}:host(.no-border){border-bottom:none}:host(.is-sticky-enabled){position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--m-background) 80%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.section-search__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.section-search__bar>*:not(.section-search__toggle){flex:1;min-width:0}.section-search__bar m-header{font-size:1rem}.section-search__bar .section-search__toggle{flex-shrink:0;margin-inline-start:auto;--m-button-size: 1rem !important}.section-search__field{display:flex;align-items:center;width:100%}.section-search__field m-input-clear{width:100%}\n"], dependencies: [{ kind: "component", type: ClearableInputComponent, selector: "m-input-clear", inputs: ["value", "config", "required", "disabled", "readonly", "invalid", "focused", "touched", "errors", "icon", "placeholder", "type", "inputId"], 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate"], outputs: ["actionClick"] }], 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:flex;align-items:center;width:100%;grid-column:1/-1;box-sizing:border-box;min-height:var(--section-header-min-height, calc(var(--section-header-py, 1rem) * 2 + 1.375rem));border-bottom:1px solid var(--m-section-search-border, var(--m-backdrop-border));padding:var(--section-header-py, .75rem) var(--section-px, 1rem);--m-header-size: 1rem}:host.has-sidepanel{padding-right:50px}:host(.no-border){border-bottom:none}:host(.is-sticky-enabled){position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--m-background) 80%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.section-search__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.section-search__bar>*:not(.section-search__toggle){flex:1;min-width:0}.section-search__bar m-header{font-size:1rem}.section-search__bar .section-search__toggle{flex-shrink:0;margin-inline-start:auto;--m-button-size: 1rem !important}.section-search__field{display:flex;align-items:center;width:100%}.section-search__field m-input-clear{width:100%}\n"], dependencies: [{ kind: "component", type: ClearableInputComponent, selector: "m-input-clear", inputs: ["value", "config", "required", "disabled", "readonly", "invalid", "focused", "touched", "errors", "icon", "placeholder", "type", "inputId"], 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: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate", "params"], outputs: ["actionClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionSearchComponent, decorators: [{
             type: Component,
@@ -10239,17 +10272,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
   `, imports: [IconComponent, TranslatePipe], 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)}}.section-filter-panel{list-style:none;margin:0;padding:0;min-width:10rem;max-height:15rem;overflow-y:auto;background:var(--m-background);border:1px solid var(--m-mm);border-radius:0;animation:filter-panel-in .2s ease-out}.section-filter-panel__option{display:flex;align-items:center;gap:.5em;padding:calc(.6rem * var(--filter-size, 1)) calc(.9rem * var(--filter-size, 1));cursor:pointer;font-size:calc(.875rem * var(--filter-size, 1));color:var(--m-text);transition:all .3s cubic-bezier(.16,1,.3,1);outline:none}.section-filter-panel__option:hover:not(.is-disabled){background-color:var(--m-backdrop-standard)}.section-filter-panel__option:focus-visible:not(.is-disabled){background-color:var(--m-backdrop-standard)}.section-filter-panel__option.is-selected{color:var(--m-mm);font-weight:500}.section-filter-panel__option.is-disabled{opacity:.4;cursor:not-allowed}.section-filter-panel__check-wrap{width:1em;flex-shrink:0;display:flex;align-items:center;color:var(--m-mm)}@keyframes filter-panel-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}\n"] }]
         }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], action: [{ type: i0.Output, args: ["action"] }] } });
 
+const FILTER_GROUP_CONTEXT = new InjectionToken('FILTER_GROUP_CONTEXT');
+
 class SectionFilterComponent {
     label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    /**
+     * The key this Filter's slice carries in a FilterGroup's `{name, value}[]`.
+     * Falls back to `label`, which is a TranslationAsset key rather than an
+     * identity — good enough alone, wrong to rely on in a group (ADR 0025).
+     */
+    name = input('', ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
     options = input([], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
     optionsAsset = input(...(ngDevMode ? [undefined, { debugName: "optionsAsset" }] : /* istanbul ignore next */ []));
     multiple = input(true, ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
     value = model([], ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     filterChange = output();
     isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    /**
+     * Present only inside a FilterGroup. With one, the group owns the selection
+     * and this Filter reads its slice down and emits nothing of its own — one
+     * click, one emit (ADR 0025). Without one, the `value` model below is the
+     * source of truth and nothing about this component has changed.
+     */
+    group = inject(FILTER_GROUP_CONTEXT, { optional: true });
     sectionContext = inject(SECTION_CONTEXT, { optional: true });
     sidepanel = computed(() => this.sectionContext?.sidepanel() ?? false, ...(ngDevMode ? [{ debugName: "sidepanel" }] : /* istanbul ignore next */ []));
-    noBorder = computed(() => this.sectionContext?.variant() === 'noBorder', ...(ngDevMode ? [{ debugName: "noBorder" }] : /* istanbul ignore next */ []));
+    // A group draws one border for its whole row, so a Filter inside one draws
+    // none of its own.
+    noBorder = computed(() => !!this.group || this.sectionContext?.variant() === 'noBorder', ...(ngDevMode ? [{ debugName: "noBorder" }] : /* istanbul ignore next */ []));
+    resolvedName = computed(() => this.name() || this.label(), ...(ngDevMode ? [{ debugName: "resolvedName" }] : /* istanbul ignore next */ []));
+    /** The group's slice when there is one, this Filter's own model otherwise. */
+    selected = computed(() => this.group ? this.group.valueOf(this.resolvedName()) : this.value(), ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
     toggleConfig = computed(() => ({
         icon: this.isOpen() ? 'x' : 'adjust',
         one: true,
@@ -10258,8 +10311,6 @@ class SectionFilterComponent {
     }), ...(ngDevMode ? [{ debugName: "toggleConfig" }] : /* istanbul ignore next */ []));
     dropdownRef = viewChild(SelectorDirective, ...(ngDevMode ? [{ debugName: "dropdownRef" }] : /* istanbul ignore next */ []));
     assetStore = inject(AssetStore);
-    translateService = inject(TranslateService);
-    filterLabel = computed(() => this.translateService.translate('filter-name', { name: this.label() }), ...(ngDevMode ? [{ debugName: "filterLabel" }] : /* istanbul ignore next */ []));
     assetOptionsResource = rxResource({
         params: () => this.optionsAsset(),
         stream: ({ params }) => {
@@ -10286,14 +10337,14 @@ class SectionFilterComponent {
             disabled: o.disabled,
         }));
     }, ...(ngDevMode ? [{ debugName: "resolvedOptions" }] : /* istanbul ignore next */ []));
-    hasSelection = computed(() => this.value().length > 0, ...(ngDevMode ? [{ debugName: "hasSelection" }] : /* istanbul ignore next */ []));
-    selectedOptions = computed(() => this.resolvedOptions().filter((o) => this.value().includes(o.value)), ...(ngDevMode ? [{ debugName: "selectedOptions" }] : /* istanbul ignore next */ []));
+    hasSelection = computed(() => this.selected().length > 0, ...(ngDevMode ? [{ debugName: "hasSelection" }] : /* istanbul ignore next */ []));
+    selectedOptions = computed(() => this.resolvedOptions().filter((o) => this.selected().includes(o.value)), ...(ngDevMode ? [{ debugName: "selectedOptions" }] : /* istanbul ignore next */ []));
     selectorConfig = computed(() => ({
         component: SectionFilterPanelComponent,
         base: 'm-section-filter',
         bindings: [
             inputBinding('options', this.resolvedOptions),
-            inputBinding('selected', this.value),
+            inputBinding('selected', this.selected),
             inputBinding('multiple', this.multiple),
             outputBinding('action', (opt) => this.selectOption(opt)),
         ],
@@ -10301,6 +10352,12 @@ class SectionFilterComponent {
     selectOption = (opt) => {
         if (opt.disabled)
             return;
+        if (this.group) {
+            this.group.toggle(this.resolvedName(), opt, this.multiple());
+            if (!this.multiple())
+                this.dropdownRef()?.close();
+            return;
+        }
         if (this.multiple()) {
             const current = this.value();
             const next = current.includes(opt.value)
@@ -10318,12 +10375,33 @@ class SectionFilterComponent {
         }
     };
     removeOption = (val) => {
+        if (this.group) {
+            this.group.remove(this.resolvedName(), val);
+            return;
+        }
         const next = this.value().filter((v) => v !== val);
         this.value.set(next);
         this.filterChange.emit(next);
     };
+    constructor() {
+        const group = this.group;
+        if (!group)
+            return;
+        // Registered rather than found by a content query: a Col may sit between
+        // this Filter and its group, and squeezed the group renders no bar at all
+        // — the menu it draws instead is built from these registrations, which is
+        // why the row is hidden rather than skipped (ADR 0025).
+        const member = {
+            name: this.resolvedName,
+            label: this.label,
+            options: this.resolvedOptions,
+            multiple: this.multiple,
+        };
+        group.register(member);
+        inject(DestroyRef).onDestroy(() => group.unregister(member));
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SectionFilterComponent, isStandalone: true, selector: "m-section-filter", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optionsAsset: { classPropertyName: "optionsAsset", publicName: "optionsAsset", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", filterChange: "filterChange" }, host: { properties: { "class.has-sidepanel": "sidepanel()", "class.no-border": "noBorder()" } }, viewQueries: [{ propertyName: "dropdownRef", first: true, predicate: SelectorDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SectionFilterComponent, isStandalone: true, selector: "m-section-filter", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optionsAsset: { classPropertyName: "optionsAsset", publicName: "optionsAsset", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", filterChange: "filterChange" }, host: { properties: { "class.has-sidepanel": "sidepanel()", "class.no-border": "noBorder()", "class.in-group": "!!group" } }, viewQueries: [{ propertyName: "dropdownRef", first: true, predicate: SelectorDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
     <div class="section-filter__bar">
       @if (hasSelection()) {
         <div class="section-filter__badges">
@@ -10339,7 +10417,7 @@ class SectionFilterComponent {
           }
         </div>
       } @else {
-        <m-header [level]="3" [label]="filterLabel()" />
+        <m-header [level]="3" [label]="label()" />
       }
       <div
         class="section-filter__dropdown"
@@ -10352,7 +10430,7 @@ class SectionFilterComponent {
         </div>
       </div>
     </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;border-bottom:1px solid var(--m-section-filter-border, var(--m-backdrop-border))}:host(.no-border){border-bottom:none}.section-filter__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:var(--section-header-min-height, calc(var(--section-header-py, 1rem) * 2 + 1.375rem));padding:var(--section-header-py, .75rem) var(--section-px, 1rem)}.section-filter__bar m-header{flex:1;min-width:0;font-size:1rem}.section-filter__bar .section-filter__toggle{flex-shrink:0;--m-button-size: 1rem !important}.section-filter__bar .section-filter__toggle.is-active{--m-button-color: var(--m-mm) !important}.section-filter__badges{display:flex;flex-wrap:wrap;gap:.375rem;flex:1;min-width:0;align-items:center}.section-filter__badges m-badge{--m-badge-size: .6rem}.section-filter__badges m-badge m-button{--m-button-size: .6em;--m-button-color: var(--m-mm);opacity:.7}.section-filter__badges m-badge m-button:hover{opacity:1}.section-filter__dropdown{flex-shrink:0}\n"], dependencies: [{ 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: BadgeComponent, selector: "m-badge", inputs: ["config"], outputs: ["configChange"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate"], outputs: ["actionClick"] }, { kind: "directive", type: SelectorDirective, selector: "[mSelector]", inputs: ["mSelector", "disabled"], outputs: ["opened", "closed"], exportAs: ["mSelector"] }, { 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;border-bottom:1px solid var(--m-section-filter-border, var(--m-backdrop-border))}:host(.no-border){border-bottom:none}.section-filter__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:var(--section-header-min-height, calc(var(--section-header-py, 1rem) * 2 + 1.375rem));padding:var(--section-header-py, .75rem) var(--section-px, 1rem)}.section-filter__bar m-header{flex:1;min-width:0;font-size:1rem}.section-filter__bar .section-filter__toggle{flex-shrink:0;--m-button-size: 1rem !important}.section-filter__bar .section-filter__toggle.is-active{--m-button-color: var(--m-mm) !important}.section-filter__badges{display:flex;flex-wrap:wrap;gap:.375rem;flex:1;min-width:0;align-items:center}.section-filter__badges m-badge{--m-badge-size: .6rem}.section-filter__badges m-badge m-button{--m-button-size: .6em;--m-button-color: var(--m-mm);opacity:.7}.section-filter__badges m-badge m-button:hover{opacity:1}.section-filter__dropdown{flex-shrink:0}\n"], dependencies: [{ 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: BadgeComponent, selector: "m-badge", inputs: ["config"], outputs: ["configChange"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate", "params"], outputs: ["actionClick"] }, { kind: "directive", type: SelectorDirective, selector: "[mSelector]", inputs: ["mSelector", "disabled"], outputs: ["opened", "closed"], exportAs: ["mSelector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionFilterComponent, decorators: [{
             type: Component,
@@ -10372,7 +10450,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
           }
         </div>
       } @else {
-        <m-header [level]="3" [label]="filterLabel()" />
+        <m-header [level]="3" [label]="label()" />
       }
       <div
         class="section-filter__dropdown"
@@ -10394,8 +10472,239 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class.has-sidepanel]': 'sidepanel()',
                         '[class.no-border]': 'noBorder()',
+                        '[class.in-group]': '!!group',
                     }, 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;border-bottom:1px solid var(--m-section-filter-border, var(--m-backdrop-border))}:host(.no-border){border-bottom:none}.section-filter__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:var(--section-header-min-height, calc(var(--section-header-py, 1rem) * 2 + 1.375rem));padding:var(--section-header-py, .75rem) var(--section-px, 1rem)}.section-filter__bar m-header{flex:1;min-width:0;font-size:1rem}.section-filter__bar .section-filter__toggle{flex-shrink:0;--m-button-size: 1rem !important}.section-filter__bar .section-filter__toggle.is-active{--m-button-color: var(--m-mm) !important}.section-filter__badges{display:flex;flex-wrap:wrap;gap:.375rem;flex:1;min-width:0;align-items:center}.section-filter__badges m-badge{--m-badge-size: .6rem}.section-filter__badges m-badge m-button{--m-button-size: .6em;--m-button-color: var(--m-mm);opacity:.7}.section-filter__badges m-badge m-button:hover{opacity:1}.section-filter__dropdown{flex-shrink:0}\n"] }]
-        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], optionsAsset: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionsAsset", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], filterChange: [{ type: i0.Output, args: ["filterChange"] }], dropdownRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SelectorDirective), { isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], optionsAsset: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionsAsset", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], filterChange: [{ type: i0.Output, args: ["filterChange"] }], dropdownRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SelectorDirective), { isSignal: true }] }] } });
+
+/**
+ * A Row-like container that owns the selection for every Filter beneath it and
+ * emits one aggregate whenever any of them changes (ADR 0025). Admits Cols, so
+ * a Filter may sit any depth down — DI, not a content query, is what finds it.
+ *
+ * Squeezed, it collapses to one icon whose menu drills into each Filter in
+ * turn. The children are still projected in that mode, only hidden: a Filter
+ * that never instantiates never registers, and the menu is built from
+ * registrations.
+ */
+class SectionFilterGroupComponent {
+    squeeze = input(undefined, ...(ngDevMode ? [{ debugName: "squeeze" }] : /* istanbul ignore next */ []));
+    padding = input(undefined, ...(ngDevMode ? [{ debugName: "padding" }] : /* istanbul ignore next */ []));
+    paddingX = input(undefined, ...(ngDevMode ? [{ debugName: "paddingX" }] : /* istanbul ignore next */ []));
+    paddingY = input(undefined, ...(ngDevMode ? [{ debugName: "paddingY" }] : /* istanbul ignore next */ []));
+    maxWidth = input(...(ngDevMode ? [undefined, { debugName: "maxWidth" }] : /* istanbul ignore next */ []));
+    align = input(undefined, ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    config = input(...(ngDevMode ? [undefined, { debugName: "config" }] : /* istanbul ignore next */ []));
+    /**
+     * The whole group's selection, one entry per Filter that has ever been
+     * touched. A list rather than an object keyed by name — the keys would come
+     * from whichever Filters are dropped in (ADR 0025).
+     */
+    value = model([], ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    filterChange = output();
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    members = signal([], ...(ngDevMode ? [{ debugName: "members" }] : /* istanbul ignore next */ []));
+    isDesignMode = !!inject(IS_DESIGN_MODE, {
+        optional: true,
+    });
+    translateService = inject(TranslateService);
+    sectionContext = inject(SECTION_CONTEXT, { optional: true });
+    selectorDir = viewChild(SelectorDirective, ...(ngDevMode ? [{ debugName: "selectorDir" }] : /* istanbul ignore next */ []));
+    squeezed = computed(() => this.squeeze() ?? this.config()?.squeeze ?? false, ...(ngDevMode ? [{ debugName: "squeezed" }] : /* istanbul ignore next */ []));
+    resolvedPadding = computed(() => this.padding() ?? this.config()?.padding ?? false, ...(ngDevMode ? [{ debugName: "resolvedPadding" }] : /* istanbul ignore next */ []));
+    resolvedPaddingX = computed(() => this.paddingX() ?? this.config()?.paddingX ?? false, ...(ngDevMode ? [{ debugName: "resolvedPaddingX" }] : /* istanbul ignore next */ []));
+    resolvedPaddingY = computed(() => this.paddingY() ?? this.config()?.paddingY ?? false, ...(ngDevMode ? [{ debugName: "resolvedPaddingY" }] : /* istanbul ignore next */ []));
+    resolvedAlign = computed(() => this.align() ?? this.config()?.align ?? 'left', ...(ngDevMode ? [{ debugName: "resolvedAlign" }] : /* istanbul ignore next */ []));
+    resolvedMaxWidth = computed(() => this.maxWidth() ?? this.config()?.maxWidth, ...(ngDevMode ? [{ debugName: "resolvedMaxWidth" }] : /* istanbul ignore next */ []));
+    noBorder = computed(() => this.sectionContext?.variant() === 'noBorder', ...(ngDevMode ? [{ debugName: "noBorder" }] : /* istanbul ignore next */ []));
+    /**
+     * Filters holding any selection — not the sum of selected values. A Filter's
+     * own count is already on its menu row, so a sum would be the same
+     * information twice (ADR 0025).
+     */
+    activeCount = computed(() => this.value().filter((entry) => entry.value.length > 0).length, ...(ngDevMode ? [{ debugName: "activeCount" }] : /* istanbul ignore next */ []));
+    toggleConfig = computed(() => ({
+        icon: this.isOpen() ? 'x' : 'adjust',
+        one: true,
+        variant: 'ghost',
+        iconOnly: true,
+    }), ...(ngDevMode ? [{ debugName: "toggleConfig" }] : /* istanbul ignore next */ []));
+    countBadgeConfig = computed(() => ({
+        variant: 'primary',
+        position: 'top-right',
+    }), ...(ngDevMode ? [{ debugName: "countBadgeConfig" }] : /* istanbul ignore next */ []));
+    /**
+     * One MenuItem per registered Filter, its own options nested underneath.
+     * MenuComponent drills into `options` with a back button rather than
+     * expanding in place, which is what makes a group of many Filters legible in
+     * one icon's worth of space.
+     */
+    menuOptions = computed(() => {
+        const rows = this.members().map((member) => {
+            const name = member.name();
+            const selected = this.valueOf(name);
+            const label = selected.length
+                ? this.translateService.translate(member.label(), {
+                    // Pre-resolved, so the menu's own `| translate` passes it through:
+                    // a key with no entry comes back as itself.
+                    count: String(selected.length),
+                }) + ` (${selected.length})`
+                : member.label();
+            return {
+                id: name,
+                label,
+                selected: selected.length > 0,
+                options: [
+                    member.options().map((opt) => ({
+                        id: `${name}:${opt.value}`,
+                        label: opt.label,
+                        value: opt.value,
+                        disabled: opt.disabled,
+                        selected: selected.includes(opt.value),
+                    })),
+                ],
+            };
+        });
+        return rows.length ? [rows] : [];
+    }, ...(ngDevMode ? [{ debugName: "menuOptions" }] : /* istanbul ignore next */ []));
+    selectorConfig = computed(() => ({
+        component: ContextMenuBoxComponent,
+        base: 'm-section-filter-group',
+        width: '260px',
+        bindings: [
+            inputBinding('options', this.menuOptions),
+            // Bound directly rather than through ContextMenuComponent, which closes
+            // its selector on every action — right for a menu of commands, wrong for
+            // one of checkboxes (ADR 0025).
+            outputBinding('action', (item) => this.onMenuAction(item)),
+        ],
+    }), ...(ngDevMode ? [{ debugName: "selectorConfig" }] : /* istanbul ignore next */ []));
+    onMenuAction = (item) => {
+        const separator = item.id.indexOf(':');
+        if (separator < 0)
+            return;
+        const name = item.id.slice(0, separator);
+        const member = this.members().find((m) => m.name() === name);
+        if (!member)
+            return;
+        const option = member
+            .options()
+            .find((opt) => opt.value === item.id.slice(separator + 1));
+        if (!option)
+            return;
+        this.toggle(name, option, member.multiple());
+    };
+    valueOf = (name) => this.value().find((entry) => entry.name === name)?.value ?? [];
+    write = (name, next) => {
+        const current = this.value();
+        const index = current.findIndex((entry) => entry.name === name);
+        const updated = index < 0
+            ? [...current, { name, value: next }]
+            : current.map((entry, i) => (i === index ? { name, value: next } : entry));
+        this.value.set(updated);
+        this.filterChange.emit(updated);
+    };
+    toggle = (name, option, multiple) => {
+        if (option.disabled)
+            return;
+        const current = this.valueOf(name);
+        if (multiple) {
+            this.write(name, current.includes(option.value)
+                ? current.filter((v) => v !== option.value)
+                : [...current, option.value]);
+            return;
+        }
+        this.write(name, current.includes(option.value) ? [] : [option.value]);
+        // Single-select has nothing more to say once it has said it. Multi-select
+        // stays open, which is the reason this menu is not a ContextMenuComponent.
+        if (!this.squeezed())
+            return;
+        this.selectorDir()?.close();
+    };
+    context = {
+        squeeze: this.squeezed,
+        register: (member) => this.members.update((list) => list.includes(member) ? list : [...list, member]),
+        unregister: (member) => this.members.update((list) => list.filter((m) => m !== member)),
+        valueOf: this.valueOf,
+        toggle: this.toggle,
+        remove: (name, val) => this.write(name, this.valueOf(name).filter((v) => v !== val)),
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionFilterGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SectionFilterGroupComponent, isStandalone: true, selector: "m-section-filter-group", inputs: { squeeze: { classPropertyName: "squeeze", publicName: "squeeze", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, paddingX: { classPropertyName: "paddingX", publicName: "paddingX", isSignal: true, isRequired: false, transformFunction: null }, paddingY: { classPropertyName: "paddingY", publicName: "paddingY", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", filterChange: "filterChange" }, host: { properties: { "class.is-squeezed": "squeezed()", "class.has-padding": "resolvedPadding()", "class.has-padding-x": "resolvedPaddingX()", "class.has-padding-y": "resolvedPaddingY()", "class.align-left": "resolvedAlign() === \"left\"", "class.align-center": "resolvedAlign() === \"center\"", "class.align-right": "resolvedAlign() === \"right\"", "class.no-border": "noBorder()", "class.is-design-mode": "isDesignMode", "style.--m-filter-group-max-width": "resolvedMaxWidth()" }, classAttribute: "m-section-filter-group" }, providers: [
+            {
+                provide: FILTER_GROUP_CONTEXT,
+                useFactory: () => inject(SectionFilterGroupComponent).context,
+            },
+        ], viewQueries: [{ propertyName: "selectorDir", first: true, predicate: SelectorDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
+    @if (squeezed()) {
+      <div
+        class="section-filter-group__squeeze"
+        [mSelector]="selectorConfig()"
+        (opened)="isOpen.set(true)"
+        (closed)="isOpen.set(false)"
+      >
+        <div
+          class="section-filter-group__toggle"
+          [class.is-active]="isOpen()"
+        >
+          <m-button [config]="toggleConfig()" />
+          @if (activeCount(); as count) {
+            <m-badge [config]="countBadgeConfig()">{{ count }}</m-badge>
+          }
+        </div>
+      </div>
+    }
+    <div class="section-filter-group__row">
+      <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)}}:host{display:block;width:100%;box-sizing:border-box;border-bottom:1px solid var(--m-section-filter-border, var(--m-backdrop-border))}:host(.no-border){border-bottom:none}:host(.has-padding){padding:var(--m-filter-group-p, var(--section-px, 1rem))}:host(.has-padding-x){padding-inline:var(--m-filter-group-px, var(--section-px, 1rem))}:host(.has-padding-y){padding-block:var(--m-filter-group-py, var(--section-pt, 1rem))}:host(.align-left) .section-filter-group__row{justify-content:flex-start}:host(.align-center) .section-filter-group__row{justify-content:center}:host(.align-right) .section-filter-group__row{justify-content:flex-end}:host(.is-squeezed){display:inline-flex;width:auto;border-bottom:none}:host(.is-squeezed) .section-filter-group__row{display:none}:host(.is-design-mode) .section-filter-group__row{min-width:4em;min-height:4em}.section-filter-group__row{display:flex;flex-wrap:wrap;align-items:stretch;width:100%;max-width:var(--m-filter-group-max-width, none)}.section-filter-group__row m-section-filter{flex:1;min-width:0}.section-filter-group__squeeze{display:inline-flex}.section-filter-group__toggle{position:relative;display:inline-flex;flex-shrink:0;--m-button-size: 1rem}.section-filter-group__toggle.is-active{--m-button-color: var(--m-mm)}.section-filter-group__toggle m-badge{pointer-events:none}\n"], dependencies: [{ 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: BadgeComponent, selector: "m-badge", inputs: ["config"], outputs: ["configChange"] }, { 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: SectionFilterGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'm-section-filter-group', template: `
+    @if (squeezed()) {
+      <div
+        class="section-filter-group__squeeze"
+        [mSelector]="selectorConfig()"
+        (opened)="isOpen.set(true)"
+        (closed)="isOpen.set(false)"
+      >
+        <div
+          class="section-filter-group__toggle"
+          [class.is-active]="isOpen()"
+        >
+          <m-button [config]="toggleConfig()" />
+          @if (activeCount(); as count) {
+            <m-badge [config]="countBadgeConfig()">{{ count }}</m-badge>
+          }
+        </div>
+      </div>
+    }
+    <div class="section-filter-group__row">
+      <ng-content />
+    </div>
+  `, imports: [
+                        ButtonComponent,
+                        BadgeComponent,
+                        SelectorDirective,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'm-section-filter-group',
+                        '[class.is-squeezed]': 'squeezed()',
+                        '[class.has-padding]': 'resolvedPadding()',
+                        '[class.has-padding-x]': 'resolvedPaddingX()',
+                        '[class.has-padding-y]': 'resolvedPaddingY()',
+                        '[class.align-left]': 'resolvedAlign() === "left"',
+                        '[class.align-center]': 'resolvedAlign() === "center"',
+                        '[class.align-right]': 'resolvedAlign() === "right"',
+                        '[class.no-border]': 'noBorder()',
+                        '[class.is-design-mode]': 'isDesignMode',
+                        '[style.--m-filter-group-max-width]': 'resolvedMaxWidth()',
+                    }, providers: [
+                        {
+                            provide: FILTER_GROUP_CONTEXT,
+                            useFactory: () => inject(SectionFilterGroupComponent).context,
+                        },
+                    ], 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%;box-sizing:border-box;border-bottom:1px solid var(--m-section-filter-border, var(--m-backdrop-border))}:host(.no-border){border-bottom:none}:host(.has-padding){padding:var(--m-filter-group-p, var(--section-px, 1rem))}:host(.has-padding-x){padding-inline:var(--m-filter-group-px, var(--section-px, 1rem))}:host(.has-padding-y){padding-block:var(--m-filter-group-py, var(--section-pt, 1rem))}:host(.align-left) .section-filter-group__row{justify-content:flex-start}:host(.align-center) .section-filter-group__row{justify-content:center}:host(.align-right) .section-filter-group__row{justify-content:flex-end}:host(.is-squeezed){display:inline-flex;width:auto;border-bottom:none}:host(.is-squeezed) .section-filter-group__row{display:none}:host(.is-design-mode) .section-filter-group__row{min-width:4em;min-height:4em}.section-filter-group__row{display:flex;flex-wrap:wrap;align-items:stretch;width:100%;max-width:var(--m-filter-group-max-width, none)}.section-filter-group__row m-section-filter{flex:1;min-width:0}.section-filter-group__squeeze{display:inline-flex}.section-filter-group__toggle{position:relative;display:inline-flex;flex-shrink:0;--m-button-size: 1rem}.section-filter-group__toggle.is-active{--m-button-color: var(--m-mm)}.section-filter-group__toggle m-badge{pointer-events:none}\n"] }]
+        }], propDecorators: { squeeze: [{ type: i0.Input, args: [{ isSignal: true, alias: "squeeze", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], paddingX: [{ type: i0.Input, args: [{ isSignal: true, alias: "paddingX", required: false }] }], paddingY: [{ type: i0.Input, args: [{ isSignal: true, alias: "paddingY", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], 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"] }], filterChange: [{ type: i0.Output, args: ["filterChange"] }], selectorDir: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SelectorDirective), { isSignal: true }] }] } });
 
 const BREAKPOINTS$1 = [
     'xs',
@@ -10514,7 +10823,7 @@ class SectionStepperComponent {
         </div>
       }
     </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%;padding:.65rem var(--section-px, 1rem) .85rem;border-bottom:1px solid var(--m-backdrop-border)}:host(.no-border){border-bottom:none}.s-stepper{display:flex;align-items:flex-start;width:100%;box-sizing:border-box}.s-stepper__step{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem}.s-stepper__track{display:flex;align-items:center;width:100%}.s-stepper__track m-button,.s-stepper__track m-one-button{flex-shrink:0;--m-one-button-width: auto}.s-stepper__line{flex:1;height:2px;background:var(--m-backdrop-border);transition:background .3s ease}.s-stepper__step:first-child .s-stepper__line--l{visibility:hidden}.s-stepper__step:last-child .s-stepper__line--r{visibility:hidden}.s-stepper__step--completed .s-stepper__line,.s-stepper__step--active .s-stepper__line--l{background:var(--m-mm)}.s-stepper__label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--m-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;opacity:.7;transition:color .3s ease,opacity .3s ease}.s-stepper__step--active .s-stepper__label{color:var(--m-mm);opacity:1;font-weight:900}.s-stepper__step--completed .s-stepper__label{opacity:.85}:host(.has-sidepanel) .s-stepper__label{white-space:normal;overflow:visible;text-overflow:clip;text-align:center;line-height:1.15}:host(.is-compact) .s-stepper__label{display:none}.s-stepper--vertical{flex-direction:column;gap:.25rem}.s-stepper--vertical .s-stepper__step{flex:0 0 auto;flex-direction:row;align-items:center;gap:.75rem;width:100%}.s-stepper--vertical .s-stepper__track{flex-direction:column;width:auto}.s-stepper--vertical .s-stepper__line{width:2px;height:1.25rem;flex:none}.s-stepper--vertical .s-stepper__step:first-child .s-stepper__line--l,.s-stepper--vertical .s-stepper__step:last-child .s-stepper__line--r{visibility:hidden}.s-stepper--vertical .s-stepper__label{display:block!important;max-width:none;white-space:normal;text-align:left}\n"], dependencies: [{ 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "pipe", type: i0.forwardRef(() => 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%;padding:.65rem var(--section-px, 1rem) .85rem;border-bottom:1px solid var(--m-backdrop-border)}:host(.no-border){border-bottom:none}.s-stepper{display:flex;align-items:flex-start;width:100%;box-sizing:border-box}.s-stepper__step{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem}.s-stepper__track{display:flex;align-items:center;width:100%}.s-stepper__track m-button,.s-stepper__track m-one-button{flex-shrink:0;--m-one-button-width: auto}.s-stepper__line{flex:1;height:2px;background:var(--m-backdrop-border);transition:background .3s ease}.s-stepper__step:first-child .s-stepper__line--l{visibility:hidden}.s-stepper__step:last-child .s-stepper__line--r{visibility:hidden}.s-stepper__step--completed .s-stepper__line,.s-stepper__step--active .s-stepper__line--l{background:var(--m-mm)}.s-stepper__label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--m-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;opacity:.7;transition:color .3s ease,opacity .3s ease}.s-stepper__step--active .s-stepper__label{color:var(--m-mm);opacity:1;font-weight:900}.s-stepper__step--completed .s-stepper__label{opacity:.85}:host(.has-sidepanel) .s-stepper__label{white-space:normal;overflow:visible;text-overflow:clip;text-align:center;line-height:1.15}:host(.is-compact) .s-stepper__label{display:none}.s-stepper--vertical{flex-direction:column;gap:.25rem}.s-stepper--vertical .s-stepper__step{flex:0 0 auto;flex-direction:row;align-items:center;gap:.75rem;width:100%}.s-stepper--vertical .s-stepper__track{flex-direction:column;width:auto}.s-stepper--vertical .s-stepper__line{width:2px;height:1.25rem;flex:none}.s-stepper--vertical .s-stepper__step:first-child .s-stepper__line--l,.s-stepper--vertical .s-stepper__step:last-child .s-stepper__line--r{visibility:hidden}.s-stepper--vertical .s-stepper__label{display:block!important;max-width:none;white-space:normal;text-align:left}\n"], dependencies: [{ 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"] }, { 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: SectionStepperComponent, decorators: [{
             type: Component,
@@ -12242,6 +12551,7 @@ class SectionComponent extends ConfigComponent {
     back = contentChild(SectionBackComponent, ...(ngDevMode ? [{ debugName: "back" }] : /* istanbul ignore next */ []));
     search = contentChild(SectionSearchComponent, ...(ngDevMode ? [{ debugName: "search" }] : /* istanbul ignore next */ []));
     filter = contentChild(SectionFilterComponent, ...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
+    filterGroup = contentChild(SectionFilterGroupComponent, ...(ngDevMode ? [{ debugName: "filterGroup" }] : /* istanbul ignore next */ []));
     stepper = contentChild(SectionStepperComponent, ...(ngDevMode ? [{ debugName: "stepper" }] : /* istanbul ignore next */ []));
     hero = contentChild(SectionHeroComponent, ...(ngDevMode ? [{ debugName: "hero" }] : /* istanbul ignore next */ []));
     jumbotron = contentChild(JumbotronComponent, ...(ngDevMode ? [{ debugName: "jumbotron" }] : /* istanbul ignore next */ []));
@@ -12329,7 +12639,7 @@ class SectionComponent extends ConfigComponent {
                     };
                 },
             },
-        ], queries: [{ propertyName: "header", first: true, predicate: SectionHeaderComponent, descendants: true, isSignal: true }, { propertyName: "badges", first: true, predicate: SectionBadgesComponent, descendants: true, isSignal: true }, { propertyName: "toggle", first: true, predicate: SectionToggleComponent, descendants: true, isSignal: true }, { propertyName: "action", first: true, predicate: ActionComponent, descendants: true, isSignal: true }, { propertyName: "back", first: true, predicate: SectionBackComponent, descendants: true, isSignal: true }, { propertyName: "search", first: true, predicate: SectionSearchComponent, descendants: true, isSignal: true }, { propertyName: "filter", first: true, predicate: SectionFilterComponent, descendants: true, isSignal: true }, { propertyName: "stepper", first: true, predicate: SectionStepperComponent, descendants: true, isSignal: true }, { propertyName: "hero", first: true, predicate: SectionHeroComponent, descendants: true, isSignal: true }, { propertyName: "jumbotron", first: true, predicate: JumbotronComponent, descendants: true, isSignal: true }, { propertyName: "carousel", first: true, predicate: CarouselComponent, descendants: true, isSignal: true }, { propertyName: "footer", first: true, predicate: SectionFooterComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+        ], queries: [{ propertyName: "header", first: true, predicate: SectionHeaderComponent, descendants: true, isSignal: true }, { propertyName: "badges", first: true, predicate: SectionBadgesComponent, descendants: true, isSignal: true }, { propertyName: "toggle", first: true, predicate: SectionToggleComponent, descendants: true, isSignal: true }, { propertyName: "action", first: true, predicate: ActionComponent, descendants: true, isSignal: true }, { propertyName: "back", first: true, predicate: SectionBackComponent, descendants: true, isSignal: true }, { propertyName: "search", first: true, predicate: SectionSearchComponent, descendants: true, isSignal: true }, { propertyName: "filter", first: true, predicate: SectionFilterComponent, descendants: true, isSignal: true }, { propertyName: "filterGroup", first: true, predicate: SectionFilterGroupComponent, descendants: true, isSignal: true }, { propertyName: "stepper", first: true, predicate: SectionStepperComponent, descendants: true, isSignal: true }, { propertyName: "hero", first: true, predicate: SectionHeroComponent, descendants: true, isSignal: true }, { propertyName: "jumbotron", first: true, predicate: JumbotronComponent, descendants: true, isSignal: true }, { propertyName: "carousel", first: true, predicate: CarouselComponent, descendants: true, isSignal: true }, { propertyName: "footer", first: true, predicate: SectionFooterComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     @if (header()) {
       <ng-content select="m-section-header" />
     }
@@ -12368,6 +12678,9 @@ class SectionComponent extends ConfigComponent {
         @if (filter()) {
           <ng-content select="m-section-filter" />
         }
+        @if (filterGroup()) {
+          <ng-content select="m-section-filter-group" />
+        }
 
         @if (carousel()) {
           <ng-content select="m-carousel, m-one-carousel" />
@@ -12423,6 +12736,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         @if (filter()) {
           <ng-content select="m-section-filter" />
         }
+        @if (filterGroup()) {
+          <ng-content select="m-section-filter-group" />
+        }
 
         @if (carousel()) {
           <ng-content select="m-carousel, m-one-carousel" />
@@ -12472,7 +12788,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                             },
                         },
                     ], 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%;min-height:5em;container-type:inline-size;container-name:mag-grid;--_section-px: 1rem;--_section-pt: 1.5rem;--_section-pb: 0rem;--_section-header-py: 1rem}:host(.has-max-height){height:var(--m-section-max-height);overflow:auto}:host(.is-with-border){border:var(--m-section-border, 1px solid var(--m-backdrop-border));box-sizing:border-box}:host(.is-sandwich-border){border-block:var(--m-section-border, 1px solid var(--m-backdrop-border));box-sizing:border-box}.m-section__collapsible{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);opacity:1}.m-section__collapsible.is-collapsed{grid-template-rows:0fr;opacity:0;pointer-events:none}.m-section__collapsible-content{min-height:0;overflow:hidden}.m-section__body{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:stretch;max-width:var(--m-section-max-width);margin-inline:auto}:host(.align-left) .m-section__body{margin-inline-start:0;margin-inline-end:auto}:host(.align-right) .m-section__body{margin-inline-start:auto;margin-inline-end:0;justify-content:flex-end}:host(.align-center) .m-section__body{margin-inline:auto;justify-content:center}:host(.is-full-height){height:100vh;min-height:100vh;overflow:auto}:host(.is-full-height) .m-section__body{flex:1;height:100%}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { header: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionHeaderComponent), { isSignal: true }] }], badges: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionBadgesComponent), { isSignal: true }] }], toggle: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionToggleComponent), { isSignal: true }] }], action: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ActionComponent), { isSignal: true }] }], back: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionBackComponent), { isSignal: true }] }], search: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionSearchComponent), { isSignal: true }] }], filter: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionFilterComponent), { isSignal: true }] }], stepper: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionStepperComponent), { isSignal: true }] }], hero: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionHeroComponent), { isSignal: true }] }], jumbotron: [{ type: i0.ContentChild, args: [i0.forwardRef(() => JumbotronComponent), { isSignal: true }] }], carousel: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CarouselComponent), { isSignal: true }] }], footer: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionFooterComponent), { isSignal: true }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], heightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "heightMode", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], inView: [{ type: i0.Output, args: ["inView"] }] } });
+        }], ctorParameters: () => [], propDecorators: { header: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionHeaderComponent), { isSignal: true }] }], badges: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionBadgesComponent), { isSignal: true }] }], toggle: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionToggleComponent), { isSignal: true }] }], action: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ActionComponent), { isSignal: true }] }], back: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionBackComponent), { isSignal: true }] }], search: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionSearchComponent), { isSignal: true }] }], filter: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionFilterComponent), { isSignal: true }] }], filterGroup: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionFilterGroupComponent), { isSignal: true }] }], stepper: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionStepperComponent), { isSignal: true }] }], hero: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionHeroComponent), { isSignal: true }] }], jumbotron: [{ type: i0.ContentChild, args: [i0.forwardRef(() => JumbotronComponent), { isSignal: true }] }], carousel: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CarouselComponent), { isSignal: true }] }], footer: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionFooterComponent), { isSignal: true }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], heightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "heightMode", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], inView: [{ type: i0.Output, args: ["inView"] }] } });
 
 class UserApiService {
     http = inject(HttpService);
@@ -12741,7 +13057,7 @@ class UserComponent {
         }
       </div>
     </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)}}.user-profile{display:flex;align-items:flex-start;gap:1.25rem;padding:.25rem;border-radius:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-info{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;flex:1;min-width:0}.user-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.user-content{display:contents}.user-info:has(.user-content>*) .user-meta,.user-info:has(.user-content>*) .user-meta-loading{display:none}.user-name{font-size:1.25rem;font-weight:800;color:var(--m-text);margin:0;letter-spacing:-.03em;line-height:1.2;text-transform:capitalize}.user-meta{display:flex;align-items:center;gap:.5rem;color:var(--m-text-secondary);font-size:.875rem;font-weight:600;opacity:.8}.user-meta-item{display:flex;align-items:center}.user-meta-divider{width:3px;height:3px;border-radius:50%;background:var(--m-text-tertiary);opacity:.4}\n"], dependencies: [{ kind: "component", type: UserAvatarComponent, selector: "m-user-avatar", inputs: ["user", "variant"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate"], outputs: ["actionClick"] }, { 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)}}.user-profile{display:flex;align-items:flex-start;gap:1.25rem;padding:.25rem;border-radius:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-info{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;flex:1;min-width:0}.user-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.user-content{display:contents}.user-info:has(.user-content>*) .user-meta,.user-info:has(.user-content>*) .user-meta-loading{display:none}.user-name{font-size:1.25rem;font-weight:800;color:var(--m-text);margin:0;letter-spacing:-.03em;line-height:1.2;text-transform:capitalize}.user-meta{display:flex;align-items:center;gap:.5rem;color:var(--m-text-secondary);font-size:.875rem;font-weight:600;opacity:.8}.user-meta-item{display:flex;align-items:center}.user-meta-divider{width:3px;height:3px;border-radius:50%;background:var(--m-text-tertiary);opacity:.4}\n"], dependencies: [{ kind: "component", type: UserAvatarComponent, selector: "m-user-avatar", inputs: ["user", "variant"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate", "params"], outputs: ["actionClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UserComponent, decorators: [{
             type: Component,
@@ -13472,7 +13788,7 @@ class AuthActivityPageComponent {
         wrongPassword: this.authStore.wrongPassword,
     });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AuthActivityPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AuthActivityPageComponent, isStandalone: true, selector: "m-auth-activity", ngImport: i0, template: "<m-section>\n  <m-flex direction=\"column\" justify=\"center\" alignItems=\"center\" gap=\"2em\" minHeight=\"400px\">\n    <m-logo color=\"mm\" width=\"5em\" padding=\"10px\" variant=\"grained\" />\n    @if (authStore.variant().busy) {\n      <m-icon color=\"mm\" size=\"4em\" name=\"loading-bars\" [one]=\"true\" />\n    } @else if (!authStore.variant().identity_exiest && !authStore.variant().many_identifications) {\n      <m-text-output [noTranslate]=\"false\" label=\"welcome-to-app?app=Magmonium\" />\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        [data]=\"emailData!\"\n        (submitted)=\"authStore.patch({ email: $event.email }); authStore.createAuthEmail({ identity: $event.email })\"\n      >\n        <m-section-form-item\n          name=\"email\"\n          patterns=\"email\"\n          type=\"text\"\n          label=\"e-mail\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-button\n          label=\"next\"\n          icon=\"chevron-right\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"mm\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n      </m-section-form>\n    } @else if (!authStore.variant().identity_exiest && authStore.variant().many_identifications) {\n      <m-text-output [noTranslate]=\"false\" label=\"welcome-to-app?app=Magmonium\" />\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        (dataChange)=\"selectUserCard($event.user)\"\n      >\n        <m-section-form-item\n          name=\"user\"\n          [span]=\"1\"\n          patterns=\"email\"\n          type=\"selectable_card\"\n          label=\"select-user\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n          [multiSelect]=\"false\"\n          [vertical]=\"true\"\n          [isCheckboxVisible]=\"false\"\n          [data]=\"userCards()\"\n        >\n          <ng-template let-item=\"row\" let-index=\"index\">\n            <m-user [firstName]=\"item.firstName\" [lastName]=\"item.lastName\">\n              <m-text-output [label]=\"item.identity\" noTranslate />\n            </m-user>\n          </ng-template>\n        </m-section-form-item>\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"or-try-new-user\"\n            icon=\"chevron-left\"\n            color=\"mm\"\n            [fullWidth]=\"true\"\n            variant=\"primary\"\n            (clicked)=\"authStore.patch({ identity: undefined, email: undefined })\"\n          />\n        </m-section-button-group>\n      </m-section-form>\n    } @else if (authStore.variant().with_show_term && !authStore.variant().create_new_user) {\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        align=\"center\"\n        (submitted)=\"authStore.createSignUpOtp()\"\n      >\n        <m-text-output\n          align=\"center\"\n          variant=\"footer\"\n          label=\"by-signing-in-you-agree-to-magmonium-s-terms-of-service-terms-and-acknowledge-our-privacy-policy-privacy\"\n          [params]=\"activityTranslateParams()\"\n        />\n        <m-section-form-item name=\"field_1\" type=\"checkbox\" label=\"i-agree\" placeholder=\"type-text\" [required]=\"true\" />\n        <m-button\n          label=\"confirm\"\n          icon=\"check\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"success\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"back\"\n            icon=\"chevron-left\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"\n              authStore.patch({\n                identity: undefined,\n                otp: undefined,\n                otpCounter: undefined,\n                registerNewUser: undefined,\n                resetPassword: undefined,\n                showTerms: undefined,\n                signUp: undefined,\n              })\n            \"\n          />\n        </m-section-button-group>\n      </m-section-form>\n    } @else if (authStore.variant().with_otp && authStore.variant().create_new_user) {\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        align=\"center\"\n        [data]=\"eMailData!\"\n        (submitted)=\"authStore.updateAuthOtp({ code: $event.otp })\"\n      >\n        <m-section-form-item\n          name=\"otp\"\n          type=\"one-time-password\"\n          label=\"one-time-password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-button\n          label=\"next\"\n          icon=\"chevron-right\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"mm\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"resend\"\n            icon=\"corner-left-up\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"authStore.createAuthOtp()\"\n          />\n          <m-button\n            label=\"back\"\n            icon=\"chevron-left\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"\n              authStore.patch({\n                identity: undefined,\n                otp: undefined,\n                otpCounter: undefined,\n                registerNewUser: undefined,\n                resetPassword: undefined,\n                showTerms: undefined,\n                signUp: undefined,\n              })\n            \"\n          />\n        </m-section-button-group>\n      </m-section-form>\n    } @else if (\n      authStore.variant().identity_exiest && !authStore.variant().reset_password && !authStore.variant().create_new_user\n    ) {\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        align=\"center\"\n        [validation]=\"signInValidation\"\n        [data]=\"signInData!\"\n        (formInitialized)=\"authStore.patch({ wrongPassword: undefined })\"\n        (submitted)=\"authStore.updateAuthPassword({ password: btoa($event.password) })\"\n      >\n        <m-text-output label=\"signing-in-as\" [params]=\"activityTranslateParams()\" />\n        <m-section-form-item\n          name=\"password\"\n          type=\"password\"\n          label=\"password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-button\n          label=\"sign-in\"\n          icon=\"check\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"success\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"back\"\n            icon=\"chevron-left\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"authStore.patch({ identity: undefined })\"\n          />\n          <m-button\n            label=\"reset\"\n            icon=\"chevron-right\"\n            [isRightIcon]=\"true\"\n            color=\"textSecondary\"\n            variant=\"ghost\"\n            (clicked)=\"authStore.createAuthOtp()\"\n          />\n        </m-section-button-group>\n      </m-section-form>\n    } @else if (authStore.variant().reset_password && authStore.variant().with_otp) {\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        align=\"center\"\n        [validation]=\"passwordValidation\"\n        [data]=\"passwordData!\"\n        (submitted)=\"authStore.createAuthPassword({ password: $event.confirm, code: $event.code })\"\n      >\n        <m-section-form-item\n          name=\"code\"\n          type=\"one-time-password\"\n          label=\"one-time-password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"resend\"\n            icon=\"corner-left-up\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"authStore.createAuthOtp()\"\n          />\n        </m-section-button-group>\n        <m-section-form-item\n          name=\"password\"\n          type=\"password\"\n          label=\"new-password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-section-form-item\n          name=\"confirm\"\n          type=\"password\"\n          label=\"confirm-password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-button\n          label=\"reset\"\n          icon=\"check\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"mm\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n      </m-section-form>\n    } @else if (authStore.variant().create_new_user && authStore.variant().identity_exiest) {\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        align=\"center\"\n        [data]=\"signupData!\"\n        (submitted)=\"\n          authStore.createAuthSignup({\n            firstName: $event.firstname,\n            lastName: $event.lastname,\n            dob: $event.dob,\n            sex: $event.sex,\n            password: btoa($event.password),\n          })\n        \"\n      >\n        <m-text-output label=\"signing-up-as\" [params]=\"activityTranslateParams()\" />\n        <m-section-form-item\n          name=\"firstname\"\n          type=\"text\"\n          label=\"first-name\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-section-form-item name=\"lastname\" type=\"text\" label=\"last-name\" placeholder=\"type-text\" [required]=\"true\" />\n        <m-section-form-item name=\"dob\" type=\"date\" label=\"date-of-birth\" placeholder=\"type-text\" [required]=\"true\" />\n        <m-section-form-item\n          name=\"sex\"\n          type=\"toggle_radio\"\n          label=\"sex\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n          value=\"male\"\n          mOptions=\"sex\"\n        />\n        <m-section-form-item\n          name=\"password\"\n          type=\"password\"\n          label=\"password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-section-form-item\n          name=\"repassword\"\n          type=\"password\"\n          label=\"confirm-password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-button\n          label=\"sign-up\"\n          icon=\"check\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"success\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"back\"\n            icon=\"chevron-left\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"\n              authStore.patch({\n                identity: undefined,\n                otp: undefined,\n                otpCounter: undefined,\n                registerNewUser: undefined,\n                resetPassword: undefined,\n                showTerms: undefined,\n                signUp: undefined,\n              })\n            \"\n          />\n        </m-section-button-group>\n      </m-section-form>\n    }\n  </m-flex>\n</m-section>\n", styles: [":host{display:block;width:100%;box-sizing:border-box;padding-block:clamp(1.5rem,6vh,4rem)}\n"], dependencies: [{ 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: FlexComponent, selector: "m-flex", inputs: ["direction", "justify", "alignItems", "variant", "gap", "wrap", "inline", "fullHeight", "minHeight", "minWidth", "maxHeight", "maxWidth"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: LogoComponent, selector: "m-logo", inputs: ["animation", "alive", "variant", "interactive", "width", "padding", "border", "color"] }, { kind: "directive", type: OptionsSourceDirective, selector: "[mOptions]", inputs: ["mOptions"] }, { kind: "component", type: SectionButtonGroupComponent, selector: "m-section-button-group", inputs: ["vertical", "align", "variant", "size", "fullWidth"] }, { kind: "component", type: SectionComponent, selector: "m-section", inputs: ["variant", "maxWidth", "heightMode", "maxHeight", "height", "align", "size"], outputs: ["inView"] }, { kind: "component", type: SectionFormComponent, selector: "m-section-form, m-one-section-form", inputs: ["variant", "maxWidth", "heightMode", "maxHeight", "height", "align", "size", "autofocus", "data", "validation", "disabled", "fieldConfigs", "fieldRenderIds"], outputs: ["dataChange", "submitted", "formInitialized"] }, { kind: "component", type: SectionFormItemComponent, selector: "m-section-form-item, m-one-section-form-item", inputs: ["span", "labelOrientation", "gap", "readonly", "focused", "form", "options", "dir", "element", "data", "template", "aclResolver", "formValues", "type", "label", "placeholder", "required", "disabled", "icon", "prefix", "suffix", "button", "buttonAction", "buttonAcl", "maxWidth", "acl", "testid", "color", "variant", "min", "max", "step", "length", "debounce", "dateFormat", "searchLabel", "vertical", "multiple", "multiSelect", "equalWidth", "iconOnly", "isCheckboxVisible", "optionsAsset", "patterns", "patternMessage", "value"], outputs: ["valueChange", "act", "fieldKey"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: UserComponent, selector: "m-user", inputs: ["id", "user", "firstName", "lastName", "profilePic"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AuthActivityPageComponent, isStandalone: true, selector: "m-auth-activity", ngImport: i0, template: "<m-section>\n  <m-flex direction=\"column\" justify=\"center\" alignItems=\"center\" gap=\"2em\" minHeight=\"400px\">\n    <m-logo color=\"mm\" width=\"5em\" padding=\"10px\" variant=\"grained\" />\n    @if (authStore.variant().busy) {\n      <m-icon color=\"mm\" size=\"4em\" name=\"loading-bars\" [one]=\"true\" />\n    } @else if (!authStore.variant().identity_exiest && !authStore.variant().many_identifications) {\n      <m-text-output [noTranslate]=\"false\" label=\"welcome-to-app?app=Magmonium\" />\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        [data]=\"emailData!\"\n        (submitted)=\"authStore.patch({ email: $event.email }); authStore.createAuthEmail({ identity: $event.email })\"\n      >\n        <m-section-form-item\n          name=\"email\"\n          patterns=\"email\"\n          type=\"text\"\n          label=\"e-mail\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-button\n          label=\"next\"\n          icon=\"chevron-right\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"mm\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n      </m-section-form>\n    } @else if (!authStore.variant().identity_exiest && authStore.variant().many_identifications) {\n      <m-text-output [noTranslate]=\"false\" label=\"welcome-to-app?app=Magmonium\" />\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        (dataChange)=\"selectUserCard($event.user)\"\n      >\n        <m-section-form-item\n          name=\"user\"\n          [span]=\"1\"\n          patterns=\"email\"\n          type=\"selectable_card\"\n          label=\"select-user\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n          [multiSelect]=\"false\"\n          [vertical]=\"true\"\n          [isCheckboxVisible]=\"false\"\n          [data]=\"userCards()\"\n        >\n          <ng-template let-item=\"row\" let-index=\"index\">\n            <m-user [firstName]=\"item.firstName\" [lastName]=\"item.lastName\">\n              <m-text-output [label]=\"item.identity\" noTranslate />\n            </m-user>\n          </ng-template>\n        </m-section-form-item>\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"or-try-new-user\"\n            icon=\"chevron-left\"\n            color=\"mm\"\n            [fullWidth]=\"true\"\n            variant=\"primary\"\n            (clicked)=\"authStore.patch({ identity: undefined, email: undefined })\"\n          />\n        </m-section-button-group>\n      </m-section-form>\n    } @else if (authStore.variant().with_show_term && !authStore.variant().create_new_user) {\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        align=\"center\"\n        (submitted)=\"authStore.createSignUpOtp()\"\n      >\n        <m-text-output\n          align=\"center\"\n          variant=\"footer\"\n          label=\"by-signing-in-you-agree-to-magmonium-s-terms-of-service-terms-and-acknowledge-our-privacy-policy-privacy\"\n          [params]=\"activityTranslateParams()\"\n        />\n        <m-section-form-item name=\"field_1\" type=\"checkbox\" label=\"i-agree\" placeholder=\"type-text\" [required]=\"true\" />\n        <m-button\n          label=\"confirm\"\n          icon=\"check\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"success\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"back\"\n            icon=\"chevron-left\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"\n              authStore.patch({\n                identity: undefined,\n                otp: undefined,\n                otpCounter: undefined,\n                registerNewUser: undefined,\n                resetPassword: undefined,\n                showTerms: undefined,\n                signUp: undefined,\n              })\n            \"\n          />\n        </m-section-button-group>\n      </m-section-form>\n    } @else if (authStore.variant().with_otp && authStore.variant().create_new_user) {\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        align=\"center\"\n        [data]=\"eMailData!\"\n        (submitted)=\"authStore.updateAuthOtp({ code: $event.otp })\"\n      >\n        <m-section-form-item\n          name=\"otp\"\n          type=\"one-time-password\"\n          label=\"one-time-password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-button\n          label=\"next\"\n          icon=\"chevron-right\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"mm\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"resend\"\n            icon=\"corner-left-up\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"authStore.createAuthOtp()\"\n          />\n          <m-button\n            label=\"back\"\n            icon=\"chevron-left\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"\n              authStore.patch({\n                identity: undefined,\n                otp: undefined,\n                otpCounter: undefined,\n                registerNewUser: undefined,\n                resetPassword: undefined,\n                showTerms: undefined,\n                signUp: undefined,\n              })\n            \"\n          />\n        </m-section-button-group>\n      </m-section-form>\n    } @else if (\n      authStore.variant().identity_exiest && !authStore.variant().reset_password && !authStore.variant().create_new_user\n    ) {\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        align=\"center\"\n        [validation]=\"signInValidation\"\n        [data]=\"signInData!\"\n        (formInitialized)=\"authStore.patch({ wrongPassword: undefined })\"\n        (submitted)=\"authStore.updateAuthPassword({ password: btoa($event.password) })\"\n      >\n        <m-text-output label=\"signing-in-as\" [params]=\"activityTranslateParams()\" />\n        <m-section-form-item\n          name=\"password\"\n          type=\"password\"\n          label=\"password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-button\n          label=\"sign-in\"\n          icon=\"check\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"success\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"back\"\n            icon=\"chevron-left\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"authStore.patch({ identity: undefined })\"\n          />\n          <m-button\n            label=\"reset\"\n            icon=\"chevron-right\"\n            [isRightIcon]=\"true\"\n            color=\"textSecondary\"\n            variant=\"ghost\"\n            (clicked)=\"authStore.createAuthOtp()\"\n          />\n        </m-section-button-group>\n      </m-section-form>\n    } @else if (authStore.variant().reset_password && authStore.variant().with_otp) {\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        align=\"center\"\n        [validation]=\"passwordValidation\"\n        [data]=\"passwordData!\"\n        (submitted)=\"authStore.createAuthPassword({ password: $event.confirm, code: $event.code })\"\n      >\n        <m-section-form-item\n          name=\"code\"\n          type=\"one-time-password\"\n          label=\"one-time-password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"resend\"\n            icon=\"corner-left-up\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"authStore.createAuthOtp()\"\n          />\n        </m-section-button-group>\n        <m-section-form-item\n          name=\"password\"\n          type=\"password\"\n          label=\"new-password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-section-form-item\n          name=\"confirm\"\n          type=\"password\"\n          label=\"confirm-password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-button\n          label=\"reset\"\n          icon=\"check\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"mm\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n      </m-section-form>\n    } @else if (authStore.variant().create_new_user && authStore.variant().identity_exiest) {\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        align=\"center\"\n        [data]=\"signupData!\"\n        (submitted)=\"\n          authStore.createAuthSignup({\n            firstName: $event.firstname,\n            lastName: $event.lastname,\n            dob: $event.dob,\n            sex: $event.sex,\n            password: btoa($event.password),\n          })\n        \"\n      >\n        <m-text-output label=\"signing-up-as\" [params]=\"activityTranslateParams()\" />\n        <m-section-form-item\n          name=\"firstname\"\n          type=\"text\"\n          label=\"first-name\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-section-form-item name=\"lastname\" type=\"text\" label=\"last-name\" placeholder=\"type-text\" [required]=\"true\" />\n        <m-section-form-item name=\"dob\" type=\"date\" label=\"date-of-birth\" placeholder=\"type-text\" [required]=\"true\" />\n        <m-section-form-item\n          name=\"sex\"\n          type=\"toggle_radio\"\n          label=\"sex\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n          value=\"male\"\n          mOptions=\"sex\"\n        />\n        <m-section-form-item\n          name=\"password\"\n          type=\"password\"\n          label=\"password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-section-form-item\n          name=\"repassword\"\n          type=\"password\"\n          label=\"confirm-password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-button\n          label=\"sign-up\"\n          icon=\"check\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"success\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"back\"\n            icon=\"chevron-left\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"\n              authStore.patch({\n                identity: undefined,\n                otp: undefined,\n                otpCounter: undefined,\n                registerNewUser: undefined,\n                resetPassword: undefined,\n                showTerms: undefined,\n                signUp: undefined,\n              })\n            \"\n          />\n        </m-section-button-group>\n      </m-section-form>\n    }\n  </m-flex>\n</m-section>\n", styles: [":host{display:block;width:100%;box-sizing:border-box;padding-block:clamp(1.5rem,6vh,4rem)}\n"], dependencies: [{ 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: FlexComponent, selector: "m-flex", inputs: ["direction", "justify", "alignItems", "variant", "gap", "wrap", "inline", "fullHeight", "minHeight", "minWidth", "maxHeight", "maxWidth"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: LogoComponent, selector: "m-logo", inputs: ["animation", "alive", "variant", "interactive", "width", "padding", "border", "color"] }, { kind: "directive", type: OptionsSourceDirective, selector: "[mOptions]", inputs: ["mOptions"] }, { kind: "component", type: SectionButtonGroupComponent, selector: "m-section-button-group", inputs: ["vertical", "align", "variant", "size", "fullWidth"] }, { kind: "component", type: SectionComponent, selector: "m-section", inputs: ["variant", "maxWidth", "heightMode", "maxHeight", "height", "align", "size"], outputs: ["inView"] }, { kind: "component", type: SectionFormComponent, selector: "m-section-form, m-one-section-form", inputs: ["variant", "maxWidth", "heightMode", "maxHeight", "height", "align", "size", "autofocus", "data", "validation", "disabled", "fieldConfigs", "fieldRenderIds"], outputs: ["dataChange", "submitted", "formInitialized"] }, { kind: "component", type: SectionFormItemComponent, selector: "m-section-form-item, m-one-section-form-item", inputs: ["span", "labelOrientation", "gap", "readonly", "focused", "form", "options", "dir", "element", "data", "template", "aclResolver", "formValues", "type", "label", "placeholder", "params", "required", "disabled", "icon", "prefix", "suffix", "button", "buttonAction", "buttonAcl", "maxWidth", "acl", "testid", "color", "variant", "min", "max", "step", "length", "debounce", "dateFormat", "searchLabel", "vertical", "multiple", "multiSelect", "equalWidth", "iconOnly", "isCheckboxVisible", "optionsAsset", "patterns", "patternMessage", "value"], outputs: ["valueChange", "act", "fieldKey"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: UserComponent, selector: "m-user", inputs: ["id", "user", "firstName", "lastName", "profilePic"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AuthActivityPageComponent, decorators: [{
             type: Component,
@@ -13573,7 +13889,7 @@ class ConfirmComponent {
         <m-one-button name="okay" (clicked)="accept()" />
       </div>
     </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)}}.confirm{display:flex;flex-direction:column;min-width:320px;max-width:440px;padding:2.5rem;background:var(--m-backdrop-modal, rgba(255, 255, 255, .85));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:0;position:relative;overflow:hidden}.confirm__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.9375rem;margin-bottom:1.5rem}.confirm__icon{width:64px;height:64px;border-radius:1.6rem;display:flex;align-items:center;justify-content:center;font-size:2rem;background:var(--m-backdrop-mm, rgba(65, 105, 225, .1));color:var(--m-mm, #4169e1)}.confirm__icon .m-icon{width:32px;height:32px}.confirm__title{margin:0;font-size:1.375rem;font-weight:700;color:var(--m-text-900);letter-spacing:-.02em}.confirm__content{text-align:center;margin-bottom:2rem}.confirm__body{margin:0;font-size:1rem;line-height:1.6;color:var(--m-text-600)}.confirm__actions{width:100%;margin-top:auto;display:flex;justify-content:center;gap:1rem}.confirm--danger .confirm__icon{background:var(--m-backdrop-error, rgba(235, 25, 26, .1));color:var(--m-error, #EB191A)}.confirm--warning .confirm__icon{background:var(--m-backdrop-warning, rgba(247, 122, 2, .1));color:var(--m-warning, #F77A02)}.confirm--success .confirm__icon{background:var(--m-backdrop-success, rgba(109, 168, 47, .1));color:var(--m-success, #6da82f)}.confirm--info .confirm__icon{background:var(--m-info-lite, rgba(3, 102, 214, .1));color:var(--m-info, #0366d6)}\n"], dependencies: [{ 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", "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: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate"], outputs: ["actionClick"] }, { 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)}}.confirm{display:flex;flex-direction:column;min-width:320px;max-width:440px;padding:2.5rem;background:var(--m-backdrop-modal, rgba(255, 255, 255, .85));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:0;position:relative;overflow:hidden}.confirm__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.9375rem;margin-bottom:1.5rem}.confirm__icon{width:64px;height:64px;border-radius:1.6rem;display:flex;align-items:center;justify-content:center;font-size:2rem;background:var(--m-backdrop-mm, rgba(65, 105, 225, .1));color:var(--m-mm, #4169e1)}.confirm__icon .m-icon{width:32px;height:32px}.confirm__title{margin:0;font-size:1.375rem;font-weight:700;color:var(--m-text-900);letter-spacing:-.02em}.confirm__content{text-align:center;margin-bottom:2rem}.confirm__body{margin:0;font-size:1rem;line-height:1.6;color:var(--m-text-600)}.confirm__actions{width:100%;margin-top:auto;display:flex;justify-content:center;gap:1rem}.confirm--danger .confirm__icon{background:var(--m-backdrop-error, rgba(235, 25, 26, .1));color:var(--m-error, #EB191A)}.confirm--warning .confirm__icon{background:var(--m-backdrop-warning, rgba(247, 122, 2, .1));color:var(--m-warning, #F77A02)}.confirm--success .confirm__icon{background:var(--m-backdrop-success, rgba(109, 168, 47, .1));color:var(--m-success, #6da82f)}.confirm--info .confirm__icon{background:var(--m-info-lite, rgba(3, 102, 214, .1));color:var(--m-info, #0366d6)}\n"], dependencies: [{ 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: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate", "params"], outputs: ["actionClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ConfirmComponent, decorators: [{
             type: Component,
@@ -14298,7 +14614,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.44);background:var(--m-toggle-button-background, rgba(0, 0, 0, .03));padding:calc(var(--m-toggle-button-size, 1rem) * .22);border-radius:calc(var(--m-toggle-button-radius, var(--m-button-radius, 12px)) + 3px);gap:calc(var(--m-toggle-button-size, 1rem) * .22);box-sizing:border-box;border:1px solid rgba(0,0,0,.04);box-shadow:inset 0 1px 2px #00000004;position:relative;overflow:visible!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);container-type:inline-size;container-name:togglegroup;transition:all .4s cubic-bezier(.16,1,.3,1)}:host .toggle-button-group:hover{background:var(--m-toggle-button-hover-background, rgba(0, 0, 0, .045));border-color:#0000000f;box-shadow:0 4px 16px #00000008,inset 0 1px 2px #00000005}:host .toggle-button-group{--m-button-size: var(--m-toggle-button-size, .9375em);--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-button-radius, 12px))}: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", "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.44);background:var(--m-toggle-button-background, rgba(0, 0, 0, .03));padding:calc(var(--m-toggle-button-size, 1rem) * .22);border-radius:calc(var(--m-toggle-button-radius, var(--m-button-radius, 12px)) + 3px);gap:calc(var(--m-toggle-button-size, 1rem) * .22);box-sizing:border-box;border:1px solid rgba(0,0,0,.04);box-shadow:inset 0 1px 2px #00000004;position:relative;overflow:visible!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);container-type:inline-size;container-name:togglegroup;transition:all .4s cubic-bezier(.16,1,.3,1)}:host .toggle-button-group:hover{background:var(--m-toggle-button-hover-background, rgba(0, 0, 0, .045));border-color:#0000000f;box-shadow:0 4px 16px #00000008,inset 0 1px 2px #00000005}:host .toggle-button-group{--m-button-size: var(--m-toggle-button-size, .9375em);--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-button-radius, 12px))}: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,
@@ -14452,7 +14768,7 @@ class SectionCardComponent extends ColComponent {
       </div>
     }
     <ng-content />
-  `, 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;position:relative;grid-column:span 12;box-sizing:border-box;width:100%;margin-inline:auto;border:var(--section-card-border, 1px solid var(--m-backdrop-border));border-radius:var(--section-card-border-radius, 0)}:host(.no-border){border:none}:host.has-padding-x{padding-inline:var(--col-px, var(--section-px, var(--_section-px, 1rem)))}:host.has-padding-y{padding-block:var(--col-py, var(--section-pt, var(--_section-pt, 1.5rem)))}:host.has-margin{margin:var(--section-card-margin, 1rem);width:calc(100% - 2 * var(--section-card-margin, 1rem))}:host.has-corner{padding-inline-end:var(--section-card-corner-inset, 2.25rem)}:host.full-width{margin-inline:calc(-1 * var(--section-px, var(--_section-px, 1rem)))}:host.col-xs-1{grid-column:span 1;width:calc(100% * 1 / 12)}:host.col-xs-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-2{grid-column:span 2;width:calc(100% * 2 / 12)}:host.col-xs-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-3{grid-column:span 3;width:25%}:host.col-xs-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 576px){:host.col-sm-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 768px){:host.col-md-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 992px){:host.col-lg-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1200px){:host.col-xl-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1400px){:host.col-xxl-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-4{grid-column:span 4;width:calc(100% * 4 / 12)}:host.col-xs-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-5{grid-column:span 5;width:calc(100% * 5 / 12)}:host.col-xs-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-6{grid-column:span 6;width:50%}:host.col-xs-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 576px){:host.col-sm-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 768px){:host.col-md-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 992px){:host.col-lg-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1200px){:host.col-xl-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1400px){:host.col-xxl-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-7{grid-column:span 7;width:calc(100% * 7 / 12)}:host.col-xs-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-8{grid-column:span 8;width:calc(100% * 8 / 12)}:host.col-xs-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-9{grid-column:span 9;width:75%}:host.col-xs-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 576px){:host.col-sm-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 768px){:host.col-md-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 992px){:host.col-lg-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1200px){:host.col-xl-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1400px){:host.col-xxl-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-10{grid-column:span 10;width:calc(100% * 10 / 12)}:host.col-xs-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-11{grid-column:span 11;width:calc(100% * 11 / 12)}:host.col-xs-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-12{grid-column:span 12;width:100%}:host.col-xs-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 576px){:host.col-sm-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 768px){:host.col-md-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 992px){:host.col-lg-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1200px){:host.col-xl-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1400px){:host.col-xxl-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}.m-section-card__corner{position:absolute;top:.5rem;right:.5rem;z-index:1}\n"], dependencies: [{ 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: ContextMenuComponent, selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted"], outputs: ["toggleChange", "action"] }], 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;position:relative;grid-column:span 12;box-sizing:border-box;width:100%;margin-inline:auto;border:var(--section-card-border, 1px solid var(--m-backdrop-border));border-radius:var(--section-card-border-radius, 0)}:host(.no-border){border:none}:host.has-padding-x{padding-inline:var(--col-px, var(--section-px, var(--_section-px, 1rem)))}:host.has-padding-y{padding-block:var(--col-py, var(--section-pt, var(--_section-pt, 1.5rem)))}:host.has-margin{margin:var(--section-card-margin, 1rem);width:calc(100% - 2 * var(--section-card-margin, 1rem))}:host.has-corner{padding-inline-end:var(--section-card-corner-inset, 2.25rem)}:host.full-width{margin-inline:calc(-1 * var(--section-px, var(--_section-px, 1rem)))}:host.col-xs-1{grid-column:span 1;width:calc(100% * 1 / 12)}:host.col-xs-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-2{grid-column:span 2;width:calc(100% * 2 / 12)}:host.col-xs-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-3{grid-column:span 3;width:25%}:host.col-xs-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 576px){:host.col-sm-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 768px){:host.col-md-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 992px){:host.col-lg-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1200px){:host.col-xl-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1400px){:host.col-xxl-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-4{grid-column:span 4;width:calc(100% * 4 / 12)}:host.col-xs-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-5{grid-column:span 5;width:calc(100% * 5 / 12)}:host.col-xs-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-6{grid-column:span 6;width:50%}:host.col-xs-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 576px){:host.col-sm-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 768px){:host.col-md-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 992px){:host.col-lg-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1200px){:host.col-xl-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1400px){:host.col-xxl-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-7{grid-column:span 7;width:calc(100% * 7 / 12)}:host.col-xs-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-8{grid-column:span 8;width:calc(100% * 8 / 12)}:host.col-xs-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-9{grid-column:span 9;width:75%}:host.col-xs-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 576px){:host.col-sm-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 768px){:host.col-md-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 992px){:host.col-lg-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1200px){:host.col-xl-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1400px){:host.col-xxl-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-10{grid-column:span 10;width:calc(100% * 10 / 12)}:host.col-xs-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-11{grid-column:span 11;width:calc(100% * 11 / 12)}:host.col-xs-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-12{grid-column:span 12;width:100%}:host.col-xs-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 576px){:host.col-sm-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 768px){:host.col-md-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 992px){:host.col-lg-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1200px){:host.col-xl-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1400px){:host.col-xxl-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}.m-section-card__corner{position:absolute;top:.5rem;right:.5rem;z-index:1}\n"], dependencies: [{ 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: ContextMenuComponent, selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted"], outputs: ["toggleChange", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionCardComponent, decorators: [{
             type: Component,
@@ -14762,7 +15078,7 @@ class SectionTabsComponent extends ConfigComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SectionTabsComponent, isStandalone: true, selector: "m-section-tabs", inputs: { xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, xxl: { classPropertyName: "xxl", publicName: "xxl", isSignal: true, isRequired: false, transformFunction: null }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, inverse: { classPropertyName: "inverse", publicName: "inverse", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, host: { properties: { "style.width": "\"100%\"", "style.display": "\"block\"", "class": "hostClasses()" } }, usesInheritance: true, ngImport: i0, template: "@if (config(); as config) {\n  @if (!isColumnMode()) {\n    <div class=\"tabs {{ classNames() }}\">\n      @for (button of visibleButtons(); track button.name) {\n        <m-button [config]=\"button\" (clicked)=\"onButtonClick(button)\" />\n      }\n      @if (overflowTabs().length) {\n        <div class=\"overflow-tab\">\n          <m-context-menu\n            [config]=\"overflowMenuConfig()\"\n            [remote]=\"remote() ?? config.remote\"\n            (action)=\"onOverflowTabClick($event)\"\n          />\n        </div>\n      }\n    </div>\n  }\n  @if (isColumnMode()) {\n    <div class=\"tabs-column\">\n      @for (button of buttons(); track button.name) {\n        <m-button [config]=\"button\" (clicked)=\"onButtonClick(button)\" />\n      }\n    </div>\n  }\n}\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:block;width:100%}:host(.is-sticky-enabled.is-header-mode){position:sticky;top:0;z-index:10}:host(.is-sticky.is-header-mode){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)}.tabs{display:flex;align-items:center;width:100%;padding:0 var(--section-px, 1rem);border-bottom:1px solid var(--m-backdrop-border);box-sizing:border-box}:host-context(.m-section__body) .tabs{padding-inline:0}.overflow-tab{margin-left:auto;padding:0}:host(.is-header-mode){grid-column:span 12}:host(.is-column-mode){grid-column:span 12}:host(.is-column-mode:not(:last-child)){border-right:1px solid var(--m-backdrop-border)}@container mag-grid (max-width: 575.98px){:host(.is-column-mode:not(:last-child)){border-right:none;border-bottom:1px solid var(--m-backdrop-border)}}.tabs-column{display:flex;flex-direction:column;width:100%}.tabs-column m-button{width:100%}.tabs-column m-button:not(:last-child){border-bottom:1px solid var(--m-backdrop-border)}:host(.no-border) .tabs{border-bottom:none}:host(.no-border).is-column-mode:not(:last-child){border-right:none}:host(.no-border) .tabs-column m-button:not(:last-child){border-bottom:none}@container mag-grid (max-width: 575.98px){:host(.no-border).is-column-mode:not(:last-child){border-bottom:none}}:host(.is-column-mode.col-xs-1){grid-column:span 1}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-1){grid-column:span 1}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-1){grid-column:span 1}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-1){grid-column:span 1}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-1){grid-column:span 1}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-1){grid-column:span 1}}:host(.is-column-mode.col-xs-2){grid-column:span 2}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-2){grid-column:span 2}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-2){grid-column:span 2}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-2){grid-column:span 2}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-2){grid-column:span 2}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-2){grid-column:span 2}}:host(.is-column-mode.col-xs-3){grid-column:span 3}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-3){grid-column:span 3}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-3){grid-column:span 3}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-3){grid-column:span 3}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-3){grid-column:span 3}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-3){grid-column:span 3}}:host(.is-column-mode.col-xs-4){grid-column:span 4}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-4){grid-column:span 4}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-4){grid-column:span 4}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-4){grid-column:span 4}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-4){grid-column:span 4}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-4){grid-column:span 4}}:host(.is-column-mode.col-xs-5){grid-column:span 5}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-5){grid-column:span 5}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-5){grid-column:span 5}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-5){grid-column:span 5}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-5){grid-column:span 5}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-5){grid-column:span 5}}:host(.is-column-mode.col-xs-6){grid-column:span 6}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-6){grid-column:span 6}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-6){grid-column:span 6}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-6){grid-column:span 6}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-6){grid-column:span 6}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-6){grid-column:span 6}}:host(.is-column-mode.col-xs-7){grid-column:span 7}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-7){grid-column:span 7}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-7){grid-column:span 7}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-7){grid-column:span 7}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-7){grid-column:span 7}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-7){grid-column:span 7}}:host(.is-column-mode.col-xs-8){grid-column:span 8}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-8){grid-column:span 8}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-8){grid-column:span 8}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-8){grid-column:span 8}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-8){grid-column:span 8}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-8){grid-column:span 8}}:host(.is-column-mode.col-xs-9){grid-column:span 9}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-9){grid-column:span 9}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-9){grid-column:span 9}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-9){grid-column:span 9}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-9){grid-column:span 9}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-9){grid-column:span 9}}:host(.is-column-mode.col-xs-10){grid-column:span 10}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-10){grid-column:span 10}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-10){grid-column:span 10}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-10){grid-column:span 10}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-10){grid-column:span 10}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-10){grid-column:span 10}}:host(.is-column-mode.col-xs-11){grid-column:span 11}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-11){grid-column:span 11}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-11){grid-column:span 11}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-11){grid-column:span 11}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-11){grid-column:span 11}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-11){grid-column:span 11}}:host(.is-column-mode.col-xs-12){grid-column:span 12}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-12){grid-column:span 12}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-12){grid-column:span 12}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-12){grid-column:span 12}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-12){grid-column:span 12}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-12){grid-column:span 12}}\n"], dependencies: [{ 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: ContextMenuComponent, selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted"], outputs: ["toggleChange", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SectionTabsComponent, isStandalone: true, selector: "m-section-tabs", inputs: { xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, xxl: { classPropertyName: "xxl", publicName: "xxl", isSignal: true, isRequired: false, transformFunction: null }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, inverse: { classPropertyName: "inverse", publicName: "inverse", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, host: { properties: { "style.width": "\"100%\"", "style.display": "\"block\"", "class": "hostClasses()" } }, usesInheritance: true, ngImport: i0, template: "@if (config(); as config) {\n  @if (!isColumnMode()) {\n    <div class=\"tabs {{ classNames() }}\">\n      @for (button of visibleButtons(); track button.name) {\n        <m-button [config]=\"button\" (clicked)=\"onButtonClick(button)\" />\n      }\n      @if (overflowTabs().length) {\n        <div class=\"overflow-tab\">\n          <m-context-menu\n            [config]=\"overflowMenuConfig()\"\n            [remote]=\"remote() ?? config.remote\"\n            (action)=\"onOverflowTabClick($event)\"\n          />\n        </div>\n      }\n    </div>\n  }\n  @if (isColumnMode()) {\n    <div class=\"tabs-column\">\n      @for (button of buttons(); track button.name) {\n        <m-button [config]=\"button\" (clicked)=\"onButtonClick(button)\" />\n      }\n    </div>\n  }\n}\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:block;width:100%}:host(.is-sticky-enabled.is-header-mode){position:sticky;top:0;z-index:10}:host(.is-sticky.is-header-mode){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)}.tabs{display:flex;align-items:center;width:100%;padding:0 var(--section-px, 1rem);border-bottom:1px solid var(--m-backdrop-border);box-sizing:border-box}:host-context(.m-section__body) .tabs{padding-inline:0}.overflow-tab{margin-left:auto;padding:0}:host(.is-header-mode){grid-column:span 12}:host(.is-column-mode){grid-column:span 12}:host(.is-column-mode:not(:last-child)){border-right:1px solid var(--m-backdrop-border)}@container mag-grid (max-width: 575.98px){:host(.is-column-mode:not(:last-child)){border-right:none;border-bottom:1px solid var(--m-backdrop-border)}}.tabs-column{display:flex;flex-direction:column;width:100%}.tabs-column m-button{width:100%}.tabs-column m-button:not(:last-child){border-bottom:1px solid var(--m-backdrop-border)}:host(.no-border) .tabs{border-bottom:none}:host(.no-border).is-column-mode:not(:last-child){border-right:none}:host(.no-border) .tabs-column m-button:not(:last-child){border-bottom:none}@container mag-grid (max-width: 575.98px){:host(.no-border).is-column-mode:not(:last-child){border-bottom:none}}:host(.is-column-mode.col-xs-1){grid-column:span 1}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-1){grid-column:span 1}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-1){grid-column:span 1}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-1){grid-column:span 1}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-1){grid-column:span 1}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-1){grid-column:span 1}}:host(.is-column-mode.col-xs-2){grid-column:span 2}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-2){grid-column:span 2}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-2){grid-column:span 2}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-2){grid-column:span 2}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-2){grid-column:span 2}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-2){grid-column:span 2}}:host(.is-column-mode.col-xs-3){grid-column:span 3}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-3){grid-column:span 3}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-3){grid-column:span 3}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-3){grid-column:span 3}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-3){grid-column:span 3}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-3){grid-column:span 3}}:host(.is-column-mode.col-xs-4){grid-column:span 4}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-4){grid-column:span 4}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-4){grid-column:span 4}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-4){grid-column:span 4}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-4){grid-column:span 4}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-4){grid-column:span 4}}:host(.is-column-mode.col-xs-5){grid-column:span 5}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-5){grid-column:span 5}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-5){grid-column:span 5}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-5){grid-column:span 5}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-5){grid-column:span 5}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-5){grid-column:span 5}}:host(.is-column-mode.col-xs-6){grid-column:span 6}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-6){grid-column:span 6}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-6){grid-column:span 6}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-6){grid-column:span 6}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-6){grid-column:span 6}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-6){grid-column:span 6}}:host(.is-column-mode.col-xs-7){grid-column:span 7}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-7){grid-column:span 7}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-7){grid-column:span 7}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-7){grid-column:span 7}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-7){grid-column:span 7}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-7){grid-column:span 7}}:host(.is-column-mode.col-xs-8){grid-column:span 8}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-8){grid-column:span 8}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-8){grid-column:span 8}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-8){grid-column:span 8}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-8){grid-column:span 8}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-8){grid-column:span 8}}:host(.is-column-mode.col-xs-9){grid-column:span 9}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-9){grid-column:span 9}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-9){grid-column:span 9}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-9){grid-column:span 9}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-9){grid-column:span 9}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-9){grid-column:span 9}}:host(.is-column-mode.col-xs-10){grid-column:span 10}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-10){grid-column:span 10}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-10){grid-column:span 10}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-10){grid-column:span 10}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-10){grid-column:span 10}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-10){grid-column:span 10}}:host(.is-column-mode.col-xs-11){grid-column:span 11}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-11){grid-column:span 11}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-11){grid-column:span 11}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-11){grid-column:span 11}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-11){grid-column:span 11}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-11){grid-column:span 11}}:host(.is-column-mode.col-xs-12){grid-column:span 12}@container mag-grid (min-width: 576px){:host(.is-column-mode.col-sm-12){grid-column:span 12}}@container mag-grid (min-width: 768px){:host(.is-column-mode.col-md-12){grid-column:span 12}}@container mag-grid (min-width: 992px){:host(.is-column-mode.col-lg-12){grid-column:span 12}}@container mag-grid (min-width: 1200px){:host(.is-column-mode.col-xl-12){grid-column:span 12}}@container mag-grid (min-width: 1400px){:host(.is-column-mode.col-xxl-12){grid-column:span 12}}\n"], dependencies: [{ 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: ContextMenuComponent, selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted"], outputs: ["toggleChange", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionTabsComponent, decorators: [{
             type: Component,
@@ -14857,6 +15173,7 @@ class TextInputComponent extends BaseTextInputComponent {
         <m-label
           [for]="text.name ?? ''"
           [placeholder]="text.label"
+          [params]="text.params"
           [required]="required()"
           [disabled]="disabled()"
         />
@@ -14882,7 +15199,7 @@ class TextInputComponent extends BaseTextInputComponent {
           [class.has-prefix]="!!text.prefix"
           [disabled]="disabled()"
           [readOnly]="readonly() || config()?.readonly"
-          [placeholder]="text.placeholder ?? '' | translate"
+          [placeholder]="text.placeholder ?? '' | translate: text.params"
           (input)="onInput($event)"
           (focus)="isFocused.set(true)"
           (blur)="isFocused.set(false); touched.set(true)"
@@ -14914,7 +15231,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, 2px);border-radius:var(--m-input-radius, 4px);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, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-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, var(--m-background));border-color:var(--m-text-input-border, var(--m-input-color, var(--m-mm)));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-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12)));background:var(--m-text-input-hover-background, var(--m-text-input-background, var(--m-background)))}.input-wrapper:focus-within{border-color:var(--m-text-input-focus-border, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-shadow, none);background:var(--m-text-input-focus-background, var(--m-text-input-background, 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", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "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);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, 2px);border-radius:var(--m-input-radius, 4px);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, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-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, var(--m-background));border-color:var(--m-text-input-border, var(--m-input-color, var(--m-mm)));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-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12)));background:var(--m-text-input-hover-background, var(--m-text-input-background, var(--m-background)))}.input-wrapper:focus-within{border-color:var(--m-text-input-focus-border, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-shadow, none);background:var(--m-text-input-focus-background, var(--m-text-input-background, 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", "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,
@@ -14924,6 +15241,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         <m-label
           [for]="text.name ?? ''"
           [placeholder]="text.label"
+          [params]="text.params"
           [required]="required()"
           [disabled]="disabled()"
         />
@@ -14949,7 +15267,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
           [class.has-prefix]="!!text.prefix"
           [disabled]="disabled()"
           [readOnly]="readonly() || config()?.readonly"
-          [placeholder]="text.placeholder ?? '' | translate"
+          [placeholder]="text.placeholder ?? '' | translate: text.params"
           (input)="onInput($event)"
           (focus)="isFocused.set(true)"
           (blur)="isFocused.set(false); touched.set(true)"
@@ -15008,6 +15326,7 @@ class TextareaInputComponent extends BaseTextInputComponent {
         <m-label
           [for]="text.name ?? ''"
           [placeholder]="text.label"
+          [params]="text.params"
           [required]="required()"
           [disabled]="disabled()"
         />
@@ -15043,7 +15362,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, 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, 2px);border-radius:var(--m-input-radius, 4px);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, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-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, 2px solid var(--m-input-color, var(--m-mm)));box-shadow:var(--m-textarea-shadow)}.input-wrapper textarea{appearance:none;border:none;outline:none;flex:1;resize:none;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", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "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: "directive", type: AutosizeDirective, selector: "[mAutosize]" }], 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, 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, 2px);border-radius:var(--m-input-radius, 4px);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, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-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, 2px solid var(--m-input-color, var(--m-mm)));box-shadow:var(--m-textarea-shadow)}.input-wrapper textarea{appearance:none;border:none;outline:none;flex:1;resize:none;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", "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: "directive", type: AutosizeDirective, selector: "[mAutosize]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TextareaInputComponent, decorators: [{
             type: Component,
@@ -15053,6 +15372,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         <m-label
           [for]="text.name ?? ''"
           [placeholder]="text.label"
+          [params]="text.params"
           [required]="required()"
           [disabled]="disabled()"
         />
@@ -15637,7 +15957,7 @@ class DateViewComponent {
         }
       </div>
     </div>
-  `, isInline: true, dependencies: [{ 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", "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, dependencies: [{ 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: DateViewComponent, decorators: [{
             type: Component,
@@ -15689,7 +16009,7 @@ class MonthViewComponent {
         }
       </div>
     </div>
-  `, isInline: true, dependencies: [{ 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MonthViewComponent, decorators: [{
             type: Component,
@@ -15723,7 +16043,7 @@ class YearViewComponent {
         }
       </div>
     </div>
-  `, isInline: true, dependencies: [{ 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YearViewComponent, decorators: [{
             type: Component,
@@ -15913,6 +16233,7 @@ class DateInputComponent extends BaseTextInputComponent {
       <m-label
         [for]="dateConfig.name || ''"
         [placeholder]="dateConfig.label"
+        [params]="dateConfig.params"
         [required]="required()"
         [disabled]="disabled()"
       />
@@ -15953,7 +16274,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, 2px);border-radius:var(--m-input-radius, 4px);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, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-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", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "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", "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);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, 2px);border-radius:var(--m-input-radius, 4px);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, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-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", "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,
@@ -15962,6 +16283,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
       <m-label
         [for]="dateConfig.name || ''"
         [placeholder]="dateConfig.label"
+        [params]="dateConfig.params"
         [required]="required()"
         [disabled]="disabled()"
       />
@@ -16119,6 +16441,7 @@ class CheckboxInputComponent extends BaseCheckboxInputComponent {
           <m-label
             [for]="checkbox.name"
             [placeholder]="checkbox.label"
+            [params]="checkbox.params"
             [required]="required()"
             [disabled]="disabled()"
           />
@@ -16134,7 +16457,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-mm));display:inline-flex;align-items:center;gap:calc(var(--input-size, 1em) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding:2px}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:var(--input-size, 1em);height:var(--input-size, 1em);background-color:rgba(var(--m-checkbox-bg-rgb, 255, 255, 255),.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:calc(var(--input-size, 1em) * .4);border:max(1px,var(--input-size, 1em) * .0625) solid color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 70%,transparent 30%);cursor:pointer;outline:none;box-sizing:border-box;flex-shrink:0;margin:2px;box-shadow:0 0 0 1px color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 15%,transparent 85%),0 2px 12px -3px #0000001a;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .2s ease,transform .2s ease;will-change:background-color,box-shadow}.checkbox input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0) rotate(-45deg);width:calc(var(--input-size, 1em) * .5);height:calc(var(--input-size, 1em) * .25);border-left:calc(var(--input-size, 1em) * .12) solid var(--m-checkbox-input-color, var(--m-mm));border-bottom:calc(var(--input-size, 1em) * .12) solid var(--m-checkbox-input-color, var(--m-mm));transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .15s ease;will-change:transform;box-shadow:0 calc(var(--input-size, 1em) / 10) calc(var(--input-size, 1em) / 6) #0003,0 calc(var(--input-size, 1em) / 20) calc(var(--input-size, 1em) / 12) #0000001a}.checkbox{--m-label-margin: 0}.checkbox input[type=checkbox]:hover:not(:disabled){border-color:color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 80%,transparent 20%);transform:translateY(-1px);box-shadow:0 4px 15px -3px #00000026,0 0 0 1px color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 25%,transparent 75%)}.checkbox input[type=checkbox]:focus{box-shadow:0 0 0 calc(var(--input-size, 1em) / 5) color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 25%,transparent 75%),0 2px 12px -3px #0000001a;outline:none}.checkbox input[type=checkbox]:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked{border-color:var(--m-checkbox-input-color, var(--m-mm));background-color:var(--m-checkbox-input-color, var(--m-mm));box-shadow:0 4px 15px -3px color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 40%,transparent 60%);transform:scale(1.05)}.checkbox input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg);border-color:#fff}.checkbox input[type=checkbox]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 90%,black 10%);border-color:color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 90%,black 10%)}.checkbox input[type=checkbox]:checked:active:not(:disabled):after{transform:translate(-50%,-60%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked:focus{box-shadow:0 0 0 calc(var(--input-size, 1em) / 5) color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 25%,transparent 75%)}.checkbox input[type=checkbox]:indeterminate{border-color:var(--m-checkbox-input-color, var(--m-mm));background-color:var(--m-checkbox-input-color, var(--m-mm))}.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 white}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 20%,transparent 80%)}.checkbox input[type=checkbox]:disabled:checked:after{opacity:.5}.checkbox{min-height:var(--input-size, 1em)}.radio{display:inline-flex;align-items:center;gap:.375em;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:1em;height:1em;flex-shrink:0;box-sizing:border-box;background-color:transparent;border-radius:50%;border:max(1px,1em * .0625) solid color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 40%,transparent 60%);cursor:pointer;outline:none;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .2s ease;will-change:background-color,box-shadow,border-color}.radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:.5em;height:.5em;background-color:var(--m-input-wrapper-color, #4169e1);border-radius:50%;transition:transform .25s cubic-bezier(.4,0,.2,1),background-color .2s ease;will-change:transform}.radio{--m-label-margin: 0}.radio input[type=radio]:hover:not(:disabled){border-color:color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 60%,transparent 40%)}.radio input[type=radio]:focus{box-shadow:0 0 0 .2em color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 20%,transparent 80%);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-input-wrapper-color, #4169e1)}.radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}.radio input[type=radio]:checked:hover:not(:disabled){border-color:color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 90%,black 10%)}.radio input[type=radio]:checked:hover:not(:disabled):after{background-color:color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 90%,black 10%)}.radio input[type=radio]:checked:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85)}.radio input[type=radio]:checked:focus{box-shadow:0 0 0 .2em color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 25%,transparent 75%)}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 20%,transparent 80%)}.radio input[type=radio]:disabled:checked:after{opacity:.5}.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(.m-dynamic-input) .checkbox{display:flex;align-items:center;width:100%;height:calc(var(--input-size, 1em) * 1.5);min-height:calc(var(--input-size, 1em) * 1.5);padding-block:calc(var(--input-size, 1em) * .125);padding-inline:0;background:transparent;border:none;box-shadow:none;--m-label-margin: 0;--m-label-font-size: var(--input-size, 1em);gap:var(--m-checkbox-input-gap, .5em )}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=checkbox]{flex:0 0 auto;margin:0;transform:none;width:var(--input-size, 1em);height:var(--input-size, 1em);border-width:var(--m-input-border-width, 2px);border-style:solid;border-color:var(--m-text-input-border, var(--m-input-color, var(--m-mm)));border-radius:var(--m-input-radius, 4px);background:var(--m-checkbox-square-background, var(--m-background));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:after{width:calc(var(--input-size, 1em) * .5);height:calc(var(--input-size, 1em) * .25);border-color:var(--m-input-color, var(--m-mm))}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:hover:not(:disabled){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12)));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked{border-color:var(--m-input-color, var(--m-mm));background-color:var(--m-input-color, var(--m-mm));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:after{border-color:var(--m-background)}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "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-mm));display:inline-flex;align-items:center;gap:calc(var(--input-size, 1em) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding:2px}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:var(--input-size, 1em);height:var(--input-size, 1em);background-color:rgba(var(--m-checkbox-bg-rgb, 255, 255, 255),.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:calc(var(--input-size, 1em) * .4);border:max(1px,var(--input-size, 1em) * .0625) solid color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 70%,transparent 30%);cursor:pointer;outline:none;box-sizing:border-box;flex-shrink:0;margin:2px;box-shadow:0 0 0 1px color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 15%,transparent 85%),0 2px 12px -3px #0000001a;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .2s ease,transform .2s ease;will-change:background-color,box-shadow}.checkbox input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0) rotate(-45deg);width:calc(var(--input-size, 1em) * .5);height:calc(var(--input-size, 1em) * .25);border-left:calc(var(--input-size, 1em) * .12) solid var(--m-checkbox-input-color, var(--m-mm));border-bottom:calc(var(--input-size, 1em) * .12) solid var(--m-checkbox-input-color, var(--m-mm));transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .15s ease;will-change:transform;box-shadow:0 calc(var(--input-size, 1em) / 10) calc(var(--input-size, 1em) / 6) #0003,0 calc(var(--input-size, 1em) / 20) calc(var(--input-size, 1em) / 12) #0000001a}.checkbox{--m-label-margin: 0}.checkbox input[type=checkbox]:hover:not(:disabled){border-color:color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 80%,transparent 20%);transform:translateY(-1px);box-shadow:0 4px 15px -3px #00000026,0 0 0 1px color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 25%,transparent 75%)}.checkbox input[type=checkbox]:focus{box-shadow:0 0 0 calc(var(--input-size, 1em) / 5) color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 25%,transparent 75%),0 2px 12px -3px #0000001a;outline:none}.checkbox input[type=checkbox]:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked{border-color:var(--m-checkbox-input-color, var(--m-mm));background-color:var(--m-checkbox-input-color, var(--m-mm));box-shadow:0 4px 15px -3px color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 40%,transparent 60%);transform:scale(1.05)}.checkbox input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg);border-color:#fff}.checkbox input[type=checkbox]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 90%,black 10%);border-color:color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 90%,black 10%)}.checkbox input[type=checkbox]:checked:active:not(:disabled):after{transform:translate(-50%,-60%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked:focus{box-shadow:0 0 0 calc(var(--input-size, 1em) / 5) color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 25%,transparent 75%)}.checkbox input[type=checkbox]:indeterminate{border-color:var(--m-checkbox-input-color, var(--m-mm));background-color:var(--m-checkbox-input-color, var(--m-mm))}.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 white}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 20%,transparent 80%)}.checkbox input[type=checkbox]:disabled:checked:after{opacity:.5}.checkbox{min-height:var(--input-size, 1em)}.radio{display:inline-flex;align-items:center;gap:.375em;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:1em;height:1em;flex-shrink:0;box-sizing:border-box;background-color:transparent;border-radius:50%;border:max(1px,1em * .0625) solid color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 40%,transparent 60%);cursor:pointer;outline:none;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .2s ease;will-change:background-color,box-shadow,border-color}.radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:.5em;height:.5em;background-color:var(--m-input-wrapper-color, #4169e1);border-radius:50%;transition:transform .25s cubic-bezier(.4,0,.2,1),background-color .2s ease;will-change:transform}.radio{--m-label-margin: 0}.radio input[type=radio]:hover:not(:disabled){border-color:color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 60%,transparent 40%)}.radio input[type=radio]:focus{box-shadow:0 0 0 .2em color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 20%,transparent 80%);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-input-wrapper-color, #4169e1)}.radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}.radio input[type=radio]:checked:hover:not(:disabled){border-color:color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 90%,black 10%)}.radio input[type=radio]:checked:hover:not(:disabled):after{background-color:color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 90%,black 10%)}.radio input[type=radio]:checked:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85)}.radio input[type=radio]:checked:focus{box-shadow:0 0 0 .2em color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 25%,transparent 75%)}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 20%,transparent 80%)}.radio input[type=radio]:disabled:checked:after{opacity:.5}.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(.m-dynamic-input) .checkbox{display:flex;align-items:center;width:100%;height:calc(var(--input-size, 1em) * 1.5);min-height:calc(var(--input-size, 1em) * 1.5);padding-block:calc(var(--input-size, 1em) * .125);padding-inline:0;background:transparent;border:none;box-shadow:none;--m-label-margin: 0;--m-label-font-size: var(--input-size, 1em);gap:var(--m-checkbox-input-gap, .5em )}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=checkbox]{flex:0 0 auto;margin:0;transform:none;width:var(--input-size, 1em);height:var(--input-size, 1em);border-width:var(--m-input-border-width, 2px);border-style:solid;border-color:var(--m-text-input-border, var(--m-input-color, var(--m-mm)));border-radius:var(--m-input-radius, 4px);background:var(--m-checkbox-square-background, var(--m-background));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:after{width:calc(var(--input-size, 1em) * .5);height:calc(var(--input-size, 1em) * .25);border-color:var(--m-input-color, var(--m-mm))}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:hover:not(:disabled){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12)));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked{border-color:var(--m-input-color, var(--m-mm));background-color:var(--m-input-color, var(--m-mm));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:after{border-color:var(--m-background)}\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", "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,
@@ -16154,6 +16477,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
           <m-label
             [for]="checkbox.name"
             [placeholder]="checkbox.label"
+            [params]="checkbox.params"
             [required]="required()"
             [disabled]="disabled()"
           />
@@ -16200,12 +16524,13 @@ class RadioInputComponent extends BaseCheckboxInputComponent {
         <m-label
           [for]="radio.id"
           [placeholder]="radio.label"
+          [params]="radio.params"
           [required]="required()"
           [disabled]="disabled()"
         />
       </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-mm));display:inline-flex;align-items:center;gap:calc(var(--input-size, 1em) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding:2px}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:var(--input-size, 1em);height:var(--input-size, 1em);background-color:rgba(var(--m-checkbox-bg-rgb, 255, 255, 255),.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:calc(var(--input-size, 1em) * .4);border:max(1px,var(--input-size, 1em) * .0625) solid color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 70%,transparent 30%);cursor:pointer;outline:none;box-sizing:border-box;flex-shrink:0;margin:2px;box-shadow:0 0 0 1px color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 15%,transparent 85%),0 2px 12px -3px #0000001a;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .2s ease,transform .2s ease;will-change:background-color,box-shadow}.checkbox input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0) rotate(-45deg);width:calc(var(--input-size, 1em) * .5);height:calc(var(--input-size, 1em) * .25);border-left:calc(var(--input-size, 1em) * .12) solid var(--m-checkbox-input-color, var(--m-mm));border-bottom:calc(var(--input-size, 1em) * .12) solid var(--m-checkbox-input-color, var(--m-mm));transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .15s ease;will-change:transform;box-shadow:0 calc(var(--input-size, 1em) / 10) calc(var(--input-size, 1em) / 6) #0003,0 calc(var(--input-size, 1em) / 20) calc(var(--input-size, 1em) / 12) #0000001a}.checkbox{--m-label-margin: 0}.checkbox input[type=checkbox]:hover:not(:disabled){border-color:color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 80%,transparent 20%);transform:translateY(-1px);box-shadow:0 4px 15px -3px #00000026,0 0 0 1px color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 25%,transparent 75%)}.checkbox input[type=checkbox]:focus{box-shadow:0 0 0 calc(var(--input-size, 1em) / 5) color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 25%,transparent 75%),0 2px 12px -3px #0000001a;outline:none}.checkbox input[type=checkbox]:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked{border-color:var(--m-checkbox-input-color, var(--m-mm));background-color:var(--m-checkbox-input-color, var(--m-mm));box-shadow:0 4px 15px -3px color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 40%,transparent 60%);transform:scale(1.05)}.checkbox input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg);border-color:#fff}.checkbox input[type=checkbox]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 90%,black 10%);border-color:color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 90%,black 10%)}.checkbox input[type=checkbox]:checked:active:not(:disabled):after{transform:translate(-50%,-60%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked:focus{box-shadow:0 0 0 calc(var(--input-size, 1em) / 5) color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 25%,transparent 75%)}.checkbox input[type=checkbox]:indeterminate{border-color:var(--m-checkbox-input-color, var(--m-mm));background-color:var(--m-checkbox-input-color, var(--m-mm))}.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 white}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 20%,transparent 80%)}.checkbox input[type=checkbox]:disabled:checked:after{opacity:.5}.checkbox{min-height:var(--input-size, 1em)}.radio{display:inline-flex;align-items:center;gap:.375em;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:1em;height:1em;flex-shrink:0;box-sizing:border-box;background-color:transparent;border-radius:50%;border:max(1px,1em * .0625) solid color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 40%,transparent 60%);cursor:pointer;outline:none;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .2s ease;will-change:background-color,box-shadow,border-color}.radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:.5em;height:.5em;background-color:var(--m-input-wrapper-color, #4169e1);border-radius:50%;transition:transform .25s cubic-bezier(.4,0,.2,1),background-color .2s ease;will-change:transform}.radio{--m-label-margin: 0}.radio input[type=radio]:hover:not(:disabled){border-color:color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 60%,transparent 40%)}.radio input[type=radio]:focus{box-shadow:0 0 0 .2em color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 20%,transparent 80%);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-input-wrapper-color, #4169e1)}.radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}.radio input[type=radio]:checked:hover:not(:disabled){border-color:color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 90%,black 10%)}.radio input[type=radio]:checked:hover:not(:disabled):after{background-color:color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 90%,black 10%)}.radio input[type=radio]:checked:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85)}.radio input[type=radio]:checked:focus{box-shadow:0 0 0 .2em color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 25%,transparent 75%)}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 20%,transparent 80%)}.radio input[type=radio]:disabled:checked:after{opacity:.5}.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(.m-dynamic-input) .checkbox{display:flex;align-items:center;width:100%;height:calc(var(--input-size, 1em) * 1.5);min-height:calc(var(--input-size, 1em) * 1.5);padding-block:calc(var(--input-size, 1em) * .125);padding-inline:0;background:transparent;border:none;box-shadow:none;--m-label-margin: 0;--m-label-font-size: var(--input-size, 1em);gap:var(--m-checkbox-input-gap, .5em )}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=checkbox]{flex:0 0 auto;margin:0;transform:none;width:var(--input-size, 1em);height:var(--input-size, 1em);border-width:var(--m-input-border-width, 2px);border-style:solid;border-color:var(--m-text-input-border, var(--m-input-color, var(--m-mm)));border-radius:var(--m-input-radius, 4px);background:var(--m-checkbox-square-background, var(--m-background));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:after{width:calc(var(--input-size, 1em) * .5);height:calc(var(--input-size, 1em) * .25);border-color:var(--m-input-color, var(--m-mm))}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:hover:not(:disabled){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12)));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked{border-color:var(--m-input-color, var(--m-mm));background-color:var(--m-input-color, var(--m-mm));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:after{border-color:var(--m-background)}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "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-mm));display:inline-flex;align-items:center;gap:calc(var(--input-size, 1em) * .375);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding:2px}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;width:var(--input-size, 1em);height:var(--input-size, 1em);background-color:rgba(var(--m-checkbox-bg-rgb, 255, 255, 255),.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:calc(var(--input-size, 1em) * .4);border:max(1px,var(--input-size, 1em) * .0625) solid color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 70%,transparent 30%);cursor:pointer;outline:none;box-sizing:border-box;flex-shrink:0;margin:2px;box-shadow:0 0 0 1px color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 15%,transparent 85%),0 2px 12px -3px #0000001a;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .2s ease,transform .2s ease;will-change:background-color,box-shadow}.checkbox input[type=checkbox]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0) rotate(-45deg);width:calc(var(--input-size, 1em) * .5);height:calc(var(--input-size, 1em) * .25);border-left:calc(var(--input-size, 1em) * .12) solid var(--m-checkbox-input-color, var(--m-mm));border-bottom:calc(var(--input-size, 1em) * .12) solid var(--m-checkbox-input-color, var(--m-mm));transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .15s ease;will-change:transform;box-shadow:0 calc(var(--input-size, 1em) / 10) calc(var(--input-size, 1em) / 6) #0003,0 calc(var(--input-size, 1em) / 20) calc(var(--input-size, 1em) / 12) #0000001a}.checkbox{--m-label-margin: 0}.checkbox input[type=checkbox]:hover:not(:disabled){border-color:color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 80%,transparent 20%);transform:translateY(-1px);box-shadow:0 4px 15px -3px #00000026,0 0 0 1px color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 25%,transparent 75%)}.checkbox input[type=checkbox]:focus{box-shadow:0 0 0 calc(var(--input-size, 1em) / 5) color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 25%,transparent 75%),0 2px 12px -3px #0000001a;outline:none}.checkbox input[type=checkbox]:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked{border-color:var(--m-checkbox-input-color, var(--m-mm));background-color:var(--m-checkbox-input-color, var(--m-mm));box-shadow:0 4px 15px -3px color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 40%,transparent 60%);transform:scale(1.05)}.checkbox input[type=checkbox]:checked:after{transform:translate(-50%,-60%) scale(1) rotate(-45deg);border-color:#fff}.checkbox input[type=checkbox]:checked:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 90%,black 10%);border-color:color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 90%,black 10%)}.checkbox input[type=checkbox]:checked:active:not(:disabled):after{transform:translate(-50%,-60%) scale(.85) rotate(-45deg)}.checkbox input[type=checkbox]:checked:focus{box-shadow:0 0 0 calc(var(--input-size, 1em) / 5) color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 25%,transparent 75%)}.checkbox input[type=checkbox]:indeterminate{border-color:var(--m-checkbox-input-color, var(--m-mm));background-color:var(--m-checkbox-input-color, var(--m-mm))}.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 white}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-checkbox-input-color, var(--m-mm)) 20%,transparent 80%)}.checkbox input[type=checkbox]:disabled:checked:after{opacity:.5}.checkbox{min-height:var(--input-size, 1em)}.radio{display:inline-flex;align-items:center;gap:.375em;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:1em;height:1em;flex-shrink:0;box-sizing:border-box;background-color:transparent;border-radius:50%;border:max(1px,1em * .0625) solid color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 40%,transparent 60%);cursor:pointer;outline:none;transition:background-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .2s ease;will-change:background-color,box-shadow,border-color}.radio input[type=radio]:after{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:.5em;height:.5em;background-color:var(--m-input-wrapper-color, #4169e1);border-radius:50%;transition:transform .25s cubic-bezier(.4,0,.2,1),background-color .2s ease;will-change:transform}.radio{--m-label-margin: 0}.radio input[type=radio]:hover:not(:disabled){border-color:color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 60%,transparent 40%)}.radio input[type=radio]:focus{box-shadow:0 0 0 .2em color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 20%,transparent 80%);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-input-wrapper-color, #4169e1)}.radio input[type=radio]:checked:after{transform:translate(-50%,-50%) scale(1)}.radio input[type=radio]:checked:hover:not(:disabled){border-color:color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 90%,black 10%)}.radio input[type=radio]:checked:hover:not(:disabled):after{background-color:color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 90%,black 10%)}.radio input[type=radio]:checked:active:not(:disabled):after{transform:translate(-50%,-50%) scale(.85)}.radio input[type=radio]:checked:focus{box-shadow:0 0 0 .2em color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 25%,transparent 75%)}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed;border-color:color-mix(in srgb,var(--m-input-wrapper-color, #4169e1) 20%,transparent 80%)}.radio input[type=radio]:disabled:checked:after{opacity:.5}.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(.m-dynamic-input) .checkbox{display:flex;align-items:center;width:100%;height:calc(var(--input-size, 1em) * 1.5);min-height:calc(var(--input-size, 1em) * 1.5);padding-block:calc(var(--input-size, 1em) * .125);padding-inline:0;background:transparent;border:none;box-shadow:none;--m-label-margin: 0;--m-label-font-size: var(--input-size, 1em);gap:var(--m-checkbox-input-gap, .5em )}:host-context(.section-form-item__input) .checkbox input[type=checkbox],:host-context(.m-dynamic-input) .checkbox input[type=checkbox]{flex:0 0 auto;margin:0;transform:none;width:var(--input-size, 1em);height:var(--input-size, 1em);border-width:var(--m-input-border-width, 2px);border-style:solid;border-color:var(--m-text-input-border, var(--m-input-color, var(--m-mm)));border-radius:var(--m-input-radius, 4px);background:var(--m-checkbox-square-background, var(--m-background));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:after{width:calc(var(--input-size, 1em) * .5);height:calc(var(--input-size, 1em) * .25);border-color:var(--m-input-color, var(--m-mm))}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:hover:not(:disabled),:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:hover:not(:disabled){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12)));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked{border-color:var(--m-input-color, var(--m-mm));background-color:var(--m-input-color, var(--m-mm));box-shadow:none;transform:none}:host-context(.section-form-item__input) .checkbox input[type=checkbox]:checked:after,:host-context(.m-dynamic-input) .checkbox input[type=checkbox]:checked:after{border-color:var(--m-background)}\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,
@@ -16225,6 +16550,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         <m-label
           [for]="radio.id"
           [placeholder]="radio.label"
+          [params]="radio.params"
           [required]="required()"
           [disabled]="disabled()"
         />
@@ -16567,6 +16893,7 @@ class DropdownInputComponent extends BaseInputComponent {
         <m-label
           [for]="dropdown.name ?? ''"
           [placeholder]="dropdown.label"
+          [params]="dropdown.params"
           [required]="required()"
           [disabled]="disabled()"
         />
@@ -16605,7 +16932,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", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "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", "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}\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", "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,
@@ -16615,6 +16942,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         <m-label
           [for]="dropdown.name ?? ''"
           [placeholder]="dropdown.label"
+          [params]="dropdown.params"
           [required]="required()"
           [disabled]="disabled()"
         />
@@ -17359,7 +17687,7 @@ class ColorPickerBoxComponent {
       </div>
     </div>
   </m-section>
-  </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)}}.color-picker-box{width:100%;box-sizing:border-box;background:var(--m-background);border:var(--m-input-border-width, 2px) solid var(--m-text-input-border, var(--m-input-color, var(--m-mm, #4169e1)));border-radius:var(--m-input-radius, 4px);overflow:hidden;box-shadow:none;animation:color-picker-in .2s ease-out}.color-picker-box .color-picker-box-header{position:sticky;display:flex;flex-direction:row;top:0;left:0;width:100%;z-index:5260;align-items:center;justify-content:space-between;background:var(--m-background);border-bottom:1px solid var(--border-color)}.color-picker-box .color-picker-box-header .color-preview{height:2em;width:2em;border-radius:5px;margin:.5em}.color-picker-box .color-picker-box-header .color-header{flex:1;padding:0 .5em}.color-picker-box .color-area{position:relative;width:100%;height:5em;overflow:hidden}.color-picker-box .color-area .color-base{position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(180deg,#fff,#fff0,#000),linear-gradient(90deg,gray,#fff0);pointer-events:none}.color-picker-box .color-area .saturation-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgb(128,128,128) 0%,transparent 100%)}.color-picker-box .color-area .brightness-gradient{position:absolute;inset:0;background:linear-gradient(180deg,#ffffff 0%,transparent 50%,#000000 100%)}.color-picker-box .color-area .color-pointer{position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d;cursor:pointer;z-index:1}.color-picker-box .color-sliders{display:flex;flex-direction:column;gap:.5em;padding:.5em 1em;box-sizing:border-box}.color-picker-box .color-sliders .hue-slider,.color-picker-box .color-sliders .opacity-slider{height:.5em;position:relative;border-radius:.5em}.color-picker-box .color-sliders .hue-slider .pointer,.color-picker-box .color-sliders .opacity-slider .pointer{width:.5em;height:.5em;border-radius:50%;transform:translate(-50%,calc(-50% + 4px));border:2px solid var(--mag-border-color);box-shadow:0 1px 3px #0003;cursor:pointer;margin:0;padding:0;border:2px solid white;transition:scale .2s ease}.color-picker-box .color-sliders .hue-slider .pointer:hover,.color-picker-box .color-sliders .opacity-slider .pointer:hover{scale:1.2;box-shadow:0 2px 4px #0003}.color-picker-box .color-sliders .hue-slider{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-picker-box .suggested-colors{padding:.5em;box-sizing:border-box;width:100%}.color-picker-box .suggested-colors .suggested-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5em;padding:.25em 0;border-bottom:1px solid var(--mag-border-color)}.color-picker-box .suggested-colors .suggested-header span{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\";font-size:.75em;font-weight:500;color:var(--mm-color);display:flex;align-items:center;gap:.5em}.color-picker-box .suggested-colors .color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(24px,1fr));gap:8px;width:100%;padding:.25rem}.color-picker-box .suggested-colors .color-grid .color-option{width:24px;height:24px;border-radius:4px;cursor:pointer;border:1px solid var(--border-color);transition:all .2s ease;margin:auto;position:relative;padding:0}.color-picker-box .suggested-colors .color-grid .color-option:hover{transform:scale(1.1);z-index:1;box-shadow:0 2px 4px #0003}.color-picker-box .suggested-colors .color-grid .color-option:active{transform:scale(.95)}.color-picker-box .suggested-colors .color-grid .color-option[data-alpha]{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px}@keyframes color-picker-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}\n"], dependencies: [{ kind: "directive", type: DraggableDirective, selector: "[mDraggable]", inputs: ["mDraggable", "handleSelector", "pos", "max", "min"], outputs: ["mDraggableChange", "dragStart", "dragEnd"] }, { kind: "directive", type: ToolTipDirective, selector: "[mToolTip]", inputs: ["mToolTip"] }, { kind: "component", type: SectionComponent, selector: "m-section", inputs: ["variant", "maxWidth", "heightMode", "maxHeight", "height", "align", "size"], outputs: ["inView"] }, { kind: "component", type: SectionHeaderComponent, selector: "m-section-header", inputs: ["sticky", "level", "label", "subLabel", "noTranslate", "reverse", "icon", "menu", "menuName", "visibilityRule", "disableRule", "extraData", "align", "showBack", "actionButton", "actionLabel", "spacing", "maxWidth"], outputs: ["actionClick", "action", "back"] }, { 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "directive", type: FileUploadDirective, selector: "[mFileUpload]", inputs: ["mFileUpload"], outputs: ["fileSelect"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  </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)}}.color-picker-box{width:100%;box-sizing:border-box;background:var(--m-background);border:var(--m-input-border-width, 2px) solid var(--m-text-input-border, var(--m-input-color, var(--m-mm, #4169e1)));border-radius:var(--m-input-radius, 4px);overflow:hidden;box-shadow:none;animation:color-picker-in .2s ease-out}.color-picker-box .color-picker-box-header{position:sticky;display:flex;flex-direction:row;top:0;left:0;width:100%;z-index:5260;align-items:center;justify-content:space-between;background:var(--m-background);border-bottom:1px solid var(--border-color)}.color-picker-box .color-picker-box-header .color-preview{height:2em;width:2em;border-radius:5px;margin:.5em}.color-picker-box .color-picker-box-header .color-header{flex:1;padding:0 .5em}.color-picker-box .color-area{position:relative;width:100%;height:5em;overflow:hidden}.color-picker-box .color-area .color-base{position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(180deg,#fff,#fff0,#000),linear-gradient(90deg,gray,#fff0);pointer-events:none}.color-picker-box .color-area .saturation-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgb(128,128,128) 0%,transparent 100%)}.color-picker-box .color-area .brightness-gradient{position:absolute;inset:0;background:linear-gradient(180deg,#ffffff 0%,transparent 50%,#000000 100%)}.color-picker-box .color-area .color-pointer{position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d;cursor:pointer;z-index:1}.color-picker-box .color-sliders{display:flex;flex-direction:column;gap:.5em;padding:.5em 1em;box-sizing:border-box}.color-picker-box .color-sliders .hue-slider,.color-picker-box .color-sliders .opacity-slider{height:.5em;position:relative;border-radius:.5em}.color-picker-box .color-sliders .hue-slider .pointer,.color-picker-box .color-sliders .opacity-slider .pointer{width:.5em;height:.5em;border-radius:50%;transform:translate(-50%,calc(-50% + 4px));border:2px solid var(--mag-border-color);box-shadow:0 1px 3px #0003;cursor:pointer;margin:0;padding:0;border:2px solid white;transition:scale .2s ease}.color-picker-box .color-sliders .hue-slider .pointer:hover,.color-picker-box .color-sliders .opacity-slider .pointer:hover{scale:1.2;box-shadow:0 2px 4px #0003}.color-picker-box .color-sliders .hue-slider{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-picker-box .suggested-colors{padding:.5em;box-sizing:border-box;width:100%}.color-picker-box .suggested-colors .suggested-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5em;padding:.25em 0;border-bottom:1px solid var(--mag-border-color)}.color-picker-box .suggested-colors .suggested-header span{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\";font-size:.75em;font-weight:500;color:var(--mm-color);display:flex;align-items:center;gap:.5em}.color-picker-box .suggested-colors .color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(24px,1fr));gap:8px;width:100%;padding:.25rem}.color-picker-box .suggested-colors .color-grid .color-option{width:24px;height:24px;border-radius:4px;cursor:pointer;border:1px solid var(--border-color);transition:all .2s ease;margin:auto;position:relative;padding:0}.color-picker-box .suggested-colors .color-grid .color-option:hover{transform:scale(1.1);z-index:1;box-shadow:0 2px 4px #0003}.color-picker-box .suggested-colors .color-grid .color-option:active{transform:scale(.95)}.color-picker-box .suggested-colors .color-grid .color-option[data-alpha]{background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px}@keyframes color-picker-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}\n"], dependencies: [{ kind: "directive", type: DraggableDirective, selector: "[mDraggable]", inputs: ["mDraggable", "handleSelector", "pos", "max", "min"], outputs: ["mDraggableChange", "dragStart", "dragEnd"] }, { kind: "directive", type: ToolTipDirective, selector: "[mToolTip]", inputs: ["mToolTip"] }, { kind: "component", type: SectionComponent, selector: "m-section", inputs: ["variant", "maxWidth", "heightMode", "maxHeight", "height", "align", "size"], outputs: ["inView"] }, { kind: "component", type: SectionHeaderComponent, selector: "m-section-header", inputs: ["sticky", "level", "label", "subLabel", "noTranslate", "params", "reverse", "icon", "menu", "menuName", "visibilityRule", "disableRule", "extraData", "align", "showBack", "actionButton", "actionLabel", "spacing", "maxWidth"], outputs: ["actionClick", "action", "back"] }, { 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: FileUploadDirective, selector: "[mFileUpload]", inputs: ["mFileUpload"], outputs: ["fileSelect"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ColorPickerBoxComponent, decorators: [{
             type: Component,
@@ -17525,6 +17853,7 @@ class ColorPickerInputComponent extends BaseTextInputComponent {
         <m-label
           [for]="colorInput.name ?? ''"
           [placeholder]="colorInput.label"
+          [params]="colorInput.params"
           [required]="required()"
           [disabled]="disabled()"
           [color]="value()"
@@ -17572,7 +17901,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%}.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, 2px);border-radius:var(--m-input-radius, 4px);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, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-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:.5rem;height:2.5rem;min-height:2.5rem;padding:0 .75rem}.input-wrapper .m-icon{--m-icon-size: 1rem !important}.input-wrapper .m-button{--m-button-size: 1rem !important}.color-picker-trigger{appearance:none;border:none;outline:none;flex:1;height:100%;background:transparent;color:var(--m-text);font-family:inherit;font-size:1rem;padding:0}.color-picker-trigger:focus{border-color:transparent;box-shadow:none}.color-picker-trigger.has-icon{padding-left:0}.color-picker-trigger.error{color:var(--m-error)}.color-picker-trigger--open{color:var(--m-focus)}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "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", "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%}.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, 2px);border-radius:var(--m-input-radius, 4px);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, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-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:.5rem;height:2.5rem;min-height:2.5rem;padding:0 .75rem}.input-wrapper .m-icon{--m-icon-size: 1rem !important}.input-wrapper .m-button{--m-button-size: 1rem !important}.color-picker-trigger{appearance:none;border:none;outline:none;flex:1;height:100%;background:transparent;color:var(--m-text);font-family:inherit;font-size:1rem;padding:0}.color-picker-trigger:focus{border-color:transparent;box-shadow:none}.color-picker-trigger.has-icon{padding-left:0}.color-picker-trigger.error{color:var(--m-error)}.color-picker-trigger--open{color: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", "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,
@@ -17582,6 +17911,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         <m-label
           [for]="colorInput.name ?? ''"
           [placeholder]="colorInput.label"
+          [params]="colorInput.params"
           [required]="required()"
           [disabled]="disabled()"
           [color]="value()"
@@ -17886,7 +18216,7 @@ class WrapperInputComponent extends ConfigComponent {
                 break;
             }
             case InputType.TOGGLE: {
-                const { ToggleInputComponent } = await import('./magmonium-one-toggle-MZ67gOjR.mjs');
+                const { ToggleInputComponent } = await import('./magmonium-one-toggle-SgQklgxO.mjs');
                 this.createDynamicComponent(seq, ToggleInputComponent, [], true);
                 break;
             }
@@ -17898,12 +18228,12 @@ class WrapperInputComponent extends ConfigComponent {
                 break;
             }
             case InputType.PASSWORD: {
-                const { PasswordInputComponent } = await import('./magmonium-one-password-DYwo9YG3.mjs');
+                const { PasswordInputComponent } = await import('./magmonium-one-password-DT79TrP9.mjs');
                 this.createDynamicComponent(seq, PasswordInputComponent);
                 break;
             }
             case InputType.OTP: {
-                const { OtpInputComponent } = await import('./magmonium-one-otp-BUjbm-_g.mjs');
+                const { OtpInputComponent } = await import('./magmonium-one-otp-fpC1c9gw.mjs');
                 this.createDynamicComponent(seq, OtpInputComponent);
                 break;
             }
@@ -18017,7 +18347,7 @@ class WrapperInputComponent extends ConfigComponent {
         }
       </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%}.m-input-wrapper{display:flex;align-items:flex-end;gap:calc(var(--input-size, 1em) * .375);width:100%}.m-input-wrapper--has-label{padding-top:var(--m-input-wrapper-label-padding-top, .5em )}.m-input-wrapper--inline{align-items:center;padding-top:0;min-height:0}.m-input-wrapper--readonly .m-dynamic-input{opacity:.6;filter:grayscale(.5);pointer-events:none;cursor:not-allowed}.m-input-wrapper--readonly .m-dynamic-input,.m-input-wrapper--readonly .m-dynamic-input *{animation:none!important;transition:none!important;box-shadow:none!important}.m-input-wrapper .m-button{flex-shrink:0;--m-button-size: var(--input-size, 1em);--m-icon-size: calc(var(--input-size, 1em) * 1.1)}.m-dynamic-input{flex:1;min-width:0}\n"], dependencies: [{ 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], 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;width:100%}.m-input-wrapper{display:flex;align-items:flex-end;gap:calc(var(--input-size, 1em) * .375);width:100%}.m-input-wrapper--has-label{padding-top:var(--m-input-wrapper-label-padding-top, .5em )}.m-input-wrapper--inline{align-items:center;padding-top:0;min-height:0}.m-input-wrapper--readonly .m-dynamic-input{opacity:.6;filter:grayscale(.5);pointer-events:none;cursor:not-allowed}.m-input-wrapper--readonly .m-dynamic-input,.m-input-wrapper--readonly .m-dynamic-input *{animation:none!important;transition:none!important;box-shadow:none!important}.m-input-wrapper .m-button{flex-shrink:0;--m-button-size: var(--input-size, 1em);--m-icon-size: calc(var(--input-size, 1em) * 1.1)}.m-dynamic-input{flex:1;min-width:0}\n"], dependencies: [{ 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: WrapperInputComponent, decorators: [{
             type: Component,
@@ -18121,6 +18451,7 @@ class RangeInputComponent extends BaseTextInputComponent {
         <m-label
           class="m-range__label"
           [placeholder]="range.label"
+          [params]="range.params"
           [required]="required()"
           [disabled]="disabled()"
         />
@@ -18141,7 +18472,7 @@ class RangeInputComponent extends BaseTextInputComponent {
         </div>
       </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)}}.m-range{display:flex;flex-direction:column;gap:6px;-webkit-user-select:none;user-select:none}.m-range .m-range__label{--m-label-margin: 0;--m-label-font-size: 12px;--m-label-color: var(--m-text-secondary)}.m-range__control{display:flex;align-items:center;gap:10px}.m-range__track{flex:1;position:relative;height:6px;background-color:var(--m-border);border-radius:3px;cursor:pointer}.m-range__fill{position:absolute;top:0;left:0;height:100%;background-color:var(--m-mm);border-radius:inherit;pointer-events:none}.m-range__thumb{width:16px;height:16px;border-radius:50%;background-color:var(--m-mm);border:2px solid var(--m-background);box-shadow:0 1px 3px #00000040;top:50%;transform:translateY(-50%) translate(-50%);transition:box-shadow .15s ease;cursor:grab;z-index:1}.m-range__thumb:hover{box-shadow:0 0 0 8px var(--m-backdrop-mm),0 1px 3px #00000040}.m-range__thumb.dragging{cursor:grabbing;box-shadow:0 0 0 10px var(--m-backdrop-mm),0 2px 6px #0000004d;z-index:2}.m-range__value{font-size:12px;font-weight:600;min-width:36px;text-align:right;color:var(--m-text-secondary);font-variant-numeric:tabular-nums}.m-range--multi .m-range__value{min-width:60px}\n"], dependencies: [{ kind: "directive", type: DraggableDirective, selector: "[mDraggable]", inputs: ["mDraggable", "handleSelector", "pos", "max", "min"], outputs: ["mDraggableChange", "dragStart", "dragEnd"] }, { kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "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)}}.m-range{display:flex;flex-direction:column;gap:6px;-webkit-user-select:none;user-select:none}.m-range .m-range__label{--m-label-margin: 0;--m-label-font-size: 12px;--m-label-color: var(--m-text-secondary)}.m-range__control{display:flex;align-items:center;gap:10px}.m-range__track{flex:1;position:relative;height:6px;background-color:var(--m-border);border-radius:3px;cursor:pointer}.m-range__fill{position:absolute;top:0;left:0;height:100%;background-color:var(--m-mm);border-radius:inherit;pointer-events:none}.m-range__thumb{width:16px;height:16px;border-radius:50%;background-color:var(--m-mm);border:2px solid var(--m-background);box-shadow:0 1px 3px #00000040;top:50%;transform:translateY(-50%) translate(-50%);transition:box-shadow .15s ease;cursor:grab;z-index:1}.m-range__thumb:hover{box-shadow:0 0 0 8px var(--m-backdrop-mm),0 1px 3px #00000040}.m-range__thumb.dragging{cursor:grabbing;box-shadow:0 0 0 10px var(--m-backdrop-mm),0 2px 6px #0000004d;z-index:2}.m-range__value{font-size:12px;font-weight:600;min-width:36px;text-align:right;color:var(--m-text-secondary);font-variant-numeric:tabular-nums}.m-range--multi .m-range__value{min-width:60px}\n"], dependencies: [{ kind: "directive", type: DraggableDirective, selector: "[mDraggable]", inputs: ["mDraggable", "handleSelector", "pos", "max", "min"], outputs: ["mDraggableChange", "dragStart", "dragEnd"] }, { 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: RangeInputComponent, decorators: [{
             type: Component,
@@ -18151,6 +18482,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         <m-label
           class="m-range__label"
           [placeholder]="range.label"
+          [params]="range.params"
           [required]="required()"
           [disabled]="disabled()"
         />
@@ -18318,6 +18650,7 @@ class MultiRangeInputComponent extends BaseArrayInputComponent {
         <m-label
           class="m-range__label"
           [placeholder]="range.label"
+          [params]="range.params"
           [required]="required()"
           [disabled]="disabled()"
         />
@@ -18347,7 +18680,7 @@ class MultiRangeInputComponent extends BaseArrayInputComponent {
         </div>
       </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)}}.m-range{display:flex;flex-direction:column;gap:6px;-webkit-user-select:none;user-select:none}.m-range .m-range__label{--m-label-margin: 0;--m-label-font-size: 12px;--m-label-color: var(--m-text-secondary)}.m-range__control{display:flex;align-items:center;gap:10px}.m-range__track{flex:1;position:relative;height:6px;background-color:var(--m-border);border-radius:3px;cursor:pointer}.m-range__fill{position:absolute;top:0;left:0;height:100%;background-color:var(--m-mm);border-radius:inherit;pointer-events:none}.m-range__thumb{width:16px;height:16px;border-radius:50%;background-color:var(--m-mm);border:2px solid var(--m-background);box-shadow:0 1px 3px #00000040;top:50%;transform:translateY(-50%) translate(-50%);transition:box-shadow .15s ease;cursor:grab;z-index:1}.m-range__thumb:hover{box-shadow:0 0 0 8px var(--m-backdrop-mm),0 1px 3px #00000040}.m-range__thumb.dragging{cursor:grabbing;box-shadow:0 0 0 10px var(--m-backdrop-mm),0 2px 6px #0000004d;z-index:2}.m-range__value{font-size:12px;font-weight:600;min-width:36px;text-align:right;color:var(--m-text-secondary);font-variant-numeric:tabular-nums}.m-range--multi .m-range__value{min-width:60px}\n"], dependencies: [{ kind: "directive", type: DraggableDirective, selector: "[mDraggable]", inputs: ["mDraggable", "handleSelector", "pos", "max", "min"], outputs: ["mDraggableChange", "dragStart", "dragEnd"] }, { kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "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)}}.m-range{display:flex;flex-direction:column;gap:6px;-webkit-user-select:none;user-select:none}.m-range .m-range__label{--m-label-margin: 0;--m-label-font-size: 12px;--m-label-color: var(--m-text-secondary)}.m-range__control{display:flex;align-items:center;gap:10px}.m-range__track{flex:1;position:relative;height:6px;background-color:var(--m-border);border-radius:3px;cursor:pointer}.m-range__fill{position:absolute;top:0;left:0;height:100%;background-color:var(--m-mm);border-radius:inherit;pointer-events:none}.m-range__thumb{width:16px;height:16px;border-radius:50%;background-color:var(--m-mm);border:2px solid var(--m-background);box-shadow:0 1px 3px #00000040;top:50%;transform:translateY(-50%) translate(-50%);transition:box-shadow .15s ease;cursor:grab;z-index:1}.m-range__thumb:hover{box-shadow:0 0 0 8px var(--m-backdrop-mm),0 1px 3px #00000040}.m-range__thumb.dragging{cursor:grabbing;box-shadow:0 0 0 10px var(--m-backdrop-mm),0 2px 6px #0000004d;z-index:2}.m-range__value{font-size:12px;font-weight:600;min-width:36px;text-align:right;color:var(--m-text-secondary);font-variant-numeric:tabular-nums}.m-range--multi .m-range__value{min-width:60px}\n"], dependencies: [{ kind: "directive", type: DraggableDirective, selector: "[mDraggable]", inputs: ["mDraggable", "handleSelector", "pos", "max", "min"], outputs: ["mDraggableChange", "dragStart", "dragEnd"] }, { 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: MultiRangeInputComponent, decorators: [{
             type: Component,
@@ -18357,6 +18690,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         <m-label
           class="m-range__label"
           [placeholder]="range.label"
+          [params]="range.params"
           [required]="required()"
           [disabled]="disabled()"
         />
@@ -18470,6 +18804,7 @@ class RadioGroupComponent extends BaseTextInputComponent {
     @if (config(); as radioGroup) {
       <m-label
         [placeholder]="radioGroup.label"
+        [params]="radioGroup.params"
         [required]="required()"
         [disabled]="disabled()"
       />
@@ -18499,7 +18834,7 @@ class RadioGroupComponent 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)}}.radio-group{display:flex;gap:1em}.radio-group.radio-group--vertical{flex-direction:column}\n"], dependencies: [{ kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "required", "disabled", "color"] }, { 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)}}.radio-group{display:flex;gap:1em}.radio-group.radio-group--vertical{flex-direction:column}\n"], dependencies: [{ kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RadioGroupComponent, decorators: [{
             type: Component,
@@ -18507,6 +18842,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
     @if (config(); as radioGroup) {
       <m-label
         [placeholder]="radioGroup.label"
+        [params]="radioGroup.params"
         [required]="required()"
         [disabled]="disabled()"
       />
@@ -18752,6 +19088,7 @@ class ToggleRadioInputComponent extends BaseTextInputComponent {
       @if (cfg.label) {
         <m-label
           [placeholder]="cfg.label"
+          [params]="cfg.params"
           [required]="required()"
           [disabled]="disabled()"
         />
@@ -18814,7 +19151,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-background-lite);--toggle-radio-radius: var(--m-toggle-radio-radius, var(--m-input-radius, 4px));--toggle-radio-border-width: var(--m-toggle-radio-border-width, var(--m-input-border-width, 2px));--toggle-radio-border: var(--toggle-radio-border-width) solid var(--m-mm);--toggle-radio-divider-width: var(--toggle-radio-border-width);--toggle-radio-indicator-bg: 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{opacity:.8}.toggle-radio__option:has(input[type=radio]:focus-visible) label{outline:var(--toggle-radio-border-width) solid color-mix(in srgb,var(--m-focus) 45%,transparent);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-mm)}.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-secondary);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)}.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 .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;gap:0}.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", "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"], 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-background-lite);--toggle-radio-radius: var(--m-toggle-radio-radius, var(--m-input-radius, 4px));--toggle-radio-border-width: var(--m-toggle-radio-border-width, var(--m-input-border-width, 2px));--toggle-radio-border: var(--toggle-radio-border-width) solid var(--m-mm);--toggle-radio-divider-width: var(--toggle-radio-border-width);--toggle-radio-indicator-bg: 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{opacity:.8}.toggle-radio__option:has(input[type=radio]:focus-visible) label{outline:var(--toggle-radio-border-width) solid color-mix(in srgb,var(--m-focus) 45%,transparent);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-mm)}.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-secondary);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)}.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 .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;gap:0}.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"], 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,
@@ -18823,6 +19160,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
       @if (cfg.label) {
         <m-label
           [placeholder]="cfg.label"
+          [params]="cfg.params"
           [required]="required()"
           [disabled]="disabled()"
         />
@@ -19001,6 +19339,7 @@ class SelectableCardInputComponent extends BaseInputComponent {
       @if (cfg.label) {
         <m-label
           [placeholder]="cfg.label"
+          [params]="cfg.params"
           [required]="required()"
           [disabled]="disabled()"
         />
@@ -19062,7 +19401,7 @@ class SelectableCardInputComponent extends BaseInputComponent {
         }
       </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%;max-width:100%;min-width:0}.selectable-card{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.selectable-card--vertical{flex-direction:column;flex-wrap:nowrap}.selectable-card--vertical .selectable-card__item{width:100%;max-width:100%;min-width:0;align-items:flex-start}.selectable-card--vertical .selectable-card__indicator{padding-top:.125rem}.selectable-card--vertical .selectable-card__content{align-items:flex-start}.selectable-card__item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border:2px solid var(--border, var(--m-border));border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--background, var(--m-background));transition:border-color .2s ease,box-shadow .2s ease,background .15s ease;box-sizing:border-box;max-width:100%;min-width:0}.selectable-card__item.selectable-card__item--line{border:1px solid var(--border, var(--m-border));border-radius:16px}.selectable-card__item.selectable-card__item--line:hover:not(.selectable-card__item.selectable-card__item--line--disabled){border-color:var(--border, var(--m-border));box-shadow:none}.selectable-card__item.selectable-card__item--line--selected{border-color:var(--border, var(--m-border));box-shadow:none;background:var(--background, var(--m-background))}.selectable-card__item.selectable-card__item--line--selected:hover:not(.selectable-card__item--disabled){box-shadow:none}.selectable-card__item.selectable-card__item--line:focus-visible{outline-color:var(--border, var(--m-border))}.selectable-card__item.selectable-card__item--line .selectable-card__indicator{display:none}.selectable-card__item:hover:not(.selectable-card__item--disabled){border-color:var(--mm-color, var(--m-mm));box-shadow:0 0 0 1px color-mix(in srgb,var(--mm-color, var(--m-mm)) 20%,transparent 80%)}.selectable-card__item--selected{border-color:var(--mm-color, var(--m-mm));box-shadow:0 0 0 1px var(--mm-color, var(--m-mm));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 5%,var(--background, var(--m-background)) 95%)}.selectable-card__item--selected:hover:not(.selectable-card__item--disabled){box-shadow:0 0 0 2px var(--mm-color, var(--m-mm))}.selectable-card__item:focus-visible{outline:2px solid var(--mm-color, var(--m-mm));outline-offset:2px}.selectable-card__item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.selectable-card__content{flex:1;min-width:0;max-width:100%;display:flex;align-items:center;gap:.5rem}.selectable-card__content>*{flex:1;min-width:0;max-width:100%}.selectable-card__icon{flex-shrink:0;display:flex}.selectable-card__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selectable-card__indicator{flex-shrink:0;display:flex;align-items:center}.selectable-card__indicator input[type=checkbox],.selectable-card__indicator input[type=radio]{appearance:none;-webkit-appearance:none;width:1.125rem;height:1.125rem;border:2px solid color-mix(in srgb,var(--mm-color, var(--m-mm)) 50%,transparent 50%);border-radius:.25rem;background:transparent;cursor:pointer;box-sizing:border-box;transition:background .2s ease,border-color .2s ease;position:relative;flex-shrink:0}.selectable-card__indicator input[type=checkbox][type=radio],.selectable-card__indicator input[type=radio][type=radio]{border-radius:50%}.selectable-card__indicator input[type=checkbox]:checked,.selectable-card__indicator input[type=radio]:checked{background:var(--mm-color, var(--m-mm));border-color:var(--mm-color, var(--m-mm))}.selectable-card__indicator input[type=checkbox]:checked:after,.selectable-card__indicator input[type=radio]:checked:after{content:\"\";position:absolute;top:50%;left:50%}.selectable-card__indicator input[type=checkbox][type=checkbox]:checked:after,.selectable-card__indicator input[type=radio][type=checkbox]:checked:after{width:.35rem;height:.2rem;border-left:2px solid white;border-bottom:2px solid white;transform:translate(-50%,-65%) rotate(-45deg)}.selectable-card__indicator input[type=checkbox][type=radio]:checked:after,.selectable-card__indicator input[type=radio][type=radio]:checked:after{width:.4rem;height:.4rem;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.selectable-card__indicator input[type=checkbox]:disabled,.selectable-card__indicator input[type=radio]:disabled{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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", "required", "disabled", "color"] }, { 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%;max-width:100%;min-width:0}.selectable-card{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.selectable-card--vertical{flex-direction:column;flex-wrap:nowrap}.selectable-card--vertical .selectable-card__item{width:100%;max-width:100%;min-width:0;align-items:flex-start}.selectable-card--vertical .selectable-card__indicator{padding-top:.125rem}.selectable-card--vertical .selectable-card__content{align-items:flex-start}.selectable-card__item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border:2px solid var(--border, var(--m-border));border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--background, var(--m-background));transition:border-color .2s ease,box-shadow .2s ease,background .15s ease;box-sizing:border-box;max-width:100%;min-width:0}.selectable-card__item.selectable-card__item--line{border:1px solid var(--border, var(--m-border));border-radius:16px}.selectable-card__item.selectable-card__item--line:hover:not(.selectable-card__item.selectable-card__item--line--disabled){border-color:var(--border, var(--m-border));box-shadow:none}.selectable-card__item.selectable-card__item--line--selected{border-color:var(--border, var(--m-border));box-shadow:none;background:var(--background, var(--m-background))}.selectable-card__item.selectable-card__item--line--selected:hover:not(.selectable-card__item--disabled){box-shadow:none}.selectable-card__item.selectable-card__item--line:focus-visible{outline-color:var(--border, var(--m-border))}.selectable-card__item.selectable-card__item--line .selectable-card__indicator{display:none}.selectable-card__item:hover:not(.selectable-card__item--disabled){border-color:var(--mm-color, var(--m-mm));box-shadow:0 0 0 1px color-mix(in srgb,var(--mm-color, var(--m-mm)) 20%,transparent 80%)}.selectable-card__item--selected{border-color:var(--mm-color, var(--m-mm));box-shadow:0 0 0 1px var(--mm-color, var(--m-mm));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 5%,var(--background, var(--m-background)) 95%)}.selectable-card__item--selected:hover:not(.selectable-card__item--disabled){box-shadow:0 0 0 2px var(--mm-color, var(--m-mm))}.selectable-card__item:focus-visible{outline:2px solid var(--mm-color, var(--m-mm));outline-offset:2px}.selectable-card__item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.selectable-card__content{flex:1;min-width:0;max-width:100%;display:flex;align-items:center;gap:.5rem}.selectable-card__content>*{flex:1;min-width:0;max-width:100%}.selectable-card__icon{flex-shrink:0;display:flex}.selectable-card__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selectable-card__indicator{flex-shrink:0;display:flex;align-items:center}.selectable-card__indicator input[type=checkbox],.selectable-card__indicator input[type=radio]{appearance:none;-webkit-appearance:none;width:1.125rem;height:1.125rem;border:2px solid color-mix(in srgb,var(--mm-color, var(--m-mm)) 50%,transparent 50%);border-radius:.25rem;background:transparent;cursor:pointer;box-sizing:border-box;transition:background .2s ease,border-color .2s ease;position:relative;flex-shrink:0}.selectable-card__indicator input[type=checkbox][type=radio],.selectable-card__indicator input[type=radio][type=radio]{border-radius:50%}.selectable-card__indicator input[type=checkbox]:checked,.selectable-card__indicator input[type=radio]:checked{background:var(--mm-color, var(--m-mm));border-color:var(--mm-color, var(--m-mm))}.selectable-card__indicator input[type=checkbox]:checked:after,.selectable-card__indicator input[type=radio]:checked:after{content:\"\";position:absolute;top:50%;left:50%}.selectable-card__indicator input[type=checkbox][type=checkbox]:checked:after,.selectable-card__indicator input[type=radio][type=checkbox]:checked:after{width:.35rem;height:.2rem;border-left:2px solid white;border-bottom:2px solid white;transform:translate(-50%,-65%) rotate(-45deg)}.selectable-card__indicator input[type=checkbox][type=radio]:checked:after,.selectable-card__indicator input[type=radio][type=radio]:checked:after{width:.4rem;height:.4rem;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.selectable-card__indicator input[type=checkbox]:disabled,.selectable-card__indicator input[type=radio]:disabled{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SelectableCardInputComponent, decorators: [{
             type: Component,
@@ -19071,6 +19410,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
       @if (cfg.label) {
         <m-label
           [placeholder]="cfg.label"
+          [params]="cfg.params"
           [required]="required()"
           [disabled]="disabled()"
         />
@@ -19196,11 +19536,11 @@ class RatingInputComponent extends BaseInputComponent {
         this.hoverValue.set(null);
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RatingInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: RatingInputComponent, isStandalone: true, selector: "m-rating-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange" }, usesInheritance: true, ngImport: i0, template: "@if (config(); as rating) {\n  @if (rating.label) {\n    <m-label\n      [for]=\"rating.name ?? ''\"\n      [placeholder]=\"rating.label\"\n      [required]=\"required()\"\n      [disabled]=\"disabled()\"\n    />\n  }\n\n  <div class=\"rating\" [class.rating--error]=\"showErrors()\">\n    <div\n      class=\"rating__stars\"\n      [class.rating__stars--interactive]=\"interactive()\"\n      [class.rating__stars--disabled]=\"disabled()\"\n      (mouseleave)=\"onLeave()\"\n    >\n      <!-- Hidden SVG for per-star gradient defs -->\n      <svg width=\"0\" height=\"0\" aria-hidden=\"true\" class=\"rating__defs\">\n        <defs>\n          @for (star of stars; track star) {\n            <linearGradient [id]=\"'star-grad-' + star\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n              <stop [attr.offset]=\"starFill(star) + '%'\" class=\"rating__stop--filled\" />\n              <stop [attr.offset]=\"starFill(star) + '%'\" class=\"rating__stop--empty\" />\n            </linearGradient>\n          }\n        </defs>\n      </svg>\n\n      @for (star of stars; track star) {\n        <button\n          class=\"rating__star\"\n          type=\"button\"\n          [attr.aria-label]=\"'rate-star-out-of-5' | translate: { star: star.toString() }\"\n          [attr.aria-pressed]=\"(value() ?? 0) >= star\"\n          [attr.disabled]=\"(!interactive()) ? true : null\"\n          (click)=\"rate(star)\"\n          (mouseenter)=\"onHover(star)\"\n        >\n          <svg\n            class=\"rating__star-svg\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-hidden=\"true\"\n          >\n            <polygon\n              class=\"rating__star-shape\"\n              [attr.fill]=\"'url(#star-grad-' + star + ')'\"\n              points=\"12,2.5 15.27,9.14 22.6,10.13 17.3,15.26 18.54,22.56 12,19.13 5.46,22.56 6.7,15.26 1.4,10.13 8.73,9.14\"\n            />\n          </svg>\n        </button>\n      }\n    </div>\n  </div>\n\n  @if (showErrors()) {\n    @for (error of errors(); track $index) {\n      <m-text-output\n        variant=\"footer\"\n        color=\"error\"\n        [label]=\"error.message\"\n      />\n    }\n  }\n}\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)}}.rating{display:inline-flex;flex-direction:column;gap:6px}.rating__defs{display:block;width:0;height:0;overflow:hidden;pointer-events:none;flex-shrink:0}.rating__stop--filled{stop-color:#ffb800;stop-opacity:1}.rating__stop--empty{stop-color:#e0e0e0;stop-opacity:1}.rating__stars{position:relative;display:inline-flex;align-items:center;gap:4px}.rating__star{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:none;cursor:default;outline:none;flex-shrink:0}.rating__star-svg{width:28px;height:28px;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.08));transition:opacity .15s ease,transform .12s ease}.rating__star-shape{stroke:#0000000f;stroke-width:.5px}.rating__stars--interactive .rating__star{cursor:pointer;border-radius:4px}.rating__stars--interactive .rating__star:focus-visible{outline:2px solid var(--m-mm);outline-offset:2px;border-radius:4px}.rating__stars--interactive .rating__star:hover .rating__star-svg,.rating__stars--interactive .rating__star:focus-visible .rating__star-svg{transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}.rating__stars--disabled{opacity:.5;pointer-events:none}.rating__stars--disabled .rating__stop--filled{stop-color:#bdbdbd}.rating--error .rating__stop--filled{stop-color:var(--m-error)}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: RatingInputComponent, isStandalone: true, selector: "m-rating-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange" }, usesInheritance: true, ngImport: i0, template: "@if (config(); as rating) {\n  @if (rating.label) {\n    <m-label\n      [for]=\"rating.name ?? ''\"\n      [placeholder]=\"rating.label\"\n      [params]=\"rating.params\"\n      [required]=\"required()\"\n      [disabled]=\"disabled()\"\n    />\n  }\n\n  <div class=\"rating\" [class.rating--error]=\"showErrors()\">\n    <div\n      class=\"rating__stars\"\n      [class.rating__stars--interactive]=\"interactive()\"\n      [class.rating__stars--disabled]=\"disabled()\"\n      (mouseleave)=\"onLeave()\"\n    >\n      <!-- Hidden SVG for per-star gradient defs -->\n      <svg width=\"0\" height=\"0\" aria-hidden=\"true\" class=\"rating__defs\">\n        <defs>\n          @for (star of stars; track star) {\n            <linearGradient [id]=\"'star-grad-' + star\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n              <stop [attr.offset]=\"starFill(star) + '%'\" class=\"rating__stop--filled\" />\n              <stop [attr.offset]=\"starFill(star) + '%'\" class=\"rating__stop--empty\" />\n            </linearGradient>\n          }\n        </defs>\n      </svg>\n\n      @for (star of stars; track star) {\n        <button\n          class=\"rating__star\"\n          type=\"button\"\n          [attr.aria-label]=\"'rate-star-out-of-5' | translate: { star: star.toString() }\"\n          [attr.aria-pressed]=\"(value() ?? 0) >= star\"\n          [attr.disabled]=\"(!interactive()) ? true : null\"\n          (click)=\"rate(star)\"\n          (mouseenter)=\"onHover(star)\"\n        >\n          <svg\n            class=\"rating__star-svg\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-hidden=\"true\"\n          >\n            <polygon\n              class=\"rating__star-shape\"\n              [attr.fill]=\"'url(#star-grad-' + star + ')'\"\n              points=\"12,2.5 15.27,9.14 22.6,10.13 17.3,15.26 18.54,22.56 12,19.13 5.46,22.56 6.7,15.26 1.4,10.13 8.73,9.14\"\n            />\n          </svg>\n        </button>\n      }\n    </div>\n  </div>\n\n  @if (showErrors()) {\n    @for (error of errors(); track $index) {\n      <m-text-output\n        variant=\"footer\"\n        color=\"error\"\n        [label]=\"error.message\"\n      />\n    }\n  }\n}\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)}}.rating{display:inline-flex;flex-direction:column;gap:6px}.rating__defs{display:block;width:0;height:0;overflow:hidden;pointer-events:none;flex-shrink:0}.rating__stop--filled{stop-color:#ffb800;stop-opacity:1}.rating__stop--empty{stop-color:#e0e0e0;stop-opacity:1}.rating__stars{position:relative;display:inline-flex;align-items:center;gap:4px}.rating__star{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:none;cursor:default;outline:none;flex-shrink:0}.rating__star-svg{width:28px;height:28px;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.08));transition:opacity .15s ease,transform .12s ease}.rating__star-shape{stroke:#0000000f;stroke-width:.5px}.rating__stars--interactive .rating__star{cursor:pointer;border-radius:4px}.rating__stars--interactive .rating__star:focus-visible{outline:2px solid var(--m-mm);outline-offset:2px;border-radius:4px}.rating__stars--interactive .rating__star:hover .rating__star-svg,.rating__stars--interactive .rating__star:focus-visible .rating__star-svg{transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}.rating__stars--disabled{opacity:.5;pointer-events:none}.rating__stars--disabled .rating__stop--filled{stop-color:#bdbdbd}.rating--error .rating__stop--filled{stop-color:var(--m-error)}\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", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RatingInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'm-rating-input', imports: [LabelComponent, TextOutputComponent, TranslatePipe], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (config(); as rating) {\n  @if (rating.label) {\n    <m-label\n      [for]=\"rating.name ?? ''\"\n      [placeholder]=\"rating.label\"\n      [required]=\"required()\"\n      [disabled]=\"disabled()\"\n    />\n  }\n\n  <div class=\"rating\" [class.rating--error]=\"showErrors()\">\n    <div\n      class=\"rating__stars\"\n      [class.rating__stars--interactive]=\"interactive()\"\n      [class.rating__stars--disabled]=\"disabled()\"\n      (mouseleave)=\"onLeave()\"\n    >\n      <!-- Hidden SVG for per-star gradient defs -->\n      <svg width=\"0\" height=\"0\" aria-hidden=\"true\" class=\"rating__defs\">\n        <defs>\n          @for (star of stars; track star) {\n            <linearGradient [id]=\"'star-grad-' + star\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n              <stop [attr.offset]=\"starFill(star) + '%'\" class=\"rating__stop--filled\" />\n              <stop [attr.offset]=\"starFill(star) + '%'\" class=\"rating__stop--empty\" />\n            </linearGradient>\n          }\n        </defs>\n      </svg>\n\n      @for (star of stars; track star) {\n        <button\n          class=\"rating__star\"\n          type=\"button\"\n          [attr.aria-label]=\"'rate-star-out-of-5' | translate: { star: star.toString() }\"\n          [attr.aria-pressed]=\"(value() ?? 0) >= star\"\n          [attr.disabled]=\"(!interactive()) ? true : null\"\n          (click)=\"rate(star)\"\n          (mouseenter)=\"onHover(star)\"\n        >\n          <svg\n            class=\"rating__star-svg\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-hidden=\"true\"\n          >\n            <polygon\n              class=\"rating__star-shape\"\n              [attr.fill]=\"'url(#star-grad-' + star + ')'\"\n              points=\"12,2.5 15.27,9.14 22.6,10.13 17.3,15.26 18.54,22.56 12,19.13 5.46,22.56 6.7,15.26 1.4,10.13 8.73,9.14\"\n            />\n          </svg>\n        </button>\n      }\n    </div>\n  </div>\n\n  @if (showErrors()) {\n    @for (error of errors(); track $index) {\n      <m-text-output\n        variant=\"footer\"\n        color=\"error\"\n        [label]=\"error.message\"\n      />\n    }\n  }\n}\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)}}.rating{display:inline-flex;flex-direction:column;gap:6px}.rating__defs{display:block;width:0;height:0;overflow:hidden;pointer-events:none;flex-shrink:0}.rating__stop--filled{stop-color:#ffb800;stop-opacity:1}.rating__stop--empty{stop-color:#e0e0e0;stop-opacity:1}.rating__stars{position:relative;display:inline-flex;align-items:center;gap:4px}.rating__star{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:none;cursor:default;outline:none;flex-shrink:0}.rating__star-svg{width:28px;height:28px;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.08));transition:opacity .15s ease,transform .12s ease}.rating__star-shape{stroke:#0000000f;stroke-width:.5px}.rating__stars--interactive .rating__star{cursor:pointer;border-radius:4px}.rating__stars--interactive .rating__star:focus-visible{outline:2px solid var(--m-mm);outline-offset:2px;border-radius:4px}.rating__stars--interactive .rating__star:hover .rating__star-svg,.rating__stars--interactive .rating__star:focus-visible .rating__star-svg{transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}.rating__stars--disabled{opacity:.5;pointer-events:none}.rating__stars--disabled .rating__stop--filled{stop-color:#bdbdbd}.rating--error .rating__stop--filled{stop-color:var(--m-error)}\n"] }]
+            args: [{ selector: 'm-rating-input', imports: [LabelComponent, TextOutputComponent, TranslatePipe], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (config(); as rating) {\n  @if (rating.label) {\n    <m-label\n      [for]=\"rating.name ?? ''\"\n      [placeholder]=\"rating.label\"\n      [params]=\"rating.params\"\n      [required]=\"required()\"\n      [disabled]=\"disabled()\"\n    />\n  }\n\n  <div class=\"rating\" [class.rating--error]=\"showErrors()\">\n    <div\n      class=\"rating__stars\"\n      [class.rating__stars--interactive]=\"interactive()\"\n      [class.rating__stars--disabled]=\"disabled()\"\n      (mouseleave)=\"onLeave()\"\n    >\n      <!-- Hidden SVG for per-star gradient defs -->\n      <svg width=\"0\" height=\"0\" aria-hidden=\"true\" class=\"rating__defs\">\n        <defs>\n          @for (star of stars; track star) {\n            <linearGradient [id]=\"'star-grad-' + star\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n              <stop [attr.offset]=\"starFill(star) + '%'\" class=\"rating__stop--filled\" />\n              <stop [attr.offset]=\"starFill(star) + '%'\" class=\"rating__stop--empty\" />\n            </linearGradient>\n          }\n        </defs>\n      </svg>\n\n      @for (star of stars; track star) {\n        <button\n          class=\"rating__star\"\n          type=\"button\"\n          [attr.aria-label]=\"'rate-star-out-of-5' | translate: { star: star.toString() }\"\n          [attr.aria-pressed]=\"(value() ?? 0) >= star\"\n          [attr.disabled]=\"(!interactive()) ? true : null\"\n          (click)=\"rate(star)\"\n          (mouseenter)=\"onHover(star)\"\n        >\n          <svg\n            class=\"rating__star-svg\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            aria-hidden=\"true\"\n          >\n            <polygon\n              class=\"rating__star-shape\"\n              [attr.fill]=\"'url(#star-grad-' + star + ')'\"\n              points=\"12,2.5 15.27,9.14 22.6,10.13 17.3,15.26 18.54,22.56 12,19.13 5.46,22.56 6.7,15.26 1.4,10.13 8.73,9.14\"\n            />\n          </svg>\n        </button>\n      }\n    </div>\n  </div>\n\n  @if (showErrors()) {\n    @for (error of errors(); track $index) {\n      <m-text-output\n        variant=\"footer\"\n        color=\"error\"\n        [label]=\"error.message\"\n      />\n    }\n  }\n}\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)}}.rating{display:inline-flex;flex-direction:column;gap:6px}.rating__defs{display:block;width:0;height:0;overflow:hidden;pointer-events:none;flex-shrink:0}.rating__stop--filled{stop-color:#ffb800;stop-opacity:1}.rating__stop--empty{stop-color:#e0e0e0;stop-opacity:1}.rating__stars{position:relative;display:inline-flex;align-items:center;gap:4px}.rating__star{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:none;cursor:default;outline:none;flex-shrink:0}.rating__star-svg{width:28px;height:28px;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.08));transition:opacity .15s ease,transform .12s ease}.rating__star-shape{stroke:#0000000f;stroke-width:.5px}.rating__stars--interactive .rating__star{cursor:pointer;border-radius:4px}.rating__stars--interactive .rating__star:focus-visible{outline:2px solid var(--m-mm);outline-offset:2px;border-radius:4px}.rating__stars--interactive .rating__star:hover .rating__star-svg,.rating__stars--interactive .rating__star:focus-visible .rating__star-svg{transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}.rating__stars--disabled{opacity:.5;pointer-events:none}.rating__stars--disabled .rating__stop--filled{stop-color:#bdbdbd}.rating--error .rating__stop--filled{stop-color:var(--m-error)}\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 }] }] } });
 
 var ratingInput = /*#__PURE__*/Object.freeze({
@@ -19298,6 +19638,7 @@ class ComponentInputComponent extends BaseTextInputComponent {
       @if (componentConfig.label) {
         <m-label
           [placeholder]="componentConfig.label"
+          [params]="componentConfig.params"
           [required]="required()"
           [disabled]="disabled()"
         />
@@ -19313,7 +19654,7 @@ class ComponentInputComponent extends BaseTextInputComponent {
         }
       }
     }
-  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ 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: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ComponentInputComponent, decorators: [{
             type: Component,
@@ -19322,6 +19663,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
       @if (componentConfig.label) {
         <m-label
           [placeholder]="componentConfig.label"
+          [params]="componentConfig.params"
           [required]="required()"
           [disabled]="disabled()"
         />
@@ -19477,6 +19819,7 @@ class FileUploadInputComponent extends BaseTextInputComponent {
       @if (fieldConfig.label) {
         <m-label
           [placeholder]="fieldConfig.label"
+          [params]="fieldConfig.params"
           [required]="required()"
           [disabled]="disabled()"
         />
@@ -19492,7 +19835,7 @@ class FileUploadInputComponent extends BaseTextInputComponent {
         }
       }
     }
-  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ 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: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "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,
@@ -19501,6 +19844,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
       @if (fieldConfig.label) {
         <m-label
           [placeholder]="fieldConfig.label"
+          [params]="fieldConfig.params"
           [required]="required()"
           [disabled]="disabled()"
         />
@@ -19993,7 +20337,7 @@ class FormGroupComponent extends ConfigComponent {
         }
       }
     </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%}.form-group{display:flex;flex-direction:column;gap:var(--m-form-group-gap, 1.5rem)}.form-group__header{display:flex;flex-direction:column;gap:4px;margin-bottom:.5rem}.form-group__subtitle{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:.5;color:var(--mm-color, #ffd700)}.form-group__title{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;opacity:.9}.form-group__content{display:flex;flex-wrap:wrap;gap:var(--m-form-group-content-gap, 1rem 1.25rem)}.form-group__content>*{flex:1 1 100%;min-width:0}.form-group__content>.col-1{flex:1 1 calc(1 * (100% + 1.25rem) / 12 - 1.25rem)}.form-group__content>.col-2{flex:2 1 calc(2 * (100% + 1.25rem) / 12 - 1.25rem)}.form-group__content>.col-3{flex:3 1 calc(.25*(100% + 1.25rem) - 1.25rem)}.form-group__content>.col-4{flex:4 1 calc(4 * (100% + 1.25rem) / 12 - 1.25rem)}.form-group__content>.col-5{flex:5 1 calc(5 * (100% + 1.25rem) / 12 - 1.25rem)}.form-group__content>.col-6{flex:6 1 calc(.5*(100% + 1.25rem) - 1.25rem)}.form-group__content>.col-7{flex:7 1 calc(7 * (100% + 1.25rem) / 12 - 1.25rem)}.form-group__content>.col-8{flex:8 1 calc(8 * (100% + 1.25rem) / 12 - 1.25rem)}.form-group__content>.col-9{flex:9 1 calc(.75*(100% + 1.25rem) - 1.25rem)}.form-group__content>.col-10{flex:10 1 calc(10 * (100% + 1.25rem) / 12 - 1.25rem)}.form-group__content>.col-11{flex:11 1 calc(11 * (100% + 1.25rem) / 12 - 1.25rem)}.form-group__content>.col-12{flex:12 1 calc(1*(100% + 1.25rem) - 1.25rem)}@media(max-width:480px){.form-group__content>*{flex-basis:100%}}:host(.m-form--compact) .form-group{gap:.5rem}:host(.m-form--compact) .form-group__content{display:block;gap:0}\n"], dependencies: [{ kind: "component", type: WrapperInputComponent, selector: "m-input-wrapper", inputs: ["remote", "value", "readonly", "state", "focused", "form", "options", "dir", "element", "data", "template", "aclResolver", "formValues"], outputs: ["valueChange", "stateChange", "act", "fieldKey", "fieldType"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate"], outputs: ["actionClick"] }, { 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%}.form-group{display:flex;flex-direction:column;gap:var(--m-form-group-gap, 1.5rem)}.form-group__header{display:flex;flex-direction:column;gap:4px;margin-bottom:.5rem}.form-group__subtitle{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:.5;color:var(--mm-color, #ffd700)}.form-group__title{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;opacity:.9}.form-group__content{display:flex;flex-wrap:wrap;gap:var(--m-form-group-content-gap, 1rem 1.25rem)}.form-group__content>*{flex:1 1 100%;min-width:0}.form-group__content>.col-1{flex:1 1 calc(1 * (100% + 1.25rem) / 12 - 1.25rem)}.form-group__content>.col-2{flex:2 1 calc(2 * (100% + 1.25rem) / 12 - 1.25rem)}.form-group__content>.col-3{flex:3 1 calc(.25*(100% + 1.25rem) - 1.25rem)}.form-group__content>.col-4{flex:4 1 calc(4 * (100% + 1.25rem) / 12 - 1.25rem)}.form-group__content>.col-5{flex:5 1 calc(5 * (100% + 1.25rem) / 12 - 1.25rem)}.form-group__content>.col-6{flex:6 1 calc(.5*(100% + 1.25rem) - 1.25rem)}.form-group__content>.col-7{flex:7 1 calc(7 * (100% + 1.25rem) / 12 - 1.25rem)}.form-group__content>.col-8{flex:8 1 calc(8 * (100% + 1.25rem) / 12 - 1.25rem)}.form-group__content>.col-9{flex:9 1 calc(.75*(100% + 1.25rem) - 1.25rem)}.form-group__content>.col-10{flex:10 1 calc(10 * (100% + 1.25rem) / 12 - 1.25rem)}.form-group__content>.col-11{flex:11 1 calc(11 * (100% + 1.25rem) / 12 - 1.25rem)}.form-group__content>.col-12{flex:12 1 calc(1*(100% + 1.25rem) - 1.25rem)}@media(max-width:480px){.form-group__content>*{flex-basis:100%}}:host(.m-form--compact) .form-group{gap:.5rem}:host(.m-form--compact) .form-group__content{display:block;gap:0}\n"], dependencies: [{ kind: "component", type: WrapperInputComponent, selector: "m-input-wrapper", inputs: ["remote", "value", "readonly", "state", "focused", "form", "options", "dir", "element", "data", "template", "aclResolver", "formValues"], outputs: ["valueChange", "stateChange", "act", "fieldKey", "fieldType"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate", "params"], outputs: ["actionClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormGroupComponent, decorators: [{
             type: Component,
@@ -20795,7 +21139,7 @@ class DashboardCardComponent {
         this.hasFooter.set(hasFooterSlot);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DashboardCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DashboardCardComponent, isStandalone: true, selector: "m-dashboard-card, m-one-dashboard-card", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, buttonGroup: { classPropertyName: "buttonGroup", publicName: "buttonGroup", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.no-footer": "!hasFooter()" } }, ngImport: i0, template: "<m-card variant=\"dashboard\">\n  @if (title() || icon() || buttonGroup()) {\n    <div slot=\"header\" class=\"m-dashboard-card__header\">\n      <div class=\"m-dashboard-card__header-left\">\n        @if (icon()) {\n          <m-icon [name]=\"icon()!\" color=\"mm\" />\n        }\n        @if (title()) {\n          <m-header [level]=\"4\" color=\"textSecondary\">{{ title()! | translate }}</m-header>\n        }\n        <ng-content select=\"[slot=header]\"></ng-content>\n      </div>\n\n      @if (buttonGroup()) {\n        <div class=\"m-dashboard-card__header-right\">\n          <m-button-group [name]=\"buttonGroup()!\" [config]=\"{ isContext: true }\" />\n        </div>\n      }\n    </div>\n  }\n\n  <div slot=\"content\" class=\"m-dashboard-card__body\">\n    <ng-content select=\"[slot=content]\"></ng-content>\n    <ng-content></ng-content>\n  </div>\n\n  @if (hasFooter()) {\n    <div slot=\"footer\" class=\"m-dashboard-card__footer\">\n      <ng-content select=\"[slot=footer]\"></ng-content>\n    </div>\n  }\n</m-card>\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:block;width:100%}.m-dashboard-card__header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.m-dashboard-card__header-left{display:flex;flex-direction:row;align-items:center;gap:1rem}.m-dashboard-card__header-left m-header,.m-dashboard-card__header-left h1,.m-dashboard-card__header-left h2,.m-dashboard-card__header-left h3,.m-dashboard-card__header-left h4,.m-dashboard-card__header-left h5,.m-dashboard-card__header-left h6{margin:0;padding:0;display:inline-flex;align-items:center}.m-dashboard-card__header-left m-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.75rem;background:var(--m-background-lite);color:var(--m-mm);border:1px solid var(--m-border);box-shadow:0 4px 10px #00000008}.m-dashboard-card__header-right{display:flex;align-items:center;margin-left:auto}.m-dashboard-card__body,.m-dashboard-card__footer{width:100%;display:block}:host.no-footer .m-dashboard-card__body{padding-bottom:.75rem}\n"], dependencies: [{ kind: "component", type: CardComponent, selector: "m-card,m-one-card", inputs: ["variant", "spacing", "fullHeight", "padding", "href", "clickable"], outputs: ["clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate"], outputs: ["actionClick"] }, { kind: "component", type: ButtonGroupComponent, selector: "m-button-group, m-one-button-group", inputs: ["buttons", "names", "exclude", "vertical", "size"], outputs: ["clicked"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DashboardCardComponent, isStandalone: true, selector: "m-dashboard-card, m-one-dashboard-card", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, buttonGroup: { classPropertyName: "buttonGroup", publicName: "buttonGroup", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.no-footer": "!hasFooter()" } }, ngImport: i0, template: "<m-card variant=\"dashboard\">\n  @if (title() || icon() || buttonGroup()) {\n    <div slot=\"header\" class=\"m-dashboard-card__header\">\n      <div class=\"m-dashboard-card__header-left\">\n        @if (icon()) {\n          <m-icon [name]=\"icon()!\" color=\"mm\" />\n        }\n        @if (title()) {\n          <m-header [level]=\"4\" color=\"textSecondary\">{{ title()! | translate }}</m-header>\n        }\n        <ng-content select=\"[slot=header]\"></ng-content>\n      </div>\n\n      @if (buttonGroup()) {\n        <div class=\"m-dashboard-card__header-right\">\n          <m-button-group [name]=\"buttonGroup()!\" [config]=\"{ isContext: true }\" />\n        </div>\n      }\n    </div>\n  }\n\n  <div slot=\"content\" class=\"m-dashboard-card__body\">\n    <ng-content select=\"[slot=content]\"></ng-content>\n    <ng-content></ng-content>\n  </div>\n\n  @if (hasFooter()) {\n    <div slot=\"footer\" class=\"m-dashboard-card__footer\">\n      <ng-content select=\"[slot=footer]\"></ng-content>\n    </div>\n  }\n</m-card>\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:block;width:100%}.m-dashboard-card__header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.m-dashboard-card__header-left{display:flex;flex-direction:row;align-items:center;gap:1rem}.m-dashboard-card__header-left m-header,.m-dashboard-card__header-left h1,.m-dashboard-card__header-left h2,.m-dashboard-card__header-left h3,.m-dashboard-card__header-left h4,.m-dashboard-card__header-left h5,.m-dashboard-card__header-left h6{margin:0;padding:0;display:inline-flex;align-items:center}.m-dashboard-card__header-left m-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.75rem;background:var(--m-background-lite);color:var(--m-mm);border:1px solid var(--m-border);box-shadow:0 4px 10px #00000008}.m-dashboard-card__header-right{display:flex;align-items:center;margin-left:auto}.m-dashboard-card__body,.m-dashboard-card__footer{width:100%;display:block}:host.no-footer .m-dashboard-card__body{padding-bottom:.75rem}\n"], dependencies: [{ kind: "component", type: CardComponent, selector: "m-card,m-one-card", inputs: ["variant", "spacing", "fullHeight", "padding", "href", "clickable"], outputs: ["clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate", "params"], outputs: ["actionClick"] }, { kind: "component", type: ButtonGroupComponent, selector: "m-button-group, m-one-button-group", inputs: ["buttons", "names", "exclude", "vertical", "size"], outputs: ["clicked"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DashboardCardComponent, decorators: [{
             type: Component,
@@ -22027,7 +22371,7 @@ class PaginationComponent extends ConfigComponent {
         }
       </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;margin-left:auto;width:auto}.m-pagination-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.m-pagination{display:flex;align-items:center;gap:.5rem;--m-button-radius: 8px;--m-button-size: 2.25rem;--m-button-font-size: .8125rem;--m-button-weight: 700;--m-button-bg: var(--m-backdrop-surface);--m-button-color: var(--m-text-secondary);--m-button-border: 1px solid var(--m-backdrop-border);--m-button-shadow: none}.m-pagination__nav{--m-button-bg: transparent ;--m-button-border: none;opacity:.6;transition:all .2s ease}.m-pagination__nav:hover:not([disabled]){opacity:1;background:var(--m-backdrop-surface)}.m-pagination__pages{display:flex;align-items:center;gap:.375rem}.m-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--m-text-tertiary);font-size:.75rem;font-weight:800;letter-spacing:.1em;-webkit-user-select:none;user-select:none}.m-pagination__counter{display:inline-flex;align-items:center;padding:0 1rem;font-size:.875rem;font-weight:700;color:var(--m-text);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.m-pagination__count{color:var(--m-text-tertiary);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;opacity:.6;margin-top:-.125rem;padding-right:.5rem;transition:opacity .3s ease}.m-pagination__count:hover{opacity:1}\n"], dependencies: [{ 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "pipe", type: i0.forwardRef(() => 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;margin-left:auto;width:auto}.m-pagination-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.m-pagination{display:flex;align-items:center;gap:.5rem;--m-button-radius: 8px;--m-button-size: 2.25rem;--m-button-font-size: .8125rem;--m-button-weight: 700;--m-button-bg: var(--m-backdrop-surface);--m-button-color: var(--m-text-secondary);--m-button-border: 1px solid var(--m-backdrop-border);--m-button-shadow: none}.m-pagination__nav{--m-button-bg: transparent ;--m-button-border: none;opacity:.6;transition:all .2s ease}.m-pagination__nav:hover:not([disabled]){opacity:1;background:var(--m-backdrop-surface)}.m-pagination__pages{display:flex;align-items:center;gap:.375rem}.m-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--m-text-tertiary);font-size:.75rem;font-weight:800;letter-spacing:.1em;-webkit-user-select:none;user-select:none}.m-pagination__counter{display:inline-flex;align-items:center;padding:0 1rem;font-size:.875rem;font-weight:700;color:var(--m-text);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.m-pagination__count{color:var(--m-text-tertiary);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;opacity:.6;margin-top:-.125rem;padding-right:.5rem;transition:opacity .3s ease}.m-pagination__count:hover{opacity:1}\n"], dependencies: [{ 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"] }, { 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: PaginationComponent, decorators: [{
             type: Component,
@@ -22209,7 +22553,7 @@ class SortComponent extends ConfigComponent {
         }
       </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}.m-sort{display:inline-flex;align-items:center;gap:.375rem}.m-sort--compact{gap:.25rem}.m-sort__label{font-size:.8125rem;color:var(--m-text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none}.m-sort__toggle{display:inline-flex;--m-button-size: .875rem}.m-sort__menu-trigger{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:.125rem .25rem;border-radius:.25rem;color:var(--m-text-secondary);transition:background .15s ease,color .15s ease}.m-sort__menu-trigger:hover,.m-sort__menu-trigger.active{background:var(--m-bg-focus);color:var(--m-text)}\n"], dependencies: [{ 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: i0.forwardRef(() => IconComponent), selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "directive", type: i0.forwardRef(() => SelectorDirective), selector: "[mSelector]", inputs: ["mSelector", "disabled"], outputs: ["opened", "closed"], exportAs: ["mSelector"] }, { kind: "pipe", type: i0.forwardRef(() => 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}.m-sort{display:inline-flex;align-items:center;gap:.375rem}.m-sort--compact{gap:.25rem}.m-sort__label{font-size:.8125rem;color:var(--m-text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none}.m-sort__toggle{display:inline-flex;--m-button-size: .875rem}.m-sort__menu-trigger{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:.125rem .25rem;border-radius:.25rem;color:var(--m-text-secondary);transition:background .15s ease,color .15s ease}.m-sort__menu-trigger:hover,.m-sort__menu-trigger.active{background:var(--m-bg-focus);color:var(--m-text)}\n"], dependencies: [{ 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"] }, { kind: "component", type: i0.forwardRef(() => IconComponent), selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "directive", type: i0.forwardRef(() => SelectorDirective), selector: "[mSelector]", inputs: ["mSelector", "disabled"], outputs: ["opened", "closed"], exportAs: ["mSelector"] }, { 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: SortComponent, decorators: [{
             type: Component,
@@ -24435,7 +24779,7 @@ class TreeGridComponent extends ConfigComponent {
         </table>
       </div>
     </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)}}.m-table{display:flex;flex-direction:column;border:1px solid var(--m-backdrop-border);border-radius:12px;overflow:clip;background:#ffffffe6;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);position:relative;transition:background-color .3s ease}.m-table--flat{border:none;box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}.m-table__toolbar{display:flex;align-items:center;justify-content:space-between;padding:1.5rem var(--m-table-toolbar-padding-x, 1.25rem);border-bottom:1px solid var(--m-backdrop-border);gap:1.5rem;background:color-mix(in srgb,var(--m-background) 45%,transparent)}.m-table--flat .m-table__toolbar{background:transparent;padding-left:0;padding-right:0}.m-table__title{margin:0;font-size:1.25rem;font-weight:800;color:var(--m-text);letter-spacing:-.02em;flex:1}.m-table__search{flex:0 1 auto;display:flex;align-items:center}.m-table__search .m-input-wrapper{width:100%}.m-table__mobile-view{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;flex:1;overflow:auto}.m-table__empty-mobile{padding:3rem 1.5rem;text-align:center;color:var(--m-text-tertiary);font-size:.9375rem;font-weight:500;font-style:italic;opacity:.8;background:color-mix(in srgb,var(--m-background) 20%,transparent);border-radius:12px;border:1px dashed var(--m-backdrop-border)}.m-table__wrapper{overflow:auto;flex:1}.m-table__wrapper::-webkit-scrollbar{width:6px;height:6px}.m-table__wrapper::-webkit-scrollbar-track{background:transparent}.m-table__wrapper::-webkit-scrollbar-thumb{background:var(--m-backdrop-border);border-radius:10px}.m-table__wrapper::-webkit-scrollbar-thumb:hover{background:var(--m-text-tertiary)}.m-table__table{width:100%;min-width:100%;border-collapse:separate;border-spacing:0}mark.m-table__highlight{background:var(--m-highlight);color:#000;border-radius:2px;padding:0 2px;font-weight:700;box-shadow:0 1px 4px #0003}mark.m-table__highlight .m-one-pagination{margin-left:auto;--m-button-size: 2.25rem;--m-pagination-gap: .375rem}.m-table-pagination{display:flex;align-items:center;gap:1.5rem;padding:1.25rem var(--m-table-pagination-padding-x, 1.25rem);border-top:1px solid var(--m-backdrop-border);font-size:.8125rem;flex-wrap:wrap;background:color-mix(in srgb,var(--m-background) 40%,transparent)}.m-table--flat .m-table-pagination{background:transparent;padding-left:0;padding-right:0}.m-table-pagination__size{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;color:var(--m-text-secondary);font-weight:500}.m-table-pagination__select{border:1px solid var(--m-backdrop-border);border-radius:8px;background:var(--m-backdrop-surface);color:var(--m-text);padding:.375rem .625rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.m-table-pagination__select:hover{background:var(--m-backdrop-glass);border-color:var(--m-mm);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-mm) 10%,transparent)}.m-table-pagination__select:focus{border-color:var(--m-mm);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-mm) 20%,transparent)}.m-table-filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:1rem 1.25rem;background:color-mix(in srgb,var(--m-background-lite) 60%,transparent);border-bottom:1px solid var(--m-backdrop-border);box-shadow:inset 0 2px 4px #00000005;overflow-x:auto;scrollbar-width:none}.m-table-filter::-webkit-scrollbar{display:none}.m-table--flat .m-table-filter{background:transparent;padding-left:0;padding-right:0;border-bottom:none}.m-table-filter__item{display:flex;align-items:center;gap:10px;padding:.4375rem 1rem;border-radius:12px;background:var(--m-background);border:1px solid var(--m-backdrop-border);color:var(--m-text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;font-weight:500}.m-table-filter__item:hover{border-color:var(--m-mm);color:var(--m-mm);background:var(--m-background);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.m-table-filter__item--active{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);font-weight:600;box-shadow:0 8px 16px color-mix(in srgb,var(--m-mm) 25%,transparent)}.m-table-filter__item--active:hover{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);transform:translateY(-1px)}.m-table-filter__item--active .m-table-filter__badge{background:#fff3;color:var(--m-inverse-text);border-color:#ffffff1a}.m-table-filter__item--primary{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);font-weight:600;box-shadow:0 8px 16px color-mix(in srgb,var(--m-mm) 25%,transparent)}.m-table-filter__item--primary:hover{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);transform:translateY(-1px);box-shadow:0 10px 20px color-mix(in srgb,var(--m-mm) 30%,transparent)}.m-table-filter__item--primary .m-table-filter__badge{background:#fff3;color:var(--m-inverse-text);border-color:#ffffff1a}.m-table-filter__item--danger{border-color:var(--m-error);color:var(--m-error)}.m-table-filter__item--danger:hover{border-color:var(--m-error);color:var(--m-error);background:var(--m-backdrop-error);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--m-error) 12%,transparent)}.m-table-filter__item--danger .m-table-filter__badge{background:var(--m-backdrop-error);color:var(--m-error);border-color:color-mix(in srgb,var(--m-error) 20%,transparent)}.m-table-filter__label{font-size:.8125rem;font-weight:600;letter-spacing:.01em}.m-table-filter__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:100px;background:var(--m-backdrop-surface);color:var(--m-text-secondary);font-size:.6875rem;font-weight:700;border:1px solid var(--m-backdrop-border);transition:all .2s ease}.m-table-thead__th{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--m-background) 95%,transparent);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);padding:1.25rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--m-text-tertiary);border-bottom:2px solid var(--m-backdrop-border);white-space:nowrap;transition:all .2s ease}.m-table-thead__th:hover{color:var(--m-text);background:var(--m-background)}@media(min-width:769px){.m-table-thead__th--fixed{z-index:20;background:var(--m-background)}}@media(max-width:768px){.m-table-thead__th--fixed{position:static;z-index:auto}}.m-table-thead__th--fixed{border-right:none}@media(min-width:769px){.m-table-thead__th--fixed-last{border-right:1px solid var(--m-backdrop-border)}}@media(max-width:768px){.m-table-thead__th--fixed-last{border-right:none}}.m-table-thead__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.m-table-thead__th--select{width:48px;min-width:48px;max-width:48px;padding:0 1rem;text-align:center}.m-table-thead__th--select input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--m-mm);border-radius:3px;display:block;margin:0 auto}.m-table-thead__cell{display:flex;align-items:center;gap:.5rem}.m-table-thead__sort-icon{color:var(--m-mm);opacity:.6;transition:opacity .2s ease}.m-table-thead__th:hover .m-table-thead__sort-icon{opacity:1}.m-table-thead__menu-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-left:auto;border:none;background:transparent;cursor:pointer;color:var(--m-text-tertiary);border-radius:6px;opacity:0;transition:all .15ms ease}.m-table-thead__menu-btn:hover{background:var(--m-backdrop-surface);color:var(--m-text)}.m-table-thead__th:hover .m-table-thead__menu-btn{opacity:1}.m-table-body__row{transition:background-color .3s cubic-bezier(.4,0,.2,1);position:relative}.m-table-body__row:hover{background:color-mix(in srgb,var(--m-mm) 5%,transparent)}.m-table-body__row:hover .m-table-body__cell{background:inherit}.m-table-body__cell{padding:1rem 1.25rem;font-size:.875rem;color:var(--m-text);border-bottom:1px solid var(--m-backdrop-border);white-space:nowrap;vertical-align:middle;background:transparent;transition:background-color .3s ease}.m-table-body__cell[class*=--number],.m-table-body__cell[class*=--currency],.m-table-body__cell[class*=--percent]{font-family:Inter,Roboto Mono,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.01em}@media(min-width:769px){.m-table-body__cell--fixed{position:sticky;background:var(--m-background);z-index:5}}@media(max-width:768px){.m-table-body__cell--fixed{position:static;background:transparent;z-index:auto}}.m-table-body__cell--fixed{border-right:none;transition:background-color .3s ease}.m-table-body__row:hover .m-table-body__cell--fixed{background:color-mix(in srgb,var(--m-mm) 5%,var(--m-background));z-index:6}@media(min-width:769px){.m-table-body__cell--fixed-last{border-right:1px solid var(--m-backdrop-border)}}@media(max-width:768px){.m-table-body__cell--fixed-last{border-right:none}}.m-table-body__cell--context-menu{padding-top:.35rem;padding-bottom:.35rem}.m-table-body__cell--select{width:48px;min-width:48px;max-width:48px;padding:0 1rem;text-align:center}.m-table-body__cell--select input[type=checkbox],.m-table-body__cell--select input[type=radio]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--m-mm);display:block;margin:0 auto}.m-table-body__input{border:none;border-bottom:2px solid var(--m-backdrop-border);background:transparent;font-size:.875rem;color:var(--m-text);padding:.25rem;outline:none;width:100%;transition:border-bottom-color .2s ease}.m-table-body__input:focus{border-bottom-color:var(--m-mm)}.m-table-body__action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;cursor:pointer;color:var(--m-text-tertiary);border-radius:8px;transition:all .2s ease}.m-table-body__action-btn:hover{background:var(--m-backdrop-surface);color:var(--m-text)}.m-table-body__empty{text-align:center;padding:4rem;color:var(--m-text-tertiary);font-size:1rem;font-weight:500;letter-spacing:.02em;font-style:italic;opacity:.7}.m-table-body__link{color:var(--m-mm);text-decoration:none;cursor:pointer;font-weight:600;transition:color .2s ease}.m-table-body__link:hover{text-decoration:underline;color:var(--m-mm-lite)}.m-table-body__value{padding:.25rem .5rem;border-radius:6px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.m-table-body__value--positive{color:var(--m-success);background:var(--m-backdrop-success)}.m-table-body__value--negative{color:var(--m-error);background:var(--m-backdrop-error)}.m-table-body__dash{color:var(--m-text-tertiary);font-weight:400;font-style:italic;opacity:.8}.m-tree-grid{--m-tree-grid-icon: .75rem}.m-tree-grid .m-table-thead__th,.m-tree-grid .m-table-body__cell{padding:.375rem .5rem}.m-tree-grid .m-table-thead__th{font-size:.6875rem;letter-spacing:.06em;border-bottom-width:1px}.m-tree-grid__tree-cell{display:flex;align-items:center;gap:0;min-width:0}.m-tree-grid__indent{flex:0 0 auto;width:calc(var(--m-tree-grid-depth, 0) * var(--m-tree-grid-indent, var(--m-tree-grid-icon)))}.m-tree-grid__toggle{flex:0 0 auto;width:var(--m-tree-grid-icon);height:var(--m-tree-grid-icon);display:inline-flex;align-items:center;justify-content:center}.m-tree-grid__toggle m-button{--m-button-size: .333rem}.m-tree-grid__toggle-spacer{width:var(--m-tree-grid-icon);height:var(--m-tree-grid-icon);flex:0 0 auto}.m-tree-grid__lead-icon{flex:0 0 auto;display:inline-flex;align-items:center;margin-left:.125rem;opacity:.75}.m-tree-grid__lead-icon m-icon{--m-icon-size: .75rem}.m-tree-grid__label{min-width:0;margin-left:.25rem;overflow:hidden;text-overflow:ellipsis;font-size:.875em;line-height:1.25}.m-tree-grid .m-table-body__row{cursor:pointer}.m-tree-grid .m-table-body__row--selected{background:color-mix(in srgb,var(--m-mm) 12%,transparent)}\n"], dependencies: [{ kind: "component", type: TableHeaderComponent, selector: "m-table-header", inputs: ["visibleColumns", "fixedCount", "fixedOffset", "sortState", "selectable", "allSelected", "someSelected"], outputs: ["sortClick", "selectAll"] }, { kind: "component", type: FreezeComponent, selector: "m-freeze", inputs: ["config"] }, { 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate"], outputs: ["actionClick"] }, { 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"], outputs: ["toggleChange", "action"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, 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)}}.m-table{display:flex;flex-direction:column;border:1px solid var(--m-backdrop-border);border-radius:12px;overflow:clip;background:#ffffffe6;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);position:relative;transition:background-color .3s ease}.m-table--flat{border:none;box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}.m-table__toolbar{display:flex;align-items:center;justify-content:space-between;padding:1.5rem var(--m-table-toolbar-padding-x, 1.25rem);border-bottom:1px solid var(--m-backdrop-border);gap:1.5rem;background:color-mix(in srgb,var(--m-background) 45%,transparent)}.m-table--flat .m-table__toolbar{background:transparent;padding-left:0;padding-right:0}.m-table__title{margin:0;font-size:1.25rem;font-weight:800;color:var(--m-text);letter-spacing:-.02em;flex:1}.m-table__search{flex:0 1 auto;display:flex;align-items:center}.m-table__search .m-input-wrapper{width:100%}.m-table__mobile-view{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;flex:1;overflow:auto}.m-table__empty-mobile{padding:3rem 1.5rem;text-align:center;color:var(--m-text-tertiary);font-size:.9375rem;font-weight:500;font-style:italic;opacity:.8;background:color-mix(in srgb,var(--m-background) 20%,transparent);border-radius:12px;border:1px dashed var(--m-backdrop-border)}.m-table__wrapper{overflow:auto;flex:1}.m-table__wrapper::-webkit-scrollbar{width:6px;height:6px}.m-table__wrapper::-webkit-scrollbar-track{background:transparent}.m-table__wrapper::-webkit-scrollbar-thumb{background:var(--m-backdrop-border);border-radius:10px}.m-table__wrapper::-webkit-scrollbar-thumb:hover{background:var(--m-text-tertiary)}.m-table__table{width:100%;min-width:100%;border-collapse:separate;border-spacing:0}mark.m-table__highlight{background:var(--m-highlight);color:#000;border-radius:2px;padding:0 2px;font-weight:700;box-shadow:0 1px 4px #0003}mark.m-table__highlight .m-one-pagination{margin-left:auto;--m-button-size: 2.25rem;--m-pagination-gap: .375rem}.m-table-pagination{display:flex;align-items:center;gap:1.5rem;padding:1.25rem var(--m-table-pagination-padding-x, 1.25rem);border-top:1px solid var(--m-backdrop-border);font-size:.8125rem;flex-wrap:wrap;background:color-mix(in srgb,var(--m-background) 40%,transparent)}.m-table--flat .m-table-pagination{background:transparent;padding-left:0;padding-right:0}.m-table-pagination__size{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;color:var(--m-text-secondary);font-weight:500}.m-table-pagination__select{border:1px solid var(--m-backdrop-border);border-radius:8px;background:var(--m-backdrop-surface);color:var(--m-text);padding:.375rem .625rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.m-table-pagination__select:hover{background:var(--m-backdrop-glass);border-color:var(--m-mm);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-mm) 10%,transparent)}.m-table-pagination__select:focus{border-color:var(--m-mm);box-shadow:0 0 0 3px color-mix(in srgb,var(--m-mm) 20%,transparent)}.m-table-filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:1rem 1.25rem;background:color-mix(in srgb,var(--m-background-lite) 60%,transparent);border-bottom:1px solid var(--m-backdrop-border);box-shadow:inset 0 2px 4px #00000005;overflow-x:auto;scrollbar-width:none}.m-table-filter::-webkit-scrollbar{display:none}.m-table--flat .m-table-filter{background:transparent;padding-left:0;padding-right:0;border-bottom:none}.m-table-filter__item{display:flex;align-items:center;gap:10px;padding:.4375rem 1rem;border-radius:12px;background:var(--m-background);border:1px solid var(--m-backdrop-border);color:var(--m-text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;font-weight:500}.m-table-filter__item:hover{border-color:var(--m-mm);color:var(--m-mm);background:var(--m-background);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.m-table-filter__item--active{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);font-weight:600;box-shadow:0 8px 16px color-mix(in srgb,var(--m-mm) 25%,transparent)}.m-table-filter__item--active:hover{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);transform:translateY(-1px)}.m-table-filter__item--active .m-table-filter__badge{background:#fff3;color:var(--m-inverse-text);border-color:#ffffff1a}.m-table-filter__item--primary{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);font-weight:600;box-shadow:0 8px 16px color-mix(in srgb,var(--m-mm) 25%,transparent)}.m-table-filter__item--primary:hover{background:var(--m-mm);border-color:var(--m-mm);color:var(--m-inverse-text);transform:translateY(-1px);box-shadow:0 10px 20px color-mix(in srgb,var(--m-mm) 30%,transparent)}.m-table-filter__item--primary .m-table-filter__badge{background:#fff3;color:var(--m-inverse-text);border-color:#ffffff1a}.m-table-filter__item--danger{border-color:var(--m-error);color:var(--m-error)}.m-table-filter__item--danger:hover{border-color:var(--m-error);color:var(--m-error);background:var(--m-backdrop-error);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--m-error) 12%,transparent)}.m-table-filter__item--danger .m-table-filter__badge{background:var(--m-backdrop-error);color:var(--m-error);border-color:color-mix(in srgb,var(--m-error) 20%,transparent)}.m-table-filter__label{font-size:.8125rem;font-weight:600;letter-spacing:.01em}.m-table-filter__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:100px;background:var(--m-backdrop-surface);color:var(--m-text-secondary);font-size:.6875rem;font-weight:700;border:1px solid var(--m-backdrop-border);transition:all .2s ease}.m-table-thead__th{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--m-background) 95%,transparent);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);padding:1.25rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--m-text-tertiary);border-bottom:2px solid var(--m-backdrop-border);white-space:nowrap;transition:all .2s ease}.m-table-thead__th:hover{color:var(--m-text);background:var(--m-background)}@media(min-width:769px){.m-table-thead__th--fixed{z-index:20;background:var(--m-background)}}@media(max-width:768px){.m-table-thead__th--fixed{position:static;z-index:auto}}.m-table-thead__th--fixed{border-right:none}@media(min-width:769px){.m-table-thead__th--fixed-last{border-right:1px solid var(--m-backdrop-border)}}@media(max-width:768px){.m-table-thead__th--fixed-last{border-right:none}}.m-table-thead__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.m-table-thead__th--select{width:48px;min-width:48px;max-width:48px;padding:0 1rem;text-align:center}.m-table-thead__th--select input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--m-mm);border-radius:3px;display:block;margin:0 auto}.m-table-thead__cell{display:flex;align-items:center;gap:.5rem}.m-table-thead__sort-icon{color:var(--m-mm);opacity:.6;transition:opacity .2s ease}.m-table-thead__th:hover .m-table-thead__sort-icon{opacity:1}.m-table-thead__menu-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-left:auto;border:none;background:transparent;cursor:pointer;color:var(--m-text-tertiary);border-radius:6px;opacity:0;transition:all .15ms ease}.m-table-thead__menu-btn:hover{background:var(--m-backdrop-surface);color:var(--m-text)}.m-table-thead__th:hover .m-table-thead__menu-btn{opacity:1}.m-table-body__row{transition:background-color .3s cubic-bezier(.4,0,.2,1);position:relative}.m-table-body__row:hover{background:color-mix(in srgb,var(--m-mm) 5%,transparent)}.m-table-body__row:hover .m-table-body__cell{background:inherit}.m-table-body__cell{padding:1rem 1.25rem;font-size:.875rem;color:var(--m-text);border-bottom:1px solid var(--m-backdrop-border);white-space:nowrap;vertical-align:middle;background:transparent;transition:background-color .3s ease}.m-table-body__cell[class*=--number],.m-table-body__cell[class*=--currency],.m-table-body__cell[class*=--percent]{font-family:Inter,Roboto Mono,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.01em}@media(min-width:769px){.m-table-body__cell--fixed{position:sticky;background:var(--m-background);z-index:5}}@media(max-width:768px){.m-table-body__cell--fixed{position:static;background:transparent;z-index:auto}}.m-table-body__cell--fixed{border-right:none;transition:background-color .3s ease}.m-table-body__row:hover .m-table-body__cell--fixed{background:color-mix(in srgb,var(--m-mm) 5%,var(--m-background));z-index:6}@media(min-width:769px){.m-table-body__cell--fixed-last{border-right:1px solid var(--m-backdrop-border)}}@media(max-width:768px){.m-table-body__cell--fixed-last{border-right:none}}.m-table-body__cell--context-menu{padding-top:.35rem;padding-bottom:.35rem}.m-table-body__cell--select{width:48px;min-width:48px;max-width:48px;padding:0 1rem;text-align:center}.m-table-body__cell--select input[type=checkbox],.m-table-body__cell--select input[type=radio]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--m-mm);display:block;margin:0 auto}.m-table-body__input{border:none;border-bottom:2px solid var(--m-backdrop-border);background:transparent;font-size:.875rem;color:var(--m-text);padding:.25rem;outline:none;width:100%;transition:border-bottom-color .2s ease}.m-table-body__input:focus{border-bottom-color:var(--m-mm)}.m-table-body__action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;cursor:pointer;color:var(--m-text-tertiary);border-radius:8px;transition:all .2s ease}.m-table-body__action-btn:hover{background:var(--m-backdrop-surface);color:var(--m-text)}.m-table-body__empty{text-align:center;padding:4rem;color:var(--m-text-tertiary);font-size:1rem;font-weight:500;letter-spacing:.02em;font-style:italic;opacity:.7}.m-table-body__link{color:var(--m-mm);text-decoration:none;cursor:pointer;font-weight:600;transition:color .2s ease}.m-table-body__link:hover{text-decoration:underline;color:var(--m-mm-lite)}.m-table-body__value{padding:.25rem .5rem;border-radius:6px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.m-table-body__value--positive{color:var(--m-success);background:var(--m-backdrop-success)}.m-table-body__value--negative{color:var(--m-error);background:var(--m-backdrop-error)}.m-table-body__dash{color:var(--m-text-tertiary);font-weight:400;font-style:italic;opacity:.8}.m-tree-grid{--m-tree-grid-icon: .75rem}.m-tree-grid .m-table-thead__th,.m-tree-grid .m-table-body__cell{padding:.375rem .5rem}.m-tree-grid .m-table-thead__th{font-size:.6875rem;letter-spacing:.06em;border-bottom-width:1px}.m-tree-grid__tree-cell{display:flex;align-items:center;gap:0;min-width:0}.m-tree-grid__indent{flex:0 0 auto;width:calc(var(--m-tree-grid-depth, 0) * var(--m-tree-grid-indent, var(--m-tree-grid-icon)))}.m-tree-grid__toggle{flex:0 0 auto;width:var(--m-tree-grid-icon);height:var(--m-tree-grid-icon);display:inline-flex;align-items:center;justify-content:center}.m-tree-grid__toggle m-button{--m-button-size: .333rem}.m-tree-grid__toggle-spacer{width:var(--m-tree-grid-icon);height:var(--m-tree-grid-icon);flex:0 0 auto}.m-tree-grid__lead-icon{flex:0 0 auto;display:inline-flex;align-items:center;margin-left:.125rem;opacity:.75}.m-tree-grid__lead-icon m-icon{--m-icon-size: .75rem}.m-tree-grid__label{min-width:0;margin-left:.25rem;overflow:hidden;text-overflow:ellipsis;font-size:.875em;line-height:1.25}.m-tree-grid .m-table-body__row{cursor:pointer}.m-tree-grid .m-table-body__row--selected{background:color-mix(in srgb,var(--m-mm) 12%,transparent)}\n"], dependencies: [{ kind: "component", type: TableHeaderComponent, selector: "m-table-header", inputs: ["visibleColumns", "fixedCount", "fixedOffset", "sortState", "selectable", "allSelected", "someSelected"], outputs: ["sortClick", "selectAll"] }, { kind: "component", type: FreezeComponent, selector: "m-freeze", inputs: ["config"] }, { 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: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate", "params"], outputs: ["actionClick"] }, { 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"], outputs: ["toggleChange", "action"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TreeGridComponent, decorators: [{
             type: Component,
@@ -24834,7 +25178,7 @@ class SummaryComponent extends ConfigComponent {
         return typeof value === 'string' ? parseFloat(value) : value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SummaryComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SummaryComponent, isStandalone: true, selector: "m-summary, m-one-summary", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionClicked: "actionClicked" }, usesInheritance: true, ngImport: i0, template: "@if (effectiveData(); as d) {\n  <div class=\"m-summary\">\n    <m-one-card variant=\"dashboard\" spacing=\"compact\">\n      <div slot=\"header\" class=\"m-summary__header\">\n        @if (d.badges?.length) {\n          <div class=\"m-summary__badges\">\n            @for (badge of d.badges; track $index) {\n              <span class=\"m-summary__badge\">{{ badge | translate }}</span>\n            }\n          </div>\n        }\n        <div class=\"m-summary__header-text\">\n          <div class=\"m-summary__title-group\">\n            @if (d.icon) {\n              <div class=\"m-summary__icon\">\n                <m-icon [name]=\"d.icon\" [remote]=\"remote() ?? config()?.remote\" />\n              </div>\n            }\n            <m-header [level]=\"2\">{{ d.title | translate }}</m-header>\n          </div>\n          @if (d.subtitle) {\n            <p class=\"m-summary__subtitle\">{{ d.subtitle | translate }}</p>\n          }\n        </div>\n      </div>\n\n      <div slot=\"content\" class=\"m-summary__content\">\n        @if (d.rows?.length) {\n          <div class=\"m-summary__rows\">\n            @for (row of d.rows; track $index) {\n              <div\n                class=\"m-summary__row {{ row.class || '' }}\"\n                [class.m-summary__row--type-percentage]=\"row.type === 'percentage'\"\n              >\n                <div class=\"m-summary__row-accent\"></div>\n                <div class=\"m-summary__row-content\">\n                  <span class=\"m-summary__row-label\">{{ row.label | translate }}</span>\n                  <span class=\"m-summary__row-value\">\n                    @switch (row.type) {\n                      @case ('money') {\n                        {{ asNumber(row.value) | money }}\n                      }\n                      @case ('percentage') {\n                        {{ asNumber(row.value) | number: '1.2-2' }}%\n                      }\n                      @case ('number') {\n                        {{ asNumber(row.value) | number }}\n                      }\n                      @default {\n                        {{ row.value }}\n                      }\n                    }\n                  </span>\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <div slot=\"footer\" class=\"m-summary__actions\">\n        @for (action of d.actions; track $index) {\n          @if (action.isGroup) {\n            <m-button-group\n              [name]=\"action.name\"\n              [one]=\"false\"\n              [remote]=\"remote() ?? config()?.remote\"\n              (clicked)=\"onActionClick({ ...action, name: $event?.name ?? '' })\"\n            />\n          } @else {\n            <m-button\n              [name]=\"action.name\"\n              [nav]=\"action.nav\"\n              [navParams]=\"action.navParams\"\n              [variant]=\"action.variant\"\n              [remote]=\"remote() ?? config()?.remote\"\n              (clicked)=\"onActionClick(action)\"\n            />\n          }\n        }\n      </div>\n    </m-one-card>\n  </div>\n}\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)}}@keyframes summary-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:host{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;flex:1;--summary-accent: var(--m-mm);--summary-bg: var(--m-background-lite);--summary-border: var(--m-border);--summary-text: var(--m-text);--summary-text-muted: var(--m-text-secondary)}.m-summary{width:100%;height:100%;flex:1;position:relative;border-radius:12px;animation:summary-fade-in .4s ease-out;box-shadow:none}.m-summary__header{display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.m-summary__badges{display:flex;flex-wrap:wrap;gap:.4rem}.m-summary__badge{display:inline-flex;align-items:center;padding:.2rem .6rem;background:color-mix(in srgb,var(--m-mm) 10%,transparent);color:var(--m-mm);border-radius:4px;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:1px solid color-mix(in srgb,var(--m-mm) 20%,transparent)}.m-summary__header-text{display:flex;flex-direction:column}.m-summary__title-group{display:flex;align-items:center;gap:.75rem}.m-summary__icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--m-mm) 10%,transparent);color:var(--m-mm);border-radius:8px;padding:.4rem;border:1px solid color-mix(in srgb,var(--m-mm) 20%,transparent)}.m-summary__title{font-size:1.25rem;font-weight:700;margin:0;letter-spacing:-.02em;line-height:1.2;color:var(--summary-text)}.m-summary__subtitle{font-size:.85rem;font-weight:400;color:var(--summary-text-muted);margin:.15rem 0 0}.m-summary__content{position:relative;display:flex;flex-direction:column;flex:1;padding:1rem 0}.m-summary__rows{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--summary-border);border:1px solid var(--summary-border);border-radius:8px;overflow:hidden}@media(max-width:480px){.m-summary__rows{grid-template-columns:1fr}}.m-summary__row{position:relative;background:var(--summary-bg);transition:background .2s ease;display:flex;cursor:default}.m-summary__row:hover{background:color-mix(in srgb,var(--m-mm) 4%,transparent)}.m-summary__row:hover .m-summary__row-accent{opacity:1}.m-summary__row.pos .m-summary__row-value{color:var(--m-success)}.m-summary__row.neg .m-summary__row-value{color:var(--m-error)}.m-summary__row-accent{width:4px;background:var(--summary-accent);opacity:0;transition:opacity .2s ease;position:absolute;left:0;top:0;bottom:0}.m-summary__row-content{padding:1rem;display:flex;flex-direction:column;gap:.2rem;flex:1}.m-summary__row-label{font-size:.65rem;font-weight:600;color:var(--summary-text-muted);text-transform:uppercase;letter-spacing:.05em}.m-summary__row-value{font-size:1.2rem;font-weight:700;color:var(--summary-text);font-feature-settings:\"tnum\";line-height:1}.m-summary__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;width:100%;padding-top:1rem}@media(max-width:480px){.m-summary__actions{flex-direction:column}}.m-summary__actions .m-button,.m-summary__actions .m-button-group{flex:0 1 auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CardComponent, selector: "m-card,m-one-card", inputs: ["variant", "spacing", "fullHeight", "padding", "href", "clickable"], outputs: ["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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: ButtonGroupComponent, selector: "m-button-group, m-one-button-group", inputs: ["buttons", "names", "exclude", "vertical", "size"], outputs: ["clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate"], outputs: ["actionClick"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: MoneyPipe, name: "money" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SummaryComponent, isStandalone: true, selector: "m-summary, m-one-summary", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionClicked: "actionClicked" }, usesInheritance: true, ngImport: i0, template: "@if (effectiveData(); as d) {\n  <div class=\"m-summary\">\n    <m-one-card variant=\"dashboard\" spacing=\"compact\">\n      <div slot=\"header\" class=\"m-summary__header\">\n        @if (d.badges?.length) {\n          <div class=\"m-summary__badges\">\n            @for (badge of d.badges; track $index) {\n              <span class=\"m-summary__badge\">{{ badge | translate }}</span>\n            }\n          </div>\n        }\n        <div class=\"m-summary__header-text\">\n          <div class=\"m-summary__title-group\">\n            @if (d.icon) {\n              <div class=\"m-summary__icon\">\n                <m-icon [name]=\"d.icon\" [remote]=\"remote() ?? config()?.remote\" />\n              </div>\n            }\n            <m-header [level]=\"2\">{{ d.title | translate }}</m-header>\n          </div>\n          @if (d.subtitle) {\n            <p class=\"m-summary__subtitle\">{{ d.subtitle | translate }}</p>\n          }\n        </div>\n      </div>\n\n      <div slot=\"content\" class=\"m-summary__content\">\n        @if (d.rows?.length) {\n          <div class=\"m-summary__rows\">\n            @for (row of d.rows; track $index) {\n              <div\n                class=\"m-summary__row {{ row.class || '' }}\"\n                [class.m-summary__row--type-percentage]=\"row.type === 'percentage'\"\n              >\n                <div class=\"m-summary__row-accent\"></div>\n                <div class=\"m-summary__row-content\">\n                  <span class=\"m-summary__row-label\">{{ row.label | translate }}</span>\n                  <span class=\"m-summary__row-value\">\n                    @switch (row.type) {\n                      @case ('money') {\n                        {{ asNumber(row.value) | money }}\n                      }\n                      @case ('percentage') {\n                        {{ asNumber(row.value) | number: '1.2-2' }}%\n                      }\n                      @case ('number') {\n                        {{ asNumber(row.value) | number }}\n                      }\n                      @default {\n                        {{ row.value }}\n                      }\n                    }\n                  </span>\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <div slot=\"footer\" class=\"m-summary__actions\">\n        @for (action of d.actions; track $index) {\n          @if (action.isGroup) {\n            <m-button-group\n              [name]=\"action.name\"\n              [one]=\"false\"\n              [remote]=\"remote() ?? config()?.remote\"\n              (clicked)=\"onActionClick({ ...action, name: $event?.name ?? '' })\"\n            />\n          } @else {\n            <m-button\n              [name]=\"action.name\"\n              [nav]=\"action.nav\"\n              [navParams]=\"action.navParams\"\n              [variant]=\"action.variant\"\n              [remote]=\"remote() ?? config()?.remote\"\n              (clicked)=\"onActionClick(action)\"\n            />\n          }\n        }\n      </div>\n    </m-one-card>\n  </div>\n}\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)}}@keyframes summary-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:host{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;flex:1;--summary-accent: var(--m-mm);--summary-bg: var(--m-background-lite);--summary-border: var(--m-border);--summary-text: var(--m-text);--summary-text-muted: var(--m-text-secondary)}.m-summary{width:100%;height:100%;flex:1;position:relative;border-radius:12px;animation:summary-fade-in .4s ease-out;box-shadow:none}.m-summary__header{display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.m-summary__badges{display:flex;flex-wrap:wrap;gap:.4rem}.m-summary__badge{display:inline-flex;align-items:center;padding:.2rem .6rem;background:color-mix(in srgb,var(--m-mm) 10%,transparent);color:var(--m-mm);border-radius:4px;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:1px solid color-mix(in srgb,var(--m-mm) 20%,transparent)}.m-summary__header-text{display:flex;flex-direction:column}.m-summary__title-group{display:flex;align-items:center;gap:.75rem}.m-summary__icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--m-mm) 10%,transparent);color:var(--m-mm);border-radius:8px;padding:.4rem;border:1px solid color-mix(in srgb,var(--m-mm) 20%,transparent)}.m-summary__title{font-size:1.25rem;font-weight:700;margin:0;letter-spacing:-.02em;line-height:1.2;color:var(--summary-text)}.m-summary__subtitle{font-size:.85rem;font-weight:400;color:var(--summary-text-muted);margin:.15rem 0 0}.m-summary__content{position:relative;display:flex;flex-direction:column;flex:1;padding:1rem 0}.m-summary__rows{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--summary-border);border:1px solid var(--summary-border);border-radius:8px;overflow:hidden}@media(max-width:480px){.m-summary__rows{grid-template-columns:1fr}}.m-summary__row{position:relative;background:var(--summary-bg);transition:background .2s ease;display:flex;cursor:default}.m-summary__row:hover{background:color-mix(in srgb,var(--m-mm) 4%,transparent)}.m-summary__row:hover .m-summary__row-accent{opacity:1}.m-summary__row.pos .m-summary__row-value{color:var(--m-success)}.m-summary__row.neg .m-summary__row-value{color:var(--m-error)}.m-summary__row-accent{width:4px;background:var(--summary-accent);opacity:0;transition:opacity .2s ease;position:absolute;left:0;top:0;bottom:0}.m-summary__row-content{padding:1rem;display:flex;flex-direction:column;gap:.2rem;flex:1}.m-summary__row-label{font-size:.65rem;font-weight:600;color:var(--summary-text-muted);text-transform:uppercase;letter-spacing:.05em}.m-summary__row-value{font-size:1.2rem;font-weight:700;color:var(--summary-text);font-feature-settings:\"tnum\";line-height:1}.m-summary__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;width:100%;padding-top:1rem}@media(max-width:480px){.m-summary__actions{flex-direction:column}}.m-summary__actions .m-button,.m-summary__actions .m-button-group{flex:0 1 auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: CardComponent, selector: "m-card,m-one-card", inputs: ["variant", "spacing", "fullHeight", "padding", "href", "clickable"], outputs: ["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: "component", type: ButtonGroupComponent, selector: "m-button-group, m-one-button-group", inputs: ["buttons", "names", "exclude", "vertical", "size"], outputs: ["clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate", "params"], outputs: ["actionClick"] }, { kind: "pipe", type: i1.DecimalPipe, name: "number" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: MoneyPipe, name: "money" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SummaryComponent, decorators: [{
             type: Component,
@@ -25237,7 +25581,7 @@ class TimelineComponent extends ConfigComponent {
         return { item, ...(timeline.componentInputs ?? {}) };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: TimelineComponent, isStandalone: true, selector: "m-timeline, m-one-timeline", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { config: "configChange" }, usesInheritance: true, ngImport: i0, template: "@if (config(); as timeline) {\n  <m-section>\n    @if (timeline.label) {\n      <m-section-header [label]=\"timeline.label\" [level]=\"3\" />\n    }\n    <m-col>\n      <div\n        class=\"m-timeline\"\n        [class.m-timeline--compact]=\"timeline.variant === 'compact'\"\n        [class.m-timeline--mobile]=\"timeline.mobileOnly\"\n      >\n        @if (timeline.isLoading) {\n          <div class=\"m-timeline__skeleton\">\n            @for (i of skeletonItems; track $index) {\n              <div class=\"m-timeline__row\">\n                <div class=\"m-timeline__date\">\n                  <span class=\"m-timeline__skeleton-date\"></span>\n                </div>\n                <div class=\"m-timeline__connector\">\n                  <div class=\"m-timeline__dot m-timeline__dot--skeleton\"></div>\n                  <div class=\"m-timeline__line m-timeline__line--skeleton\"></div>\n                </div>\n                <div class=\"m-timeline__content\">\n                  <div class=\"m-timeline__skeleton-content\"></div>\n                </div>\n              </div>\n            }\n          </div>\n        } @else if (!timeline.items?.length) {\n          <div class=\"m-timeline__empty\">\n            <span class=\"m-timeline__empty-label\">{{ 'no-timeline-entries' | translate }}</span>\n          </div>\n        } @else {\n          @for (item of visibleItems(); track $index; let last = $last) {\n            <div\n              class=\"m-timeline__row\"\n              [class.m-timeline__row--last]=\"last && !hasMore()\"\n            >\n              <div class=\"m-timeline__date\">\n                @if (timeline.dateFormat !== 'relative') {\n                  <span class=\"m-timeline__date-absolute\">\n                    {{ item.timestamp | date: 'MMM d' }}\n                  </span>\n                }\n                @if (timeline.dateFormat !== 'absolute') {\n                  <span class=\"m-timeline__date-relative\">\n                    {{ item.timestamp | timeAgo }}\n                  </span>\n                }\n              </div>\n\n              <div class=\"m-timeline__connector\">\n                <div class=\"m-timeline__dot\"></div>\n                @if (!last && timeline.showLine !== false) {\n                  <div class=\"m-timeline__line\"></div>\n                }\n              </div>\n\n              <div class=\"m-timeline__content\">\n                @if (timeline.component) {\n                  <ng-container\n                    [ngComponentOutlet]=\"timeline.component\"\n                    [ngComponentOutletInputs]=\"resolveInputs(item, timeline)\"\n                  />\n                } @else if (item.label) {\n                  <span class=\"m-timeline__label\">{{ item.label }}</span>\n                }\n              </div>\n            </div>\n          }\n\n          @if (hasMore()) {\n            <div class=\"m-timeline__more\">\n              <m-button\n                [config]=\"{\n                  label: 'view-more',\n                  icon: 'chevron-down',\n                  fullWidth: true,\n                }\"\n                (clicked)=\"loadMore()\"\n              />\n            </div>\n          }\n        }\n      </div>\n    </m-col>\n  </m-section>\n}\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:block;width:100%}.m-timeline{display:flex;flex-direction:column;width:100%}.m-timeline--compact{padding:1rem;gap:.25rem}.m-timeline--compact .m-timeline__row{gap:0 .5rem}.m-timeline--compact .m-timeline__dot{width:8px;height:8px}.m-timeline--compact .m-timeline__content{padding-bottom:0}.m-timeline--mobile{padding:.4rem!important}.m-timeline--mobile .m-timeline__row{grid-template-columns:1.25rem 1fr!important;grid-template-rows:auto auto;gap:0!important;padding:.4rem .25rem!important}.m-timeline--mobile .m-timeline__date{grid-column:2;grid-row:1;align-items:flex-start!important;padding:0 0 .2rem!important;flex-direction:row!important;gap:.4rem!important}.m-timeline--mobile .m-timeline__date-absolute{font-size:.7rem!important}.m-timeline--mobile .m-timeline__date-relative{font-size:.65rem!important;opacity:.5}.m-timeline--mobile .m-timeline__connector{grid-column:1;grid-row:1/3}.m-timeline--mobile .m-timeline__dot{width:6px!important;height:6px!important;margin-top:.35rem!important}.m-timeline--mobile .m-timeline__line{width:1px!important;margin:.4rem 0!important;opacity:.3!important}.m-timeline--mobile .m-timeline__content{grid-column:2;grid-row:2;padding-bottom:1.25rem!important}.m-timeline__row{display:grid;grid-template-columns:5.5rem 2rem 1fr;gap:0 .5rem;position:relative;padding:.25rem .5rem;transition:background-color .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(20px);animation:timeline-entry .6s cubic-bezier(.2,.8,.2,1) forwards}.m-timeline__row:nth-child(1){animation-delay:.08s}.m-timeline__row:nth-child(2){animation-delay:.16s}.m-timeline__row:nth-child(3){animation-delay:.24s}.m-timeline__row:nth-child(4){animation-delay:.32s}.m-timeline__row:nth-child(5){animation-delay:.4s}.m-timeline__row:nth-child(6){animation-delay:.48s}.m-timeline__row:nth-child(7){animation-delay:.56s}.m-timeline__row:nth-child(8){animation-delay:.64s}.m-timeline__row:nth-child(9){animation-delay:.72s}.m-timeline__row:nth-child(10){animation-delay:.8s}.m-timeline__row:nth-child(11){animation-delay:.88s}.m-timeline__row:nth-child(12){animation-delay:.96s}.m-timeline__row:nth-child(13){animation-delay:1.04s}.m-timeline__row:nth-child(14){animation-delay:1.12s}.m-timeline__row:nth-child(15){animation-delay:1.2s}.m-timeline__row:nth-child(16){animation-delay:1.28s}.m-timeline__row:nth-child(17){animation-delay:1.36s}.m-timeline__row:nth-child(18){animation-delay:1.44s}.m-timeline__row:nth-child(19){animation-delay:1.52s}.m-timeline__row:nth-child(20){animation-delay:1.6s}.m-timeline__row:hover{background:color-mix(in srgb,var(--m-mm) 4%,transparent)}.m-timeline__row:hover .m-timeline__dot{transform:scale(1.3);box-shadow:0 0 15px color-mix(in srgb,var(--m-mm) 50%,transparent)}.m-timeline__row--last .m-timeline__content{padding-bottom:0}.m-timeline__date{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;padding-top:.4rem;gap:.1rem;min-width:0}.m-timeline__date-absolute{font-size:.75rem;font-weight:800;color:var(--m-text);white-space:nowrap;font-feature-settings:\"tnum\";letter-spacing:-.01em}.m-timeline__date-relative{font-size:.6rem;font-weight:700;color:var(--m-text-tertiary);white-space:nowrap;text-transform:uppercase}.m-timeline__connector{display:flex;flex-direction:column;align-items:center;position:relative}.m-timeline__dot{width:8px;height:8px;border-radius:50%;background:var(--m-mm);box-shadow:0 0 10px color-mix(in srgb,var(--m-mm) 40%,transparent);flex-shrink:0;margin-top:.55rem;z-index:1;transition:all .3s ease}.m-timeline__dot--skeleton{background:var(--m-border);box-shadow:none;animation:timeline-pulse 1.4s ease-in-out infinite}.m-timeline__line{display:block;flex:1;width:2px;background:linear-gradient(to bottom,var(--m-mm),transparent);min-height:1.5rem;margin:.5rem 0;opacity:.6;transition:all .3s ease;animation:timeline-fade-in 1s ease-in}.m-timeline__content{padding-top:.1rem;padding-bottom:2rem;min-width:0}.m-timeline__label{font-size:.9rem;color:var(--m-text-secondary);line-height:1.5;font-weight:500}.m-timeline__empty{display:flex;align-items:center;justify-content:center;padding:4rem 1rem}.m-timeline__empty-label{font-size:.9rem;font-weight:600;color:var(--m-text-tertiary);text-transform:uppercase;letter-spacing:.1em}.m-timeline__skeleton{display:flex;flex-direction:column;gap:1.5rem}.m-timeline__skeleton-date{display:block;height:.75rem;width:4rem;background:var(--m-border);border-radius:4px;margin-top:.25rem;animation:timeline-pulse 1.4s ease-in-out infinite;align-self:flex-end}.m-timeline__skeleton-content{height:3.5rem;background:var(--m-border);border-radius:.75rem;animation:timeline-pulse 1.4s ease-in-out infinite;opacity:.6}.m-timeline__more{display:grid;grid-template-columns:5.5rem 2rem 1fr;gap:0 .5rem;padding:1rem 0 4rem}.m-timeline__more m-button{grid-column:1/-1}.m-timeline__more-button{grid-column:3;margin-bottom:2rem;width:fit-content}.m-timeline__more-icon,.m-timeline__more-text{display:none}@keyframes timeline-entry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes timeline-fade-in{0%{opacity:0}to{opacity:.6}}@keyframes timeline-pulse{0%,to{opacity:.35}50%{opacity:.7}}@media(max-width:600px){.m-timeline{padding:.4rem!important}.m-timeline__row{grid-template-columns:1.25rem 1fr!important;grid-template-rows:auto auto;gap:0!important;padding:.4rem .25rem!important}.m-timeline__date{grid-column:2;grid-row:1;align-items:flex-start!important;padding:0 0 .2rem!important;flex-direction:row!important;gap:.4rem!important}.m-timeline__date-absolute{font-size:.7rem!important}.m-timeline__date-relative{font-size:.65rem!important;opacity:.5}.m-timeline__connector{grid-column:1;grid-row:1/3}.m-timeline__dot{width:6px!important;height:6px!important;margin-top:.35rem!important}.m-timeline__line{width:1px!important;margin:.4rem 0!important;opacity:.3!important}.m-timeline__content{grid-column:2;grid-row:2;padding-bottom:1.25rem!important}}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: SectionComponent, selector: "m-section", inputs: ["variant", "maxWidth", "heightMode", "maxHeight", "height", "align", "size"], outputs: ["inView"] }, { kind: "component", type: SectionHeaderComponent, selector: "m-section-header", inputs: ["sticky", "level", "label", "subLabel", "noTranslate", "reverse", "icon", "menu", "menuName", "visibilityRule", "disableRule", "extraData", "align", "showBack", "actionButton", "actionLabel", "spacing", "maxWidth"], outputs: ["actionClick", "action", "back"] }, { kind: "component", type: ColComponent, selector: "m-col", inputs: ["xs", "sm", "md", "lg", "xl", "xxl", "fullWidth", "fullHeight", "padding", "paddingX", "paddingY"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: TimeAgoPipe, name: "timeAgo" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: TimelineComponent, isStandalone: true, selector: "m-timeline, m-one-timeline", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { config: "configChange" }, usesInheritance: true, ngImport: i0, template: "@if (config(); as timeline) {\n  <m-section>\n    @if (timeline.label) {\n      <m-section-header [label]=\"timeline.label\" [level]=\"3\" />\n    }\n    <m-col>\n      <div\n        class=\"m-timeline\"\n        [class.m-timeline--compact]=\"timeline.variant === 'compact'\"\n        [class.m-timeline--mobile]=\"timeline.mobileOnly\"\n      >\n        @if (timeline.isLoading) {\n          <div class=\"m-timeline__skeleton\">\n            @for (i of skeletonItems; track $index) {\n              <div class=\"m-timeline__row\">\n                <div class=\"m-timeline__date\">\n                  <span class=\"m-timeline__skeleton-date\"></span>\n                </div>\n                <div class=\"m-timeline__connector\">\n                  <div class=\"m-timeline__dot m-timeline__dot--skeleton\"></div>\n                  <div class=\"m-timeline__line m-timeline__line--skeleton\"></div>\n                </div>\n                <div class=\"m-timeline__content\">\n                  <div class=\"m-timeline__skeleton-content\"></div>\n                </div>\n              </div>\n            }\n          </div>\n        } @else if (!timeline.items?.length) {\n          <div class=\"m-timeline__empty\">\n            <span class=\"m-timeline__empty-label\">{{ 'no-timeline-entries' | translate }}</span>\n          </div>\n        } @else {\n          @for (item of visibleItems(); track $index; let last = $last) {\n            <div\n              class=\"m-timeline__row\"\n              [class.m-timeline__row--last]=\"last && !hasMore()\"\n            >\n              <div class=\"m-timeline__date\">\n                @if (timeline.dateFormat !== 'relative') {\n                  <span class=\"m-timeline__date-absolute\">\n                    {{ item.timestamp | date: 'MMM d' }}\n                  </span>\n                }\n                @if (timeline.dateFormat !== 'absolute') {\n                  <span class=\"m-timeline__date-relative\">\n                    {{ item.timestamp | timeAgo }}\n                  </span>\n                }\n              </div>\n\n              <div class=\"m-timeline__connector\">\n                <div class=\"m-timeline__dot\"></div>\n                @if (!last && timeline.showLine !== false) {\n                  <div class=\"m-timeline__line\"></div>\n                }\n              </div>\n\n              <div class=\"m-timeline__content\">\n                @if (timeline.component) {\n                  <ng-container\n                    [ngComponentOutlet]=\"timeline.component\"\n                    [ngComponentOutletInputs]=\"resolveInputs(item, timeline)\"\n                  />\n                } @else if (item.label) {\n                  <span class=\"m-timeline__label\">{{ item.label }}</span>\n                }\n              </div>\n            </div>\n          }\n\n          @if (hasMore()) {\n            <div class=\"m-timeline__more\">\n              <m-button\n                [config]=\"{\n                  label: 'view-more',\n                  icon: 'chevron-down',\n                  fullWidth: true,\n                }\"\n                (clicked)=\"loadMore()\"\n              />\n            </div>\n          }\n        }\n      </div>\n    </m-col>\n  </m-section>\n}\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:block;width:100%}.m-timeline{display:flex;flex-direction:column;width:100%}.m-timeline--compact{padding:1rem;gap:.25rem}.m-timeline--compact .m-timeline__row{gap:0 .5rem}.m-timeline--compact .m-timeline__dot{width:8px;height:8px}.m-timeline--compact .m-timeline__content{padding-bottom:0}.m-timeline--mobile{padding:.4rem!important}.m-timeline--mobile .m-timeline__row{grid-template-columns:1.25rem 1fr!important;grid-template-rows:auto auto;gap:0!important;padding:.4rem .25rem!important}.m-timeline--mobile .m-timeline__date{grid-column:2;grid-row:1;align-items:flex-start!important;padding:0 0 .2rem!important;flex-direction:row!important;gap:.4rem!important}.m-timeline--mobile .m-timeline__date-absolute{font-size:.7rem!important}.m-timeline--mobile .m-timeline__date-relative{font-size:.65rem!important;opacity:.5}.m-timeline--mobile .m-timeline__connector{grid-column:1;grid-row:1/3}.m-timeline--mobile .m-timeline__dot{width:6px!important;height:6px!important;margin-top:.35rem!important}.m-timeline--mobile .m-timeline__line{width:1px!important;margin:.4rem 0!important;opacity:.3!important}.m-timeline--mobile .m-timeline__content{grid-column:2;grid-row:2;padding-bottom:1.25rem!important}.m-timeline__row{display:grid;grid-template-columns:5.5rem 2rem 1fr;gap:0 .5rem;position:relative;padding:.25rem .5rem;transition:background-color .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(20px);animation:timeline-entry .6s cubic-bezier(.2,.8,.2,1) forwards}.m-timeline__row:nth-child(1){animation-delay:.08s}.m-timeline__row:nth-child(2){animation-delay:.16s}.m-timeline__row:nth-child(3){animation-delay:.24s}.m-timeline__row:nth-child(4){animation-delay:.32s}.m-timeline__row:nth-child(5){animation-delay:.4s}.m-timeline__row:nth-child(6){animation-delay:.48s}.m-timeline__row:nth-child(7){animation-delay:.56s}.m-timeline__row:nth-child(8){animation-delay:.64s}.m-timeline__row:nth-child(9){animation-delay:.72s}.m-timeline__row:nth-child(10){animation-delay:.8s}.m-timeline__row:nth-child(11){animation-delay:.88s}.m-timeline__row:nth-child(12){animation-delay:.96s}.m-timeline__row:nth-child(13){animation-delay:1.04s}.m-timeline__row:nth-child(14){animation-delay:1.12s}.m-timeline__row:nth-child(15){animation-delay:1.2s}.m-timeline__row:nth-child(16){animation-delay:1.28s}.m-timeline__row:nth-child(17){animation-delay:1.36s}.m-timeline__row:nth-child(18){animation-delay:1.44s}.m-timeline__row:nth-child(19){animation-delay:1.52s}.m-timeline__row:nth-child(20){animation-delay:1.6s}.m-timeline__row:hover{background:color-mix(in srgb,var(--m-mm) 4%,transparent)}.m-timeline__row:hover .m-timeline__dot{transform:scale(1.3);box-shadow:0 0 15px color-mix(in srgb,var(--m-mm) 50%,transparent)}.m-timeline__row--last .m-timeline__content{padding-bottom:0}.m-timeline__date{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;padding-top:.4rem;gap:.1rem;min-width:0}.m-timeline__date-absolute{font-size:.75rem;font-weight:800;color:var(--m-text);white-space:nowrap;font-feature-settings:\"tnum\";letter-spacing:-.01em}.m-timeline__date-relative{font-size:.6rem;font-weight:700;color:var(--m-text-tertiary);white-space:nowrap;text-transform:uppercase}.m-timeline__connector{display:flex;flex-direction:column;align-items:center;position:relative}.m-timeline__dot{width:8px;height:8px;border-radius:50%;background:var(--m-mm);box-shadow:0 0 10px color-mix(in srgb,var(--m-mm) 40%,transparent);flex-shrink:0;margin-top:.55rem;z-index:1;transition:all .3s ease}.m-timeline__dot--skeleton{background:var(--m-border);box-shadow:none;animation:timeline-pulse 1.4s ease-in-out infinite}.m-timeline__line{display:block;flex:1;width:2px;background:linear-gradient(to bottom,var(--m-mm),transparent);min-height:1.5rem;margin:.5rem 0;opacity:.6;transition:all .3s ease;animation:timeline-fade-in 1s ease-in}.m-timeline__content{padding-top:.1rem;padding-bottom:2rem;min-width:0}.m-timeline__label{font-size:.9rem;color:var(--m-text-secondary);line-height:1.5;font-weight:500}.m-timeline__empty{display:flex;align-items:center;justify-content:center;padding:4rem 1rem}.m-timeline__empty-label{font-size:.9rem;font-weight:600;color:var(--m-text-tertiary);text-transform:uppercase;letter-spacing:.1em}.m-timeline__skeleton{display:flex;flex-direction:column;gap:1.5rem}.m-timeline__skeleton-date{display:block;height:.75rem;width:4rem;background:var(--m-border);border-radius:4px;margin-top:.25rem;animation:timeline-pulse 1.4s ease-in-out infinite;align-self:flex-end}.m-timeline__skeleton-content{height:3.5rem;background:var(--m-border);border-radius:.75rem;animation:timeline-pulse 1.4s ease-in-out infinite;opacity:.6}.m-timeline__more{display:grid;grid-template-columns:5.5rem 2rem 1fr;gap:0 .5rem;padding:1rem 0 4rem}.m-timeline__more m-button{grid-column:1/-1}.m-timeline__more-button{grid-column:3;margin-bottom:2rem;width:fit-content}.m-timeline__more-icon,.m-timeline__more-text{display:none}@keyframes timeline-entry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes timeline-fade-in{0%{opacity:0}to{opacity:.6}}@keyframes timeline-pulse{0%,to{opacity:.35}50%{opacity:.7}}@media(max-width:600px){.m-timeline{padding:.4rem!important}.m-timeline__row{grid-template-columns:1.25rem 1fr!important;grid-template-rows:auto auto;gap:0!important;padding:.4rem .25rem!important}.m-timeline__date{grid-column:2;grid-row:1;align-items:flex-start!important;padding:0 0 .2rem!important;flex-direction:row!important;gap:.4rem!important}.m-timeline__date-absolute{font-size:.7rem!important}.m-timeline__date-relative{font-size:.65rem!important;opacity:.5}.m-timeline__connector{grid-column:1;grid-row:1/3}.m-timeline__dot{width:6px!important;height:6px!important;margin-top:.35rem!important}.m-timeline__line{width:1px!important;margin:.4rem 0!important;opacity:.3!important}.m-timeline__content{grid-column:2;grid-row:2;padding-bottom:1.25rem!important}}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { 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: SectionComponent, selector: "m-section", inputs: ["variant", "maxWidth", "heightMode", "maxHeight", "height", "align", "size"], outputs: ["inView"] }, { kind: "component", type: SectionHeaderComponent, selector: "m-section-header", inputs: ["sticky", "level", "label", "subLabel", "noTranslate", "params", "reverse", "icon", "menu", "menuName", "visibilityRule", "disableRule", "extraData", "align", "showBack", "actionButton", "actionLabel", "spacing", "maxWidth"], outputs: ["actionClick", "action", "back"] }, { kind: "component", type: ColComponent, selector: "m-col", inputs: ["xs", "sm", "md", "lg", "xl", "xxl", "fullWidth", "fullHeight", "padding", "paddingX", "paddingY"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: TimeAgoPipe, name: "timeAgo" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TimelineComponent, decorators: [{
             type: Component,
@@ -25283,7 +25627,7 @@ class NothingComponent {
         </div>
       }
     </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}.m-nothing{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;padding:5rem 3rem;border:1px solid var(--m-border);border-radius:1.5rem;background:var(--m-background-lite);box-shadow:0 10px 40px -10px #0000000a;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.m-nothing:hover{transform:translateY(-2px);border-color:var(--m-mm);box-shadow:0 15px 40px -10px #4169e114}.m-nothing:hover .m-nothing__icon{transform:scale(1.05);border-color:var(--m-mm);box-shadow:0 8px 24px #4169e126,inset 0 2px 4px #fffc}.m-nothing__icon-container{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem;animation:float 6s ease-in-out infinite}.m-nothing__icon-glow{position:absolute;width:6.5rem;height:6.5rem;border-radius:50%;background:radial-gradient(circle,#4169e11f,#4169e100 70%);filter:blur(8px);z-index:1}.m-nothing__icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;border-radius:50%;background:var(--m-background);border:1.5px solid var(--m-border);box-shadow:0 8px 20px #00000008,inset 0 2px 4px #fffc;transition:all .3s cubic-bezier(.4,0,.2,1)}.m-nothing m-header{margin:0;font-weight:700;letter-spacing:-.01em}.m-nothing__desc{font-size:.9375rem;line-height:1.5;color:var(--m-text-secondary);max-width:420px;margin:-.5rem 0 .5rem}.m-nothing__actions{margin-top:.5rem;display:flex;justify-content:center;width:100%}.m-nothing m-button{display:inline-flex;width:100%;max-width:240px;--m-button-radius: 9999px;--m-button-size: .9375rem}.m-nothing m-button button{font-weight:600;letter-spacing:.01em;box-shadow:0 4px 12px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1)}.m-nothing m-button button.primary{background:linear-gradient(135deg,var(--m-mm),var(--m-mm-lite))!important;border:none!important;color:#fff!important;box-shadow:0 6px 16px #4169e133}.m-nothing m-button button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4169e159;filter:brightness(1.05)}.m-nothing m-button button.primary:active{transform:translateY(0);box-shadow:0 4px 12px #4169e133;filter:brightness(.95)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}\n"], dependencies: [{ 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate"], outputs: ["actionClick"] }, { 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:block}.m-nothing{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;padding:5rem 3rem;border:1px solid var(--m-border);border-radius:1.5rem;background:var(--m-background-lite);box-shadow:0 10px 40px -10px #0000000a;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.m-nothing:hover{transform:translateY(-2px);border-color:var(--m-mm);box-shadow:0 15px 40px -10px #4169e114}.m-nothing:hover .m-nothing__icon{transform:scale(1.05);border-color:var(--m-mm);box-shadow:0 8px 24px #4169e126,inset 0 2px 4px #fffc}.m-nothing__icon-container{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem;animation:float 6s ease-in-out infinite}.m-nothing__icon-glow{position:absolute;width:6.5rem;height:6.5rem;border-radius:50%;background:radial-gradient(circle,#4169e11f,#4169e100 70%);filter:blur(8px);z-index:1}.m-nothing__icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;border-radius:50%;background:var(--m-background);border:1.5px solid var(--m-border);box-shadow:0 8px 20px #00000008,inset 0 2px 4px #fffc;transition:all .3s cubic-bezier(.4,0,.2,1)}.m-nothing m-header{margin:0;font-weight:700;letter-spacing:-.01em}.m-nothing__desc{font-size:.9375rem;line-height:1.5;color:var(--m-text-secondary);max-width:420px;margin:-.5rem 0 .5rem}.m-nothing__actions{margin-top:.5rem;display:flex;justify-content:center;width:100%}.m-nothing m-button{display:inline-flex;width:100%;max-width:240px;--m-button-radius: 9999px;--m-button-size: .9375rem}.m-nothing m-button button{font-weight:600;letter-spacing:.01em;box-shadow:0 4px 12px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1)}.m-nothing m-button button.primary{background:linear-gradient(135deg,var(--m-mm),var(--m-mm-lite))!important;border:none!important;color:#fff!important;box-shadow:0 6px 16px #4169e133}.m-nothing m-button button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4169e159;filter:brightness(1.05)}.m-nothing m-button button.primary:active{transform:translateY(0);box-shadow:0 4px 12px #4169e133;filter:brightness(.95)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}\n"], dependencies: [{ 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: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate", "params"], outputs: ["actionClick"] }, { 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: NothingComponent, decorators: [{
             type: Component,
@@ -25408,7 +25752,7 @@ class AppCardComponent {
         </div>
       }
     </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)}}.app-card{position:relative;display:flex;border-radius:1.25rem;background:var(--m-backdrop-card, rgba(255, 255, 255, .25));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--m-border, rgba(255, 255, 255, .4));padding:1rem;gap:1rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);outline:none;overflow:hidden}.app-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px var(--m-backdrop-shadow, rgba(0, 0, 0, .1));border-color:var(--m-focus, rgba(65, 105, 225, .4))}.app-card--small{padding:.75rem;gap:.75rem;align-items:center}.app-card--small .app-card__icon-wrap{width:2.5rem;height:2.5rem;border-radius:.75rem}.app-card--small .app-card__name{font-size:.875rem;font-weight:700}.app-card--tile{flex-direction:column;align-items:center;justify-content:center;padding:.875rem;gap:.5rem}.app-card--tile .app-card__icon-wrap{width:3.5rem;height:3.5rem;border-radius:1rem}.app-card--tile .app-card__body{align-items:center;text-align:center}.app-card--tile .app-card__main-info{align-items:center}.app-card--tile .app-card__name{font-size:.8125rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.app-card--row{align-items:center}.app-card--row .app-card__icon-wrap{width:3.25rem;height:3.25rem;border-radius:.875rem}.app-card--row .app-card__main-info{display:flex;flex-direction:column;gap:.125rem}.app-card--row .app-card__name{font-size:.9375rem;font-weight:700}.app-card--row .app-card__company,.app-card--row .app-card__version{font-size:.75rem;color:var(--m-text-secondary, #64748b)}.app-card--card{flex-direction:column;padding:1.25rem;min-height:12rem}.app-card--card .app-card__accent{position:absolute;top:0;left:0;right:0;height:4px;background:var(--app-accent, var(--m-focus, #4169e1))}.app-card--card .app-card__icon-wrap{width:3.75rem;height:3.75rem;border-radius:1.125rem;background:var(--app-accent, var(--m-frame, #e0e7ff));opacity:.9}.app-card--card .app-card__icon-wrap:before{content:\"\";position:absolute;inset:0;background:var(--app-accent);opacity:.15}.app-card--card .app-card__body{flex:1;display:flex;flex-direction:column;gap:.5rem}.app-card--card .app-card__name{font-size:1.125rem;font-weight:800}.app-card--card .app-card__company{font-size:.8125rem;color:var(--m-text-secondary, #64748b);font-weight:600}.app-card--card .app-card__desc{font-size:.875rem;color:var(--m-text-secondary, #64748b);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:.25rem 0}.app-card--card .app-card__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.app-card--card .app-card__version-badge{font-size:.6875rem;font-weight:700;background:var(--m-background-lite, rgba(0, 0, 0, .05));padding:.125rem .5rem;border-radius:9999px;color:var(--m-text-secondary, #64748b)}.app-card--card .app-card__updated{font-size:.6875rem;color:var(--m-text-tertiary, #94a3b8)}.app-card__badge{position:absolute;top:.75rem;right:.75rem;min-width:1.375rem;height:1.375rem;padding:0 .375rem;background:var(--m-error, #f43f5e);color:#fff;border-radius:9999px;font-size:.625rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f43f5e66;z-index:2}.app-card__icon-wrap{flex-shrink:0;overflow:hidden;background:var(--m-frame, #f1f5f9);display:flex;align-items:center;justify-content:center}.app-card__icon-wrap img,.app-card__icon-wrap m-img{width:60%;height:60%;object-fit:contain}.app-card__body{min-width:0}.app-card__actions{margin-left:auto;display:flex;align-items:center}.app-card--card .app-card__actions{position:absolute;bottom:1.25rem;right:1.25rem}\n"], dependencies: [{ kind: "component", type: ImgComponent, selector: "m-img", inputs: ["src", "data", "dataType", "alt", "priority", "fill", "width", "height", "remote", "ngSrcset", "sizes"] }, { 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", "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: "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)}}.app-card{position:relative;display:flex;border-radius:1.25rem;background:var(--m-backdrop-card, rgba(255, 255, 255, .25));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--m-border, rgba(255, 255, 255, .4));padding:1rem;gap:1rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);outline:none;overflow:hidden}.app-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px var(--m-backdrop-shadow, rgba(0, 0, 0, .1));border-color:var(--m-focus, rgba(65, 105, 225, .4))}.app-card--small{padding:.75rem;gap:.75rem;align-items:center}.app-card--small .app-card__icon-wrap{width:2.5rem;height:2.5rem;border-radius:.75rem}.app-card--small .app-card__name{font-size:.875rem;font-weight:700}.app-card--tile{flex-direction:column;align-items:center;justify-content:center;padding:.875rem;gap:.5rem}.app-card--tile .app-card__icon-wrap{width:3.5rem;height:3.5rem;border-radius:1rem}.app-card--tile .app-card__body{align-items:center;text-align:center}.app-card--tile .app-card__main-info{align-items:center}.app-card--tile .app-card__name{font-size:.8125rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.app-card--row{align-items:center}.app-card--row .app-card__icon-wrap{width:3.25rem;height:3.25rem;border-radius:.875rem}.app-card--row .app-card__main-info{display:flex;flex-direction:column;gap:.125rem}.app-card--row .app-card__name{font-size:.9375rem;font-weight:700}.app-card--row .app-card__company,.app-card--row .app-card__version{font-size:.75rem;color:var(--m-text-secondary, #64748b)}.app-card--card{flex-direction:column;padding:1.25rem;min-height:12rem}.app-card--card .app-card__accent{position:absolute;top:0;left:0;right:0;height:4px;background:var(--app-accent, var(--m-focus, #4169e1))}.app-card--card .app-card__icon-wrap{width:3.75rem;height:3.75rem;border-radius:1.125rem;background:var(--app-accent, var(--m-frame, #e0e7ff));opacity:.9}.app-card--card .app-card__icon-wrap:before{content:\"\";position:absolute;inset:0;background:var(--app-accent);opacity:.15}.app-card--card .app-card__body{flex:1;display:flex;flex-direction:column;gap:.5rem}.app-card--card .app-card__name{font-size:1.125rem;font-weight:800}.app-card--card .app-card__company{font-size:.8125rem;color:var(--m-text-secondary, #64748b);font-weight:600}.app-card--card .app-card__desc{font-size:.875rem;color:var(--m-text-secondary, #64748b);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:.25rem 0}.app-card--card .app-card__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.app-card--card .app-card__version-badge{font-size:.6875rem;font-weight:700;background:var(--m-background-lite, rgba(0, 0, 0, .05));padding:.125rem .5rem;border-radius:9999px;color:var(--m-text-secondary, #64748b)}.app-card--card .app-card__updated{font-size:.6875rem;color:var(--m-text-tertiary, #94a3b8)}.app-card__badge{position:absolute;top:.75rem;right:.75rem;min-width:1.375rem;height:1.375rem;padding:0 .375rem;background:var(--m-error, #f43f5e);color:#fff;border-radius:9999px;font-size:.625rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f43f5e66;z-index:2}.app-card__icon-wrap{flex-shrink:0;overflow:hidden;background:var(--m-frame, #f1f5f9);display:flex;align-items:center;justify-content:center}.app-card__icon-wrap img,.app-card__icon-wrap m-img{width:60%;height:60%;object-fit:contain}.app-card__body{min-width:0}.app-card__actions{margin-left:auto;display:flex;align-items:center}.app-card--card .app-card__actions{position:absolute;bottom:1.25rem;right:1.25rem}\n"], dependencies: [{ kind: "component", type: ImgComponent, selector: "m-img", inputs: ["src", "data", "dataType", "alt", "priority", "fill", "width", "height", "remote", "ngSrcset", "sizes"] }, { 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: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AppCardComponent, decorators: [{
             type: Component,
@@ -25594,7 +25938,7 @@ class PlaygroundComponent {
         </div>
       </div>
     </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)}}.playground{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%}@media(max-width:768px){.playground{grid-template-columns:1fr;gap:1rem}}.playground__controls{width:100%}.playground__preview{display:flex;flex-direction:column;gap:2rem;width:100%}.playground__preview-box{display:flex;align-items:center;justify-content:center;min-height:10rem;background:var(--m-card-background, #fff);border:1px solid var(--m-card-border, #eee);border-radius:var(--m-card-radius, 8px);padding:2rem}.playground__preview-slot{width:100%}.playground__json-box{display:flex;flex-direction:column;background:var(--m-card-background, #f8f9fa);border:1px solid var(--m-card-border, #eee);border-radius:var(--m-card-radius, 8px);overflow:hidden}.playground__json-box-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid var(--m-card-border, #eee)}.playground__json-box-header m-toggle-radio{width:fit-content;margin:0;--m-toggle-radio-size: .75rem}.playground__json-box pre{margin:0;padding:1rem;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem;overflow:auto;max-height:30rem}\n"], dependencies: [{ 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: ToggleRadioInputComponent, selector: "m-toggle-radio", inputs: ["one"] }], 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)}}.playground{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%}@media(max-width:768px){.playground{grid-template-columns:1fr;gap:1rem}}.playground__controls{width:100%}.playground__preview{display:flex;flex-direction:column;gap:2rem;width:100%}.playground__preview-box{display:flex;align-items:center;justify-content:center;min-height:10rem;background:var(--m-card-background, #fff);border:1px solid var(--m-card-border, #eee);border-radius:var(--m-card-radius, 8px);padding:2rem}.playground__preview-slot{width:100%}.playground__json-box{display:flex;flex-direction:column;background:var(--m-card-background, #f8f9fa);border:1px solid var(--m-card-border, #eee);border-radius:var(--m-card-radius, 8px);overflow:hidden}.playground__json-box-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid var(--m-card-border, #eee)}.playground__json-box-header m-toggle-radio{width:fit-content;margin:0;--m-toggle-radio-size: .75rem}.playground__json-box pre{margin:0;padding:1rem;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8125rem;overflow:auto;max-height:30rem}\n"], dependencies: [{ 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: ToggleRadioInputComponent, selector: "m-toggle-radio", inputs: ["one"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PlaygroundComponent, decorators: [{
             type: Component,
@@ -25992,7 +26336,7 @@ class ModalComponent extends ConfigComponent {
         </div>
       </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;height:100%}.pop-up{--m-modal-size: 2.5rem;position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pop-up__close{position:absolute;padding:1em;z-index:2;right:0;top:0}.pop-up__content{display:flex;align-items:center;justify-content:center;background:var(--m-backdrop-card);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--m-border);border-radius:4px;width:min(100% - 2rem,var(--m-modal-max-width, 440px));max-width:var(--m-modal-max-width, 440px);max-height:90vh;overflow:auto;position:relative;animation:modalPopIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.pop-up.align-bottom{align-items:flex-end}.pop-up.align-bottom .pop-up__content{border-bottom-left-radius:0;border-bottom-right-radius:0;border-left:none;border-right:none;border-bottom:none;width:100%;max-width:100%}.pop-up.full-screen{align-items:flex-end}.pop-up.full-screen .pop-up__content{width:100%;max-width:100%;height:calc(100% - var(--m-modal-size) * 3);max-height:calc(100% - var(--m-modal-size) * 3)}@media(min-width:1200px){.pop-up.full-screen{align-items:flex-end}.pop-up.full-screen .pop-up__content{width:calc(100% - var(--m-modal-size) * 2);max-width:calc(100% - var(--m-modal-size) * 2);height:calc(100% - var(--m-modal-size) * 3);max-height:calc(100% - var(--m-modal-size) * 3)}}.pop-up.no-backdrop+.modal{-webkit-backdrop-filter:none;backdrop-filter:none}@keyframes modalPopIn{0%{transform:scale(.9) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}\n"], dependencies: [{ kind: "directive", type: DraggableDirective, selector: "[mDraggable]", inputs: ["mDraggable", "handleSelector", "pos", "max", "min"], outputs: ["mDraggableChange", "dragStart", "dragEnd"] }, { 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], 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;height:100%}.pop-up{--m-modal-size: 2.5rem;position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pop-up__close{position:absolute;padding:1em;z-index:2;right:0;top:0}.pop-up__content{display:flex;align-items:center;justify-content:center;background:var(--m-backdrop-card);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--m-border);border-radius:4px;width:min(100% - 2rem,var(--m-modal-max-width, 440px));max-width:var(--m-modal-max-width, 440px);max-height:90vh;overflow:auto;position:relative;animation:modalPopIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.pop-up.align-bottom{align-items:flex-end}.pop-up.align-bottom .pop-up__content{border-bottom-left-radius:0;border-bottom-right-radius:0;border-left:none;border-right:none;border-bottom:none;width:100%;max-width:100%}.pop-up.full-screen{align-items:flex-end}.pop-up.full-screen .pop-up__content{width:100%;max-width:100%;height:calc(100% - var(--m-modal-size) * 3);max-height:calc(100% - var(--m-modal-size) * 3)}@media(min-width:1200px){.pop-up.full-screen{align-items:flex-end}.pop-up.full-screen .pop-up__content{width:calc(100% - var(--m-modal-size) * 2);max-width:calc(100% - var(--m-modal-size) * 2);height:calc(100% - var(--m-modal-size) * 3);max-height:calc(100% - var(--m-modal-size) * 3)}}.pop-up.no-backdrop+.modal{-webkit-backdrop-filter:none;backdrop-filter:none}@keyframes modalPopIn{0%{transform:scale(.9) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}\n"], dependencies: [{ kind: "directive", type: DraggableDirective, selector: "[mDraggable]", inputs: ["mDraggable", "handleSelector", "pos", "max", "min"], outputs: ["mDraggableChange", "dragStart", "dragEnd"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ModalComponent, decorators: [{
             type: Component,
@@ -26081,7 +26425,7 @@ class PanelComponent {
         <ng-template #body></ng-template>
       </div>
     </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;height:100%}.side-panel{height:100%;background:var(--m-background);display:flex;flex-direction:column;overflow:hidden;position:relative;animation:panel-slide-right .3s cubic-bezier(.2,0,0,1) forwards;border-left:1px solid var(--m-border)}.side-panel--docked{border-left:1px dashed var(--m-border)}.side-panel--left{animation-name:panel-slide-left;border-left:none;border-right:1px solid var(--m-border)}.side-panel--left.side-panel--docked{border-left:none;border-right:1px dashed var(--m-border)}.side-panel__close{position:absolute;top:0;right:0;padding:.25em;z-index:20}.side-panel__content{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}@media(max-width:767px){.side-panel{animation-name:panel-slide-bottom;border-left:none;border-right:none;border-top:1px solid var(--m-border);overflow-y:auto}}@keyframes panel-slide-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes panel-slide-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes panel-slide-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}\n"], dependencies: [{ 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], 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;height:100%}.side-panel{height:100%;background:var(--m-background);display:flex;flex-direction:column;overflow:hidden;position:relative;animation:panel-slide-right .3s cubic-bezier(.2,0,0,1) forwards;border-left:1px solid var(--m-border)}.side-panel--docked{border-left:1px dashed var(--m-border)}.side-panel--left{animation-name:panel-slide-left;border-left:none;border-right:1px solid var(--m-border)}.side-panel--left.side-panel--docked{border-left:none;border-right:1px dashed var(--m-border)}.side-panel__close{position:absolute;top:0;right:0;padding:.25em;z-index:20}.side-panel__content{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}@media(max-width:767px){.side-panel{animation-name:panel-slide-bottom;border-left:none;border-right:none;border-top:1px solid var(--m-border);overflow-y:auto}}@keyframes panel-slide-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes panel-slide-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes panel-slide-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}\n"], dependencies: [{ 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PanelComponent, decorators: [{
             type: Component,
@@ -26623,7 +26967,7 @@ class NavHeaderComponent {
     }, ...(ngDevMode ? [{ debugName: "_trail" }] : /* istanbul ignore next */ []));
     _header = computed(() => this._isUser() ? null : this._navStore.breadcrumb().header, ...(ngDevMode ? [{ debugName: "_header" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NavHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: NavHeaderComponent, isStandalone: true, selector: "m-nav-header", ngImport: i0, template: "<m-section>\n  @if (_trail(); as trail) {\n    <m-section-back [back]=\"_hasParent()\" (navigate)=\"_navStore.back()\">\n      <m-nav-trail [config]=\"trail\" />\n    </m-section-back>\n  }\n\n  @if (_isSearch()) {\n    <m-section-search\n      [value]=\"_searchStore.query()\"\n      [startOpen]=\"true\"\n      (searchChange)=\"_searchStore.updateQuery($event)\"\n    />\n  } @else if (_header(); as h) {\n    @if (h.label) {\n      <m-section-header class=\"nav-header__title\" [icon]=\"h.icon\" [label]=\"h.label\" />\n    }\n  }\n</m-section>\n", dependencies: [{ kind: "component", type: NavTrailComponent, selector: "m-nav-trail", inputs: ["config"] }, { kind: "component", type: SectionComponent, selector: "m-section", inputs: ["variant", "maxWidth", "heightMode", "maxHeight", "height", "align", "size"], outputs: ["inView"] }, { kind: "component", type: SectionHeaderComponent, selector: "m-section-header", inputs: ["sticky", "level", "label", "subLabel", "noTranslate", "reverse", "icon", "menu", "menuName", "visibilityRule", "disableRule", "extraData", "align", "showBack", "actionButton", "actionLabel", "spacing", "maxWidth"], outputs: ["actionClick", "action", "back"] }, { kind: "component", type: SectionBackComponent, selector: "m-section-back", inputs: ["back", "label", "html", "padding", "paddingX", "paddingY"], outputs: ["navigate"] }, { kind: "component", type: SectionSearchComponent, selector: "m-section-search, m-one-section-search", inputs: ["value", "config", "required", "disabled", "invalid", "touched", "focused", "errors", "label", "searchLabel", "placeholder", "debounce", "startOpen", "sticky"], outputs: ["valueChange", "touchedChange", "searchChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: NavHeaderComponent, isStandalone: true, selector: "m-nav-header", ngImport: i0, template: "<m-section>\n  @if (_trail(); as trail) {\n    <m-section-back [back]=\"_hasParent()\" (navigate)=\"_navStore.back()\">\n      <m-nav-trail [config]=\"trail\" />\n    </m-section-back>\n  }\n\n  @if (_isSearch()) {\n    <m-section-search\n      [value]=\"_searchStore.query()\"\n      [startOpen]=\"true\"\n      (searchChange)=\"_searchStore.updateQuery($event)\"\n    />\n  } @else if (_header(); as h) {\n    @if (h.label) {\n      <m-section-header class=\"nav-header__title\" [icon]=\"h.icon\" [label]=\"h.label\" />\n    }\n  }\n</m-section>\n", dependencies: [{ kind: "component", type: NavTrailComponent, selector: "m-nav-trail", inputs: ["config"] }, { kind: "component", type: SectionComponent, selector: "m-section", inputs: ["variant", "maxWidth", "heightMode", "maxHeight", "height", "align", "size"], outputs: ["inView"] }, { kind: "component", type: SectionHeaderComponent, selector: "m-section-header", inputs: ["sticky", "level", "label", "subLabel", "noTranslate", "params", "reverse", "icon", "menu", "menuName", "visibilityRule", "disableRule", "extraData", "align", "showBack", "actionButton", "actionLabel", "spacing", "maxWidth"], outputs: ["actionClick", "action", "back"] }, { kind: "component", type: SectionBackComponent, selector: "m-section-back", inputs: ["back", "label", "html", "padding", "paddingX", "paddingY"], outputs: ["navigate"] }, { kind: "component", type: SectionSearchComponent, selector: "m-section-search, m-one-section-search", inputs: ["value", "config", "required", "disabled", "invalid", "touched", "focused", "errors", "label", "searchLabel", "placeholder", "debounce", "startOpen", "sticky"], outputs: ["valueChange", "touchedChange", "searchChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NavHeaderComponent, decorators: [{
             type: Component,
@@ -27211,7 +27555,7 @@ class NavComponent {
         this.#navStore.goToNav(ROOT_NAV$1);
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: NavComponent, isStandalone: true, selector: "m-nav", inputs: { isHost: { classPropertyName: "isHost", publicName: "isHost", isSignal: true, isRequired: false, transformFunction: null }, showLogo: { classPropertyName: "showLogo", publicName: "showLogo", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { menuClicked: "menuClicked" }, host: { classAttribute: "m-nav" }, ngImport: i0, template: "<div class=\"nav\" [class.is-open]=\"isNavOpened()\" [class.is-scrolled-down]=\"isScrolledDown()\">\n  <div class=\"nav__header\">\n    @if (showLogo()) {\n      @if (logo(); as logo) {\n        <!-- AppLogo: menu open \u2192 home with panel still showing root; closed \u2192 home page. -->\n        <button\n          type=\"button\"\n          class=\"nav_logo nav_logo--app\"\n          [attr.data-app]=\"logo.app\"\n          [attr.aria-label]=\"logo.alt\"\n          (click)=\"onLogoClick()\"\n        >\n          <m-img class=\"nav_logo_img\" [src]=\"logo.src\" [alt]=\"logo.alt\" />\n        </button>\n      } @else if (logoPending()) {\n        <div class=\"nav_logo nav_logo--loading\">\n          <div class=\"nav_logo-skeleton\"></div>\n        </div>\n      }\n    }\n    <div class=\"nav_actions\">\n      <m-one-button-group\n        class=\"nav_main_group\"\n        name=\"nav_main_button_group\"\n        [buttons]=\"computedMainButtons()\"\n        [vertical]=\"isVertical()\"\n      />\n    </div>\n  </div>\n\n  <div class=\"nav__body\">\n    <m-one-button (clicked)=\"toggleMenu()\" [config]=\"menuButtonConfig()\" />\n  </div>\n\n  <div class=\"nav__footer\">\n    <m-one-button-group name=\"nav_footer_button_group\" [buttons]=\"computedFooterButtons()\" [vertical]=\"isVertical()\" />\n  </div>\n</div>\n\n<div\n  class=\"nav__backdrop\"\n  [class.show]=\"isNavOpened()\"\n  (click)=\"toggleMenu()\"\n  (keydown.enter)=\"toggleMenu()\"\n  tabindex=\"0\"\n></div>\n<m-nav-details />\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)}}.m-nav .nav{position:fixed;top:0;left:0;backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);-webkit-backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border-right:none;width:5em;height:100%;transition:.4s cubic-bezier(.165,.84,.44,1) .15s ease-in-out;z-index:100;display:flex;flex-direction:column;box-shadow:4px 0 15px #00000008}.m-nav .nav.is-open{border-right-color:transparent;box-shadow:none}.m-nav .nav button:not(.primary):not(:has(.nav-lang-label)):hover{background:#ffffff14;transform:scale(1.05);box-shadow:none}.m-nav .nav button:not(.primary):not(:has(.nav-lang-label)):active{transform:scale(.95);box-shadow:none}.m-nav .nav m-one-button:has(.nav-lang-label){--m-button-background: transparent;--m-button-hover-background: transparent;--m-button-border: none;--m-button-shadow: none;--m-button-padding: 0;--m-button-width: 2rem;--m-button-hover-transform: none}.m-nav .nav .button-group{display:flex;flex-direction:column;align-items:center;gap:1.75rem}.m-nav .nav_logo{display:block;padding:.75em 0 0;height:5em;width:5em;box-sizing:border-box;position:relative;margin:0 auto}.m-nav .nav_logo:after{content:\"\";position:absolute;bottom:0;left:10%;width:80%;height:2px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--m-mm) 25%,transparent) 0%,color-mix(in srgb,var(--m-success) 15%,transparent) 40%,transparent 100%);filter:blur(.5px);pointer-events:none;z-index:11}.m-nav .nav_logo.nav_logo--app{border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;pointer-events:auto}.m-nav .nav_logo.nav_logo--app .nav_logo_img{display:block;width:2.25rem;height:2.25rem;margin:0 auto;border-radius:8px;overflow:hidden}.m-nav .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav_logo.nav_logo--loading .nav_logo-skeleton{width:2.25rem;height:2.25rem;margin:0 auto;border-radius:8px;background:#ffffff14;animation:nav-logo-skeleton-pulse 1.5s infinite ease-in-out}.m-nav .nav_logo svg{width:1.75rem;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--m-mm) 40%,transparent));transition:filter .3s ease-out}.m-nav .nav_logo svg:hover{filter:drop-shadow(0 8px 16px color-mix(in srgb,var(--m-mm) 60%,transparent))}.m-nav .nav_actions{width:100%;flex-direction:column;display:flex;align-items:center;justify-content:center;gap:1.75rem;margin-top:.5rem}.m-nav .nav_actions .nav_main_group{display:flex;flex-direction:column;align-items:center;width:100%}.m-nav .nav_user{width:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:12}.m-nav .nav__header,.m-nav .nav__footer{width:100%;position:relative;align-items:center;justify-content:center;display:flex;flex-direction:column}.m-nav .nav__body{width:100%;position:relative;flex:1;display:grid;place-items:center}@media(max-width:767px){.m-nav .nav{top:auto!important;bottom:0!important;left:0;right:0;position:fixed;width:100%;height:3.5em;box-sizing:content-box;display:flex;flex-direction:row;align-items:stretch;border-right:none;border-top:1px solid rgba(255,255,255,.05);padding-bottom:env(safe-area-inset-bottom);will-change:transform,opacity;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--m-background) 70%,transparent)}.m-nav .nav.is-scrolled-down{transform:translateY(calc(100% + env(safe-area-inset-bottom)));opacity:0;pointer-events:none}.m-nav .nav .nav__footer{display:none}.m-nav .nav .nav__header{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%}.m-nav .nav .nav__header .nav_logo{flex:0 0 3.5rem;display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.m-nav .nav .nav__header .nav_logo.nav_logo--app,.m-nav .nav .nav__header .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav .nav__header .nav_logo svg{width:1.5rem}.m-nav .nav .nav__header .nav_actions{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;height:100%}.m-nav .nav .nav__header .nav_actions .nav_main_group{display:flex;align-items:center}.m-nav .nav .nav__header .nav_actions .nav_main_group .button-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.75rem}.m-nav .nav .nav__body{flex:0 0 3.5rem;display:flex;justify-content:flex-end;align-items:center;padding-right:.25rem;height:100%}}@media(min-width:768px)and (max-width:1199px){.m-nav .nav{top:auto!important;bottom:0!important;left:0;right:0;position:fixed;width:100%;height:4.25em;box-sizing:content-box;display:flex;flex-direction:row;align-items:stretch;border-right:none;border-top:1px solid rgba(255,255,255,.05);padding-bottom:env(safe-area-inset-bottom);will-change:transform,opacity;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--m-background) 70%,transparent)}.m-nav .nav.is-scrolled-down{transform:translateY(calc(100% + env(safe-area-inset-bottom)));opacity:0;pointer-events:none}.m-nav .nav .nav__footer{display:none}.m-nav .nav .nav__header{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%}.m-nav .nav .nav__header .nav_logo{flex:0 0 4.25rem;display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.m-nav .nav .nav__header .nav_logo.nav_logo--app,.m-nav .nav .nav__header .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav .nav__header .nav_logo svg{width:1.75rem}.m-nav .nav .nav__header .nav_actions{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.25rem;height:100%}.m-nav .nav .nav__header .nav_actions .nav_main_group{display:flex;align-items:center}.m-nav .nav .nav__header .nav_actions .nav_main_group .button-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:1.25rem}.m-nav .nav .nav__body{flex:0 0 4.25rem;display:flex;justify-content:flex-end;align-items:center;padding-right:.5rem;height:100%}}@keyframes breathe{0%,to{box-shadow:0 2px 8px #00000014,0 0 0 0 transparent}50%{box-shadow:0 6px 16px color-mix(in srgb,var(--m-mm) 20%,transparent),0 0 10px 2px color-mix(in srgb,var(--m-mm) 25%,transparent)}}.m-nav .nav__backdrop{position:fixed;inset:0;z-index:80;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1);cursor:pointer}.m-nav .nav__backdrop.show{opacity:1;pointer-events:all;background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.m-nav .nav-lang-label{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--m-text-secondary);opacity:.8;line-height:1;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:2em;background:#00000008;transition:all .2s ease}.m-nav button:has(.nav-lang-label):hover .nav-lang-label{background:#0000000f;opacity:1;color:var(--m-primary-color)}.m-nav button.primary:has(.nav-lang-label) .nav-lang-label{background:var(--m-btn-color-opposite, #e1b941);opacity:1}@keyframes nav-logo-skeleton-pulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}\n"], dependencies: [{ kind: "component", type: ButtonGroupComponent, selector: "m-button-group, m-one-button-group", inputs: ["buttons", "names", "exclude", "vertical", "size"], outputs: ["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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: NavDetailsComponent, selector: "m-nav-details" }, { kind: "component", type: ImgComponent, selector: "m-img", inputs: ["src", "data", "dataType", "alt", "priority", "fill", "width", "height", "remote", "ngSrcset", "sizes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: NavComponent, isStandalone: true, selector: "m-nav", inputs: { isHost: { classPropertyName: "isHost", publicName: "isHost", isSignal: true, isRequired: false, transformFunction: null }, showLogo: { classPropertyName: "showLogo", publicName: "showLogo", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { menuClicked: "menuClicked" }, host: { classAttribute: "m-nav" }, ngImport: i0, template: "<div class=\"nav\" [class.is-open]=\"isNavOpened()\" [class.is-scrolled-down]=\"isScrolledDown()\">\n  <div class=\"nav__header\">\n    @if (showLogo()) {\n      @if (logo(); as logo) {\n        <!-- AppLogo: menu open \u2192 home with panel still showing root; closed \u2192 home page. -->\n        <button\n          type=\"button\"\n          class=\"nav_logo nav_logo--app\"\n          [attr.data-app]=\"logo.app\"\n          [attr.aria-label]=\"logo.alt\"\n          (click)=\"onLogoClick()\"\n        >\n          <m-img class=\"nav_logo_img\" [src]=\"logo.src\" [alt]=\"logo.alt\" />\n        </button>\n      } @else if (logoPending()) {\n        <div class=\"nav_logo nav_logo--loading\">\n          <div class=\"nav_logo-skeleton\"></div>\n        </div>\n      }\n    }\n    <div class=\"nav_actions\">\n      <m-one-button-group\n        class=\"nav_main_group\"\n        name=\"nav_main_button_group\"\n        [buttons]=\"computedMainButtons()\"\n        [vertical]=\"isVertical()\"\n      />\n    </div>\n  </div>\n\n  <div class=\"nav__body\">\n    <m-one-button (clicked)=\"toggleMenu()\" [config]=\"menuButtonConfig()\" />\n  </div>\n\n  <div class=\"nav__footer\">\n    <m-one-button-group name=\"nav_footer_button_group\" [buttons]=\"computedFooterButtons()\" [vertical]=\"isVertical()\" />\n  </div>\n</div>\n\n<div\n  class=\"nav__backdrop\"\n  [class.show]=\"isNavOpened()\"\n  (click)=\"toggleMenu()\"\n  (keydown.enter)=\"toggleMenu()\"\n  tabindex=\"0\"\n></div>\n<m-nav-details />\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)}}.m-nav .nav{position:fixed;top:0;left:0;backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);-webkit-backdrop-filter:blur(16px) brightness(1.1) saturate(1.8) contrast(1.1);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border-right:none;width:5em;height:100%;transition:.4s cubic-bezier(.165,.84,.44,1) .15s ease-in-out;z-index:100;display:flex;flex-direction:column;box-shadow:4px 0 15px #00000008}.m-nav .nav.is-open{border-right-color:transparent;box-shadow:none}.m-nav .nav button:not(.primary):not(:has(.nav-lang-label)):hover{background:#ffffff14;transform:scale(1.05);box-shadow:none}.m-nav .nav button:not(.primary):not(:has(.nav-lang-label)):active{transform:scale(.95);box-shadow:none}.m-nav .nav m-one-button:has(.nav-lang-label){--m-button-background: transparent;--m-button-hover-background: transparent;--m-button-border: none;--m-button-shadow: none;--m-button-padding: 0;--m-button-width: 2rem;--m-button-hover-transform: none}.m-nav .nav .button-group{display:flex;flex-direction:column;align-items:center;gap:1.75rem}.m-nav .nav_logo{display:block;padding:.75em 0 0;height:5em;width:5em;box-sizing:border-box;position:relative;margin:0 auto}.m-nav .nav_logo:after{content:\"\";position:absolute;bottom:0;left:10%;width:80%;height:2px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--m-mm) 25%,transparent) 0%,color-mix(in srgb,var(--m-success) 15%,transparent) 40%,transparent 100%);filter:blur(.5px);pointer-events:none;z-index:11}.m-nav .nav_logo.nav_logo--app{border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;pointer-events:auto}.m-nav .nav_logo.nav_logo--app .nav_logo_img{display:block;width:2.25rem;height:2.25rem;margin:0 auto;border-radius:8px;overflow:hidden}.m-nav .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav_logo.nav_logo--loading .nav_logo-skeleton{width:2.25rem;height:2.25rem;margin:0 auto;border-radius:8px;background:#ffffff14;animation:nav-logo-skeleton-pulse 1.5s infinite ease-in-out}.m-nav .nav_logo svg{width:1.75rem;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--m-mm) 40%,transparent));transition:filter .3s ease-out}.m-nav .nav_logo svg:hover{filter:drop-shadow(0 8px 16px color-mix(in srgb,var(--m-mm) 60%,transparent))}.m-nav .nav_actions{width:100%;flex-direction:column;display:flex;align-items:center;justify-content:center;gap:1.75rem;margin-top:.5rem}.m-nav .nav_actions .nav_main_group{display:flex;flex-direction:column;align-items:center;width:100%}.m-nav .nav_user{width:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:12}.m-nav .nav__header,.m-nav .nav__footer{width:100%;position:relative;align-items:center;justify-content:center;display:flex;flex-direction:column}.m-nav .nav__body{width:100%;position:relative;flex:1;display:grid;place-items:center}@media(max-width:767px){.m-nav .nav{top:auto!important;bottom:0!important;left:0;right:0;position:fixed;width:100%;height:3.5em;box-sizing:content-box;display:flex;flex-direction:row;align-items:stretch;border-right:none;border-top:1px solid rgba(255,255,255,.05);padding-bottom:env(safe-area-inset-bottom);will-change:transform,opacity;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--m-background) 70%,transparent)}.m-nav .nav.is-scrolled-down{transform:translateY(calc(100% + env(safe-area-inset-bottom)));opacity:0;pointer-events:none}.m-nav .nav .nav__footer{display:none}.m-nav .nav .nav__header{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%}.m-nav .nav .nav__header .nav_logo{flex:0 0 3.5rem;display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.m-nav .nav .nav__header .nav_logo.nav_logo--app,.m-nav .nav .nav__header .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav .nav__header .nav_logo svg{width:1.5rem}.m-nav .nav .nav__header .nav_actions{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;height:100%}.m-nav .nav .nav__header .nav_actions .nav_main_group{display:flex;align-items:center}.m-nav .nav .nav__header .nav_actions .nav_main_group .button-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.75rem}.m-nav .nav .nav__body{flex:0 0 3.5rem;display:flex;justify-content:flex-end;align-items:center;padding-right:.25rem;height:100%}}@media(min-width:768px)and (max-width:1199px){.m-nav .nav{top:auto!important;bottom:0!important;left:0;right:0;position:fixed;width:100%;height:4.25em;box-sizing:content-box;display:flex;flex-direction:row;align-items:stretch;border-right:none;border-top:1px solid rgba(255,255,255,.05);padding-bottom:env(safe-area-inset-bottom);will-change:transform,opacity;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:color-mix(in srgb,var(--m-background) 70%,transparent)}.m-nav .nav.is-scrolled-down{transform:translateY(calc(100% + env(safe-area-inset-bottom)));opacity:0;pointer-events:none}.m-nav .nav .nav__footer{display:none}.m-nav .nav .nav__header{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:100%}.m-nav .nav .nav__header .nav_logo{flex:0 0 4.25rem;display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer}.m-nav .nav .nav__header .nav_logo.nav_logo--app,.m-nav .nav .nav__header .nav_logo.nav_logo--loading{cursor:default!important;pointer-events:none!important}.m-nav .nav .nav__header .nav_logo svg{width:1.75rem}.m-nav .nav .nav__header .nav_actions{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.25rem;height:100%}.m-nav .nav .nav__header .nav_actions .nav_main_group{display:flex;align-items:center}.m-nav .nav .nav__header .nav_actions .nav_main_group .button-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:1.25rem}.m-nav .nav .nav__body{flex:0 0 4.25rem;display:flex;justify-content:flex-end;align-items:center;padding-right:.5rem;height:100%}}@keyframes breathe{0%,to{box-shadow:0 2px 8px #00000014,0 0 0 0 transparent}50%{box-shadow:0 6px 16px color-mix(in srgb,var(--m-mm) 20%,transparent),0 0 10px 2px color-mix(in srgb,var(--m-mm) 25%,transparent)}}.m-nav .nav__backdrop{position:fixed;inset:0;z-index:80;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1);cursor:pointer}.m-nav .nav__backdrop.show{opacity:1;pointer-events:all;background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.m-nav .nav-lang-label{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--m-text-secondary);opacity:.8;line-height:1;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:2em;background:#00000008;transition:all .2s ease}.m-nav button:has(.nav-lang-label):hover .nav-lang-label{background:#0000000f;opacity:1;color:var(--m-primary-color)}.m-nav button.primary:has(.nav-lang-label) .nav-lang-label{background:var(--m-btn-color-opposite, #e1b941);opacity:1}@keyframes nav-logo-skeleton-pulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}\n"], dependencies: [{ kind: "component", type: ButtonGroupComponent, selector: "m-button-group, m-one-button-group", inputs: ["buttons", "names", "exclude", "vertical", "size"], outputs: ["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: "component", type: NavDetailsComponent, selector: "m-nav-details" }, { kind: "component", type: ImgComponent, selector: "m-img", inputs: ["src", "data", "dataType", "alt", "priority", "fill", "width", "height", "remote", "ngSrcset", "sizes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NavComponent, decorators: [{
             type: Component,
@@ -27476,7 +27820,7 @@ class NotificationElementComponent {
         }
       </div>
     </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)}}.notification-item{position:relative;display:flex;gap:1rem;padding:1.25rem 1.5rem;transition:background .2s ease;cursor:pointer;border-bottom:1px solid #f0f0f0}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#00000005}.notification-item--unread .notification-item__user{font-weight:800;color:#1a1a1a}.notification-item--popup{background:#fff;border-radius:1rem;box-shadow:0 10px 30px #00000014,0 4px 12px #0000000a;border:1px solid rgba(0,0,0,.05);margin-bottom:.75rem;width:24rem;max-width:90vw;pointer-events:auto;padding:1rem 1.25rem;gap:.75rem}.notification-item--popup:has(.notification-item__status-icon.success){background:linear-gradient(135deg,#f8fff9,#fff)}.notification-item--popup:has(.notification-item__status-icon.error){background:linear-gradient(135deg,snow,#fff)}.notification-item--popup:has(.notification-item__status-icon.warning){background:linear-gradient(135deg,#fffcf5,#fff)}.notification-item--popup:has(.notification-item__status-icon.info){background:linear-gradient(135deg,#f5faff,#fff)}.notification-item--popup .notification-item__avatar{width:2.25rem;height:2.25rem}.notification-item--popup .notification-item__status-icon{width:1rem;height:1rem;font-size:.5rem}.notification-item--popup .notification-item__title{font-size:.8125rem}.notification-item--popup .notification-item__description{font-size:.75rem}.notification-item__avatar-container{position:relative;flex-shrink:0}.notification-item__avatar{width:2.75rem;height:2.75rem;border-radius:50%;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.notification-item__avatar img{width:100%;height:100%;object-fit:cover}.notification-item__avatar-fallback{font-size:1rem;font-weight:700;color:#666}.notification-item__status-icon{position:absolute;bottom:-2px;right:-2px;width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:800;color:#fff;box-shadow:0 2px 4px #0000001a;border:2px solid white}.notification-item__status-icon.success{background:#4caf50}.notification-item__status-icon.error{background:#f44336}.notification-item__status-icon.warning{background:#ff9800}.notification-item__status-icon.info{background:#2196f3}.notification-item__status-icon:not([class*=\" \"]){background:#9c27b0}.notification-item__content{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.notification-item__header{display:flex;justify-content:space-between;align-items:center}.notification-item__meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#666}.notification-item__user{font-weight:700;color:#1a1a1a}.notification-item__time{color:#999;font-weight:500}.notification-item__dot{width:.5rem;height:.5rem;border-radius:50%;background:#4caf50;flex-shrink:0}.notification-item__body{display:flex;flex-direction:column;gap:.125rem}.notification-item__title{font-size:.875rem;font-weight:600;color:#1a1a1a;margin:0;line-height:1.4}.notification-item__description{font-size:.8125rem;line-height:1.5;color:#666;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item__header-actions{display:flex;align-items:center;gap:1rem;margin-right:-.5rem}.notification-item__header-actions .m-button{--m-button-size: .75rem;--m-button-color: #999;opacity:.6}.notification-item__header-actions .m-button:hover{opacity:1}.notification-item__actions{display:flex;gap:.75rem;margin-top:.75rem}.notification-item--popup .notification-item__actions{margin-top:1rem;gap:1.5rem;--m-button-background: transparent;--m-button-padding: 0;--m-button-size: .875rem}.notification-item--popup .notification-item__actions .m-button{color:#3f51b5;font-weight:700}.notification-item--popup .notification-item__actions .m-button:hover{text-decoration:underline;opacity:.8}.notification-item--popup .notification-item__actions .m-button:last-child{color:#666}.notification-item__action{padding:.625rem 1.5rem;border-radius:.625rem;font-size:.8125rem;font-weight:700;border:none;cursor:pointer;transition:all .2s ease}.notification-item__action--reject{background:#f0f0f0;color:#1a1a1a}.notification-item__action--reject:hover{background:#e5e5e5}.notification-item__action--approve{background:#1a1a1a;color:#fff}.notification-item__action--approve:hover{background:#333}.notification-item__action{padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:700;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.notification-item__action--reject{background:var(--m-frame);color:var(--m-text-secondary)}.notification-item__action--reject:hover{background:var(--m-border)}.notification-item__action--approve{background:var(--m-mm);color:#fff}.notification-item__action--approve:hover{background:var(--m-mm-dark)}.notification-item__progress-bar{width:100%;height:6px;background:#00000014;border-radius:100px;overflow:hidden;position:relative;margin-top:.5rem}.notification-item__progress-fill{height:100%;border-radius:100px;background-image:linear-gradient(90deg,var(--saffron, var(--m-mm)) 0%,rgba(255,255,255,.6) 50%,var(--saffron, var(--m-mm)) 100%);background-size:200% 100%;animation:notification-shimmer 1.5s infinite linear;transition:width .3s ease-out}.notification-item__percentage{font-size:.75rem;color:#666;align-self:flex-end;font-weight:600;margin-top:.25rem}@keyframes notification-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"], dependencies: [{ 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: ButtonGroupComponent, selector: "m-button-group, m-one-button-group", inputs: ["buttons", "names", "exclude", "vertical", "size"], outputs: ["clicked"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate"], outputs: ["actionClick"] }, { kind: "component", type: ImgComponent, selector: "m-img", inputs: ["src", "data", "dataType", "alt", "priority", "fill", "width", "height", "remote", "ngSrcset", "sizes"] }, { kind: "pipe", type: TimeAgoPipe, name: "timeAgo" }, { 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)}}.notification-item{position:relative;display:flex;gap:1rem;padding:1.25rem 1.5rem;transition:background .2s ease;cursor:pointer;border-bottom:1px solid #f0f0f0}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#00000005}.notification-item--unread .notification-item__user{font-weight:800;color:#1a1a1a}.notification-item--popup{background:#fff;border-radius:1rem;box-shadow:0 10px 30px #00000014,0 4px 12px #0000000a;border:1px solid rgba(0,0,0,.05);margin-bottom:.75rem;width:24rem;max-width:90vw;pointer-events:auto;padding:1rem 1.25rem;gap:.75rem}.notification-item--popup:has(.notification-item__status-icon.success){background:linear-gradient(135deg,#f8fff9,#fff)}.notification-item--popup:has(.notification-item__status-icon.error){background:linear-gradient(135deg,snow,#fff)}.notification-item--popup:has(.notification-item__status-icon.warning){background:linear-gradient(135deg,#fffcf5,#fff)}.notification-item--popup:has(.notification-item__status-icon.info){background:linear-gradient(135deg,#f5faff,#fff)}.notification-item--popup .notification-item__avatar{width:2.25rem;height:2.25rem}.notification-item--popup .notification-item__status-icon{width:1rem;height:1rem;font-size:.5rem}.notification-item--popup .notification-item__title{font-size:.8125rem}.notification-item--popup .notification-item__description{font-size:.75rem}.notification-item__avatar-container{position:relative;flex-shrink:0}.notification-item__avatar{width:2.75rem;height:2.75rem;border-radius:50%;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.notification-item__avatar img{width:100%;height:100%;object-fit:cover}.notification-item__avatar-fallback{font-size:1rem;font-weight:700;color:#666}.notification-item__status-icon{position:absolute;bottom:-2px;right:-2px;width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:800;color:#fff;box-shadow:0 2px 4px #0000001a;border:2px solid white}.notification-item__status-icon.success{background:#4caf50}.notification-item__status-icon.error{background:#f44336}.notification-item__status-icon.warning{background:#ff9800}.notification-item__status-icon.info{background:#2196f3}.notification-item__status-icon:not([class*=\" \"]){background:#9c27b0}.notification-item__content{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.notification-item__header{display:flex;justify-content:space-between;align-items:center}.notification-item__meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#666}.notification-item__user{font-weight:700;color:#1a1a1a}.notification-item__time{color:#999;font-weight:500}.notification-item__dot{width:.5rem;height:.5rem;border-radius:50%;background:#4caf50;flex-shrink:0}.notification-item__body{display:flex;flex-direction:column;gap:.125rem}.notification-item__title{font-size:.875rem;font-weight:600;color:#1a1a1a;margin:0;line-height:1.4}.notification-item__description{font-size:.8125rem;line-height:1.5;color:#666;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item__header-actions{display:flex;align-items:center;gap:1rem;margin-right:-.5rem}.notification-item__header-actions .m-button{--m-button-size: .75rem;--m-button-color: #999;opacity:.6}.notification-item__header-actions .m-button:hover{opacity:1}.notification-item__actions{display:flex;gap:.75rem;margin-top:.75rem}.notification-item--popup .notification-item__actions{margin-top:1rem;gap:1.5rem;--m-button-background: transparent;--m-button-padding: 0;--m-button-size: .875rem}.notification-item--popup .notification-item__actions .m-button{color:#3f51b5;font-weight:700}.notification-item--popup .notification-item__actions .m-button:hover{text-decoration:underline;opacity:.8}.notification-item--popup .notification-item__actions .m-button:last-child{color:#666}.notification-item__action{padding:.625rem 1.5rem;border-radius:.625rem;font-size:.8125rem;font-weight:700;border:none;cursor:pointer;transition:all .2s ease}.notification-item__action--reject{background:#f0f0f0;color:#1a1a1a}.notification-item__action--reject:hover{background:#e5e5e5}.notification-item__action--approve{background:#1a1a1a;color:#fff}.notification-item__action--approve:hover{background:#333}.notification-item__action{padding:.375rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:700;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.notification-item__action--reject{background:var(--m-frame);color:var(--m-text-secondary)}.notification-item__action--reject:hover{background:var(--m-border)}.notification-item__action--approve{background:var(--m-mm);color:#fff}.notification-item__action--approve:hover{background:var(--m-mm-dark)}.notification-item__progress-bar{width:100%;height:6px;background:#00000014;border-radius:100px;overflow:hidden;position:relative;margin-top:.5rem}.notification-item__progress-fill{height:100%;border-radius:100px;background-image:linear-gradient(90deg,var(--saffron, var(--m-mm)) 0%,rgba(255,255,255,.6) 50%,var(--saffron, var(--m-mm)) 100%);background-size:200% 100%;animation:notification-shimmer 1.5s infinite linear;transition:width .3s ease-out}.notification-item__percentage{font-size:.75rem;color:#666;align-self:flex-end;font-weight:600;margin-top:.25rem}@keyframes notification-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"], dependencies: [{ 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: ButtonGroupComponent, selector: "m-button-group, m-one-button-group", inputs: ["buttons", "names", "exclude", "vertical", "size"], outputs: ["clicked"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate", "params"], outputs: ["actionClick"] }, { kind: "component", type: ImgComponent, selector: "m-img", inputs: ["src", "data", "dataType", "alt", "priority", "fill", "width", "height", "remote", "ngSrcset", "sizes"] }, { kind: "pipe", type: TimeAgoPipe, name: "timeAgo" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NotificationElementComponent, decorators: [{
             type: Component,
@@ -28323,7 +28667,7 @@ class NotificationGroupComponent {
         }
       </div>
     </div>
-  `, isInline: true, styles: ["@charset \"UTF-8\";@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)}}.notification-group{display:flex;flex-direction:column;gap:1.5rem;background:#ffffffb3!important;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3)!important;border-radius:2rem;padding:1.75rem;box-shadow:0 40px 100px -20px #00000026,0 20px 40px -15px #0000001a,0 0 1px #0000000d;transform:translateZ(0);isolation:isolate}.notification-group__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.notification-group__header .m-button{--m-button-size: .8125rem;font-weight:600}.notification-group__title{margin:0;font-size:1.25rem;font-weight:800;color:var(--m-text);letter-spacing:-.03em;background:linear-gradient(135deg,var(--m-text) 0%,color-mix(in srgb,var(--m-text) 70%,transparent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.notification-group__tabs{display:flex;gap:.5rem;padding:.35rem;background:color-mix(in srgb,var(--m-frame) 4%,transparent);border:none;border-radius:1.5rem;overflow-x:auto;scrollbar-width:none;box-shadow:inset 0 2px 4px #00000005}.notification-group__tabs::-webkit-scrollbar{display:none}.notification-group__tab{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;border:1px solid transparent;border-radius:1rem;background:transparent;font-size:.8125rem;font-weight:700;color:var(--m-text-secondary);cursor:pointer;white-space:nowrap;transition:all .4s cubic-bezier(.16,1,.3,1)}.notification-group__tab:hover{background:#fff6;color:var(--m-text)}.notification-group__tab--active{background:#fff;color:var(--m-mm);box-shadow:0 4px 12px #0000000d,0 1px 2px #00000005;border-color:#00000005}.notification-group__tab--active:hover{background:#fff}.notification-group__list{display:flex;flex-direction:column;gap:1rem;max-height:35rem;overflow-y:auto;padding-right:.75rem;margin-right:-.75rem}.notification-group__list::-webkit-scrollbar{width:4px}.notification-group__list::-webkit-scrollbar-track{background:transparent}.notification-group__list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--m-text-tertiary) 15%,transparent);border-radius:10px}.notification-group__list::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--m-text-tertiary) 25%,transparent)}.notification-group__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.25rem;font-size:.9375rem;font-weight:500;color:var(--m-text-tertiary);text-align:center;background:color-mix(in srgb,var(--m-frame) 2%,transparent);border-radius:1.5rem;border:1px dashed color-mix(in srgb,var(--m-text-tertiary) 20%,transparent)}.notification-group__empty:before{content:\"\\1f514\";font-size:3rem;filter:grayscale(1) brightness(1.2);opacity:.3;margin-bottom:.5rem;animation:bell-shake 4s infinite ease-in-out}@keyframes bell-shake{0%,to{transform:rotate(0)}5%,15%{transform:rotate(15deg)}10%,20%{transform:rotate(-15deg)}25%{transform:rotate(0)}}\n"], dependencies: [{ kind: "component", type: NotificationElementComponent, selector: "m-notification-element", inputs: ["notification", "autoClose"], outputs: ["actionClicked"] }, { 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: ButtonGroupComponent, selector: "m-button-group, m-one-button-group", inputs: ["buttons", "names", "exclude", "vertical", "size"], outputs: ["clicked"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate"], outputs: ["actionClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: ["@charset \"UTF-8\";@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)}}.notification-group{display:flex;flex-direction:column;gap:1.5rem;background:#ffffffb3!important;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3)!important;border-radius:2rem;padding:1.75rem;box-shadow:0 40px 100px -20px #00000026,0 20px 40px -15px #0000001a,0 0 1px #0000000d;transform:translateZ(0);isolation:isolate}.notification-group__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.notification-group__header .m-button{--m-button-size: .8125rem;font-weight:600}.notification-group__title{margin:0;font-size:1.25rem;font-weight:800;color:var(--m-text);letter-spacing:-.03em;background:linear-gradient(135deg,var(--m-text) 0%,color-mix(in srgb,var(--m-text) 70%,transparent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.notification-group__tabs{display:flex;gap:.5rem;padding:.35rem;background:color-mix(in srgb,var(--m-frame) 4%,transparent);border:none;border-radius:1.5rem;overflow-x:auto;scrollbar-width:none;box-shadow:inset 0 2px 4px #00000005}.notification-group__tabs::-webkit-scrollbar{display:none}.notification-group__tab{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;border:1px solid transparent;border-radius:1rem;background:transparent;font-size:.8125rem;font-weight:700;color:var(--m-text-secondary);cursor:pointer;white-space:nowrap;transition:all .4s cubic-bezier(.16,1,.3,1)}.notification-group__tab:hover{background:#fff6;color:var(--m-text)}.notification-group__tab--active{background:#fff;color:var(--m-mm);box-shadow:0 4px 12px #0000000d,0 1px 2px #00000005;border-color:#00000005}.notification-group__tab--active:hover{background:#fff}.notification-group__list{display:flex;flex-direction:column;gap:1rem;max-height:35rem;overflow-y:auto;padding-right:.75rem;margin-right:-.75rem}.notification-group__list::-webkit-scrollbar{width:4px}.notification-group__list::-webkit-scrollbar-track{background:transparent}.notification-group__list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--m-text-tertiary) 15%,transparent);border-radius:10px}.notification-group__list::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--m-text-tertiary) 25%,transparent)}.notification-group__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.25rem;font-size:.9375rem;font-weight:500;color:var(--m-text-tertiary);text-align:center;background:color-mix(in srgb,var(--m-frame) 2%,transparent);border-radius:1.5rem;border:1px dashed color-mix(in srgb,var(--m-text-tertiary) 20%,transparent)}.notification-group__empty:before{content:\"\\1f514\";font-size:3rem;filter:grayscale(1) brightness(1.2);opacity:.3;margin-bottom:.5rem;animation:bell-shake 4s infinite ease-in-out}@keyframes bell-shake{0%,to{transform:rotate(0)}5%,15%{transform:rotate(15deg)}10%,20%{transform:rotate(-15deg)}25%{transform:rotate(0)}}\n"], dependencies: [{ kind: "component", type: NotificationElementComponent, selector: "m-notification-element", inputs: ["notification", "autoClose"], outputs: ["actionClicked"] }, { 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: ButtonGroupComponent, selector: "m-button-group, m-one-button-group", inputs: ["buttons", "names", "exclude", "vertical", "size"], outputs: ["clicked"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate", "params"], outputs: ["actionClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NotificationGroupComponent, decorators: [{
             type: Component,
@@ -28833,7 +29177,7 @@ class ThemeComponent extends BaseWebComponent {
         </div>
       }
     </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)}}.m-theme{display:flex;flex-direction:column;width:100%;padding:1.5rem;box-sizing:border-box;background:transparent;font-family:Outfit,Inter,system-ui,sans-serif}.m-theme__mode-selector{display:flex;justify-content:center;margin-bottom:2rem;width:100%}.m-theme__list-container{display:flex;flex-direction:column;gap:1.5rem}.m-theme .selectable-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%}.m-theme .theme-card-content{display:flex;flex-direction:column;gap:1.25rem;width:100%;box-sizing:border-box}.m-theme .theme-card-content__preview-window{width:100%;height:120px;border-radius:.75rem;border:1px solid;overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 0 0 1px #ffffff1a,0 4px 12px #00000008;transition:border-color .2s ease}.m-theme .theme-card-content__mini-header{height:24px;display:flex;align-items:center;padding:0 .75rem;justify-content:space-between;border-bottom:1px solid;flex-shrink:0}.m-theme .theme-card-content__dot-group{display:flex;gap:4px}.m-theme .theme-card-content__dot{width:6px;height:6px;border-radius:50%;display:inline-block}.m-theme .theme-card-content__dot--red{background:#ff5f56}.m-theme .theme-card-content__dot--yellow{background:#ffbd2e}.m-theme .theme-card-content__dot--green{background:#27c93f}.m-theme .theme-card-content__mini-title{font-size:.65rem;font-weight:600;letter-spacing:.02em;text-transform:capitalize}.m-theme .theme-card-content__mini-body{display:flex;flex:1;min-height:0}.m-theme .theme-card-content__mini-sidebar{width:38px;border-right:1px solid;display:flex;flex-direction:column;gap:5px;padding:.625rem .375rem;box-sizing:border-box}.m-theme .theme-card-content__mini-main{flex:1;padding:.625rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.m-theme .theme-card-content__mini-card{width:100%;height:100%;border-radius:.375rem;border:1px solid;padding:.5rem;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 3px #00000005}.m-theme .theme-card-content__line{height:3px;border-radius:2px}.m-theme .theme-card-content__line--short{width:14px}.m-theme .theme-card-content__line--heading{width:28px;height:4px;margin-bottom:3px}.m-theme .theme-card-content__line--body{width:85%}.m-theme .theme-card-content__footer{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem}.m-theme .theme-card-content__info{display:flex;align-items:center;gap:.625rem}.m-theme .theme-card-content__icon-wrapper{font-size:1.25rem;display:inline-flex;align-items:center;justify-content:center}.m-theme .theme-card-content__name{font-size:.95rem;font-weight:700}.m-theme .theme-card-content__palette{display:flex;gap:5px}.m-theme .theme-card-content__swatch{width:.875rem;height:.875rem;border-radius:50%;border:1px solid rgba(0,0,0,.1);display:inline-block;box-shadow:0 1px 2px #0000000d;transition:transform .2s ease}.m-theme .theme-card-content__swatch:hover{transform:scale(1.2)}\n"], dependencies: [{ kind: "component", type: ToggleRadioInputComponent, selector: "m-toggle-radio", inputs: ["one"] }, { kind: "component", type: SelectableCardInputComponent, selector: "m-selectable-card", inputs: ["element", "data", "template", "options", "value"], outputs: ["valueChange"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate"], outputs: ["actionClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, 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)}}.m-theme{display:flex;flex-direction:column;width:100%;padding:1.5rem;box-sizing:border-box;background:transparent;font-family:Outfit,Inter,system-ui,sans-serif}.m-theme__mode-selector{display:flex;justify-content:center;margin-bottom:2rem;width:100%}.m-theme__list-container{display:flex;flex-direction:column;gap:1.5rem}.m-theme .selectable-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%}.m-theme .theme-card-content{display:flex;flex-direction:column;gap:1.25rem;width:100%;box-sizing:border-box}.m-theme .theme-card-content__preview-window{width:100%;height:120px;border-radius:.75rem;border:1px solid;overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 0 0 1px #ffffff1a,0 4px 12px #00000008;transition:border-color .2s ease}.m-theme .theme-card-content__mini-header{height:24px;display:flex;align-items:center;padding:0 .75rem;justify-content:space-between;border-bottom:1px solid;flex-shrink:0}.m-theme .theme-card-content__dot-group{display:flex;gap:4px}.m-theme .theme-card-content__dot{width:6px;height:6px;border-radius:50%;display:inline-block}.m-theme .theme-card-content__dot--red{background:#ff5f56}.m-theme .theme-card-content__dot--yellow{background:#ffbd2e}.m-theme .theme-card-content__dot--green{background:#27c93f}.m-theme .theme-card-content__mini-title{font-size:.65rem;font-weight:600;letter-spacing:.02em;text-transform:capitalize}.m-theme .theme-card-content__mini-body{display:flex;flex:1;min-height:0}.m-theme .theme-card-content__mini-sidebar{width:38px;border-right:1px solid;display:flex;flex-direction:column;gap:5px;padding:.625rem .375rem;box-sizing:border-box}.m-theme .theme-card-content__mini-main{flex:1;padding:.625rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.m-theme .theme-card-content__mini-card{width:100%;height:100%;border-radius:.375rem;border:1px solid;padding:.5rem;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 3px #00000005}.m-theme .theme-card-content__line{height:3px;border-radius:2px}.m-theme .theme-card-content__line--short{width:14px}.m-theme .theme-card-content__line--heading{width:28px;height:4px;margin-bottom:3px}.m-theme .theme-card-content__line--body{width:85%}.m-theme .theme-card-content__footer{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem}.m-theme .theme-card-content__info{display:flex;align-items:center;gap:.625rem}.m-theme .theme-card-content__icon-wrapper{font-size:1.25rem;display:inline-flex;align-items:center;justify-content:center}.m-theme .theme-card-content__name{font-size:.95rem;font-weight:700}.m-theme .theme-card-content__palette{display:flex;gap:5px}.m-theme .theme-card-content__swatch{width:.875rem;height:.875rem;border-radius:50%;border:1px solid rgba(0,0,0,.1);display:inline-block;box-shadow:0 1px 2px #0000000d;transition:transform .2s ease}.m-theme .theme-card-content__swatch:hover{transform:scale(1.2)}\n"], dependencies: [{ kind: "component", type: ToggleRadioInputComponent, selector: "m-toggle-radio", inputs: ["one"] }, { kind: "component", type: SelectableCardInputComponent, selector: "m-selectable-card", inputs: ["element", "data", "template", "options", "value"], outputs: ["valueChange"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate", "params"], outputs: ["actionClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ThemeComponent, decorators: [{
             type: Component,
@@ -29153,7 +29497,7 @@ class LanguageComponent extends BaseWebComponent {
         }
       </div>
     </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)}}.m-language{display:flex;flex-direction:column;width:100%;padding:1.5rem;box-sizing:border-box;background:transparent;font-family:Outfit,Inter,system-ui,sans-serif}.m-language__list-container{display:flex;flex-direction:column;gap:2rem}.m-language__section{display:flex;flex-direction:column;gap:.875rem}.m-language__section m-header h4{margin:0;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.m-language__empty{display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;background:#fff6;border:1px dashed rgba(0,0,0,.08);border-radius:1rem}.m-language__empty m-header h4{margin:0;font-size:1rem;font-weight:500;color:#64748b}.m-language .selectable-card__item{background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.06);border-radius:1rem;padding:.875rem 1.125rem;margin-bottom:.25rem;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003}.m-language .selectable-card__item--selected{border-color:var(--mm-color, var(--m-mm));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 6%,#ffffff);box-shadow:0 10px 15px -3px color-mix(in srgb,var(--mm-color, var(--m-mm)) 8%,transparent),0 4px 6px -2px color-mix(in srgb,var(--mm-color, var(--m-mm)) 8%,transparent)}.m-language .selectable-card__item--selected .language-card-content__avatar{background:var(--mm-color, var(--m-mm));color:#fff}.m-language .selectable-card__item:hover:not(.selectable-card__item--disabled){border-color:var(--mm-color, var(--m-mm));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 3%,rgba(255,255,255,.9))}.m-language .language-card-content{display:flex;align-items:center;gap:1.125rem}.m-language .language-card-content__avatar{width:2.75rem;height:2.75rem;border-radius:.75rem;background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 10%,rgba(255,255,255,.8));color:var(--mm-color, var(--m-mm));display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;transition:all .2s ease;flex-shrink:0;box-shadow:inset 0 2px 4px #00000005}.m-language .language-card-content__info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.m-language .language-card-content__native{font-size:.95rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-language .language-card-content__english{font-size:.8125rem;font-weight:400;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-language .selectable-card__indicator input[type=radio]{width:1.25rem;height:1.25rem;border:2px solid #cbd5e1;border-radius:50%;transition:all .2s ease}.m-language .selectable-card__indicator input[type=radio]:checked{border-color:var(--mm-color, var(--m-mm));background:var(--mm-color, var(--m-mm))}.m-language .selectable-card__indicator input[type=radio]:checked:after{background:#fff;width:.45rem;height:.45rem}\n"], dependencies: [{ kind: "component", type: SelectableCardInputComponent, selector: "m-selectable-card", inputs: ["element", "data", "template", "options", "value"], outputs: ["valueChange"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate"], outputs: ["actionClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, 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)}}.m-language{display:flex;flex-direction:column;width:100%;padding:1.5rem;box-sizing:border-box;background:transparent;font-family:Outfit,Inter,system-ui,sans-serif}.m-language__list-container{display:flex;flex-direction:column;gap:2rem}.m-language__section{display:flex;flex-direction:column;gap:.875rem}.m-language__section m-header h4{margin:0;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.m-language__empty{display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;background:#fff6;border:1px dashed rgba(0,0,0,.08);border-radius:1rem}.m-language__empty m-header h4{margin:0;font-size:1rem;font-weight:500;color:#64748b}.m-language .selectable-card__item{background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.06);border-radius:1rem;padding:.875rem 1.125rem;margin-bottom:.25rem;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003}.m-language .selectable-card__item--selected{border-color:var(--mm-color, var(--m-mm));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 6%,#ffffff);box-shadow:0 10px 15px -3px color-mix(in srgb,var(--mm-color, var(--m-mm)) 8%,transparent),0 4px 6px -2px color-mix(in srgb,var(--mm-color, var(--m-mm)) 8%,transparent)}.m-language .selectable-card__item--selected .language-card-content__avatar{background:var(--mm-color, var(--m-mm));color:#fff}.m-language .selectable-card__item:hover:not(.selectable-card__item--disabled){border-color:var(--mm-color, var(--m-mm));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 3%,rgba(255,255,255,.9))}.m-language .language-card-content{display:flex;align-items:center;gap:1.125rem}.m-language .language-card-content__avatar{width:2.75rem;height:2.75rem;border-radius:.75rem;background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 10%,rgba(255,255,255,.8));color:var(--mm-color, var(--m-mm));display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;transition:all .2s ease;flex-shrink:0;box-shadow:inset 0 2px 4px #00000005}.m-language .language-card-content__info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.m-language .language-card-content__native{font-size:.95rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-language .language-card-content__english{font-size:.8125rem;font-weight:400;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-language .selectable-card__indicator input[type=radio]{width:1.25rem;height:1.25rem;border:2px solid #cbd5e1;border-radius:50%;transition:all .2s ease}.m-language .selectable-card__indicator input[type=radio]:checked{border-color:var(--mm-color, var(--m-mm));background:var(--mm-color, var(--m-mm))}.m-language .selectable-card__indicator input[type=radio]:checked:after{background:#fff;width:.45rem;height:.45rem}\n"], dependencies: [{ kind: "component", type: SelectableCardInputComponent, selector: "m-selectable-card", inputs: ["element", "data", "template", "options", "value"], outputs: ["valueChange"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate", "params"], outputs: ["actionClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: LanguageComponent, decorators: [{
             type: Component,
@@ -29305,7 +29649,7 @@ class EditProfileModalComponent {
         />
       </div>
     </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)}}.edit-profile{display:flex;flex-direction:column;min-width:320px;max-width:440px;padding:2.5rem;background:var(--m-backdrop-modal, rgba(255, 255, 255, .85));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:2rem;border:1px solid var(--m-backdrop-border, rgba(255, 255, 255, .4));box-shadow:0 20px 50px -12px #00000026}.edit-profile__title{margin:0 0 1.75rem;font-size:1.375rem;font-weight:700;color:var(--m-text-900);letter-spacing:-.02em}.edit-profile__fields{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.edit-profile__field{display:flex;flex-direction:column;gap:.5rem}.edit-profile__label{font-size:.8125rem;font-weight:600;color:var(--m-text-500);text-transform:uppercase;letter-spacing:.06em}.edit-profile__input{width:100%;padding:.75rem 1rem;font-size:1rem;color:var(--m-text-900);background:var(--m-surface-100, rgba(255, 255, 255, .6));border:1.5px solid var(--m-border-200, rgba(0, 0, 0, .1));border-radius:.875rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.edit-profile__input:focus{border-color:var(--m-primary);box-shadow:0 0 0 3px rgba(var(--m-primary-rgb),.12)}.edit-profile__input[type=date]{color-scheme:light dark}.edit-profile__actions{display:flex;justify-content:center}\n"], dependencies: [{ kind: "component", type: ButtonGroupComponent, selector: "m-button-group, m-one-button-group", inputs: ["buttons", "names", "exclude", "vertical", "size"], outputs: ["clicked"] }, { kind: "component", type: ClearableInputComponent, selector: "m-input-clear", inputs: ["value", "config", "required", "disabled", "readonly", "invalid", "focused", "touched", "errors", "icon", "placeholder", "type", "inputId"], outputs: ["valueChange", "touchedChange"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate"], outputs: ["actionClick"] }, { 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)}}.edit-profile{display:flex;flex-direction:column;min-width:320px;max-width:440px;padding:2.5rem;background:var(--m-backdrop-modal, rgba(255, 255, 255, .85));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:2rem;border:1px solid var(--m-backdrop-border, rgba(255, 255, 255, .4));box-shadow:0 20px 50px -12px #00000026}.edit-profile__title{margin:0 0 1.75rem;font-size:1.375rem;font-weight:700;color:var(--m-text-900);letter-spacing:-.02em}.edit-profile__fields{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.edit-profile__field{display:flex;flex-direction:column;gap:.5rem}.edit-profile__label{font-size:.8125rem;font-weight:600;color:var(--m-text-500);text-transform:uppercase;letter-spacing:.06em}.edit-profile__input{width:100%;padding:.75rem 1rem;font-size:1rem;color:var(--m-text-900);background:var(--m-surface-100, rgba(255, 255, 255, .6));border:1.5px solid var(--m-border-200, rgba(0, 0, 0, .1));border-radius:.875rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.edit-profile__input:focus{border-color:var(--m-primary);box-shadow:0 0 0 3px rgba(var(--m-primary-rgb),.12)}.edit-profile__input[type=date]{color-scheme:light dark}.edit-profile__actions{display:flex;justify-content:center}\n"], dependencies: [{ kind: "component", type: ButtonGroupComponent, selector: "m-button-group, m-one-button-group", inputs: ["buttons", "names", "exclude", "vertical", "size"], outputs: ["clicked"] }, { kind: "component", type: ClearableInputComponent, selector: "m-input-clear", inputs: ["value", "config", "required", "disabled", "readonly", "invalid", "focused", "touched", "errors", "icon", "placeholder", "type", "inputId"], outputs: ["valueChange", "touchedChange"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate", "params"], outputs: ["actionClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: EditProfileModalComponent, decorators: [{
             type: Component,
@@ -29406,7 +29750,7 @@ class UserSettingsComponent {
         }
       </m-accordion-group>
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: AccordionGroupComponent, selector: "m-accordion-group, m-one-accordion-group" }, { kind: "component", type: AccordionComponent, selector: "m-accordion", inputs: ["variant", "open", "label", "subtitle", "icon"], outputs: ["toggled"] }, { kind: "directive", type: AccordionBodyDirective, selector: "ng-template[mAccordionBody]" }, { 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: UserComponent, selector: "m-user", inputs: ["id", "user", "firstName", "lastName", "profilePic"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: AccordionGroupComponent, selector: "m-accordion-group, m-one-accordion-group" }, { kind: "component", type: AccordionComponent, selector: "m-accordion", inputs: ["variant", "open", "label", "subtitle", "icon"], outputs: ["toggled"] }, { kind: "directive", type: AccordionBodyDirective, selector: "ng-template[mAccordionBody]" }, { 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: UserComponent, selector: "m-user", inputs: ["id", "user", "firstName", "lastName", "profilePic"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UserSettingsComponent, decorators: [{
             type: Component,
@@ -30969,7 +31313,7 @@ class SvgGeneratorToolBoxComponent {
         }
       </div>
     </m-section>
-  </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)}}.svg-generator-tool-box{width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:var(--m-backdrop-standard);border:1px solid var(--m-backdrop-border);border-radius:.5rem;overflow:hidden;max-height:300px;overflow-y:auto}.svg-generator-tool-box .svg-generator-tool-box-header{border-bottom:1px solid var(--border-color);top:0;position:sticky;z-index:5260;background:var(--background, #ffffff);padding:.5em 1em;display:flex;align-items:center;gap:.5em;justify-content:flex-start;width:100%;box-sizing:border-box}.svg-generator-tool-box .svg-generator-tool-box-header .m-header{display:block;width:100%;height:100%}.svg-generator-tool-box .svg-generator-tool-box-header h2{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\";font-size:.8em;color:var(--mm-color)}.svg-generator-tool-box .svg-generator-tool-box-header .icon-container{display:flex;width:1em;height:1em}.svg-generator-tool-box .svg-generator-tool-box-content{display:flex;flex-direction:column;box-sizing:border-box}.svg-generator-tool-box .svg-generator-tool-box-content .options{display:flex;flex-direction:column;padding:0 1em;box-sizing:border-box;gap:.5em}.svg-generator-tool-box .svg-generator-tool-box-content .options h3{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\";font-size:.8em}.svg-generator-tool-box .svg-generator-tool-box-content .form-radio{display:flex;flex-direction:column;gap:4px;padding:4px 0}.svg-generator-tool-box .svg-generator-tool-box-content .form-radio .form-radio__label{font-size:.75em;opacity:.7}.svg-generator-tool-box .svg-generator-tool-box-content .form-radio .form-radio__options{display:flex;gap:8px;flex-wrap:wrap}\n"], dependencies: [{ kind: "component", type: SectionComponent, selector: "m-section", inputs: ["variant", "maxWidth", "heightMode", "maxHeight", "height", "align", "size"], outputs: ["inView"] }, { kind: "component", type: SectionHeaderComponent, selector: "m-section-header", inputs: ["sticky", "level", "label", "subLabel", "noTranslate", "reverse", "icon", "menu", "menuName", "visibilityRule", "disableRule", "extraData", "align", "showBack", "actionButton", "actionLabel", "spacing", "maxWidth"], outputs: ["actionClick", "action", "back"] }, { kind: "component", type: FormGroupComponent, selector: "m-form, m-one-form", inputs: ["data", "state", "validation", "options", "fieldConfigs", "aclResolver", "autofocus", "readonly", "fieldRenderIds", "elements", "templates", "datas", "label", "subtitle"], outputs: ["dataChange", "act", "stateChange"] }, { kind: "component", type: MenuComponent, selector: "m-menu", inputs: ["config", "file", "root", "url", "extra", "hide", "hideLink", "isAdmin", "visibilityRule", "disableRule", "extraData"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  </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)}}.svg-generator-tool-box{width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:var(--m-backdrop-standard);border:1px solid var(--m-backdrop-border);border-radius:.5rem;overflow:hidden;max-height:300px;overflow-y:auto}.svg-generator-tool-box .svg-generator-tool-box-header{border-bottom:1px solid var(--border-color);top:0;position:sticky;z-index:5260;background:var(--background, #ffffff);padding:.5em 1em;display:flex;align-items:center;gap:.5em;justify-content:flex-start;width:100%;box-sizing:border-box}.svg-generator-tool-box .svg-generator-tool-box-header .m-header{display:block;width:100%;height:100%}.svg-generator-tool-box .svg-generator-tool-box-header h2{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\";font-size:.8em;color:var(--mm-color)}.svg-generator-tool-box .svg-generator-tool-box-header .icon-container{display:flex;width:1em;height:1em}.svg-generator-tool-box .svg-generator-tool-box-content{display:flex;flex-direction:column;box-sizing:border-box}.svg-generator-tool-box .svg-generator-tool-box-content .options{display:flex;flex-direction:column;padding:0 1em;box-sizing:border-box;gap:.5em}.svg-generator-tool-box .svg-generator-tool-box-content .options h3{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\";font-size:.8em}.svg-generator-tool-box .svg-generator-tool-box-content .form-radio{display:flex;flex-direction:column;gap:4px;padding:4px 0}.svg-generator-tool-box .svg-generator-tool-box-content .form-radio .form-radio__label{font-size:.75em;opacity:.7}.svg-generator-tool-box .svg-generator-tool-box-content .form-radio .form-radio__options{display:flex;gap:8px;flex-wrap:wrap}\n"], dependencies: [{ kind: "component", type: SectionComponent, selector: "m-section", inputs: ["variant", "maxWidth", "heightMode", "maxHeight", "height", "align", "size"], outputs: ["inView"] }, { kind: "component", type: SectionHeaderComponent, selector: "m-section-header", inputs: ["sticky", "level", "label", "subLabel", "noTranslate", "params", "reverse", "icon", "menu", "menuName", "visibilityRule", "disableRule", "extraData", "align", "showBack", "actionButton", "actionLabel", "spacing", "maxWidth"], outputs: ["actionClick", "action", "back"] }, { kind: "component", type: FormGroupComponent, selector: "m-form, m-one-form", inputs: ["data", "state", "validation", "options", "fieldConfigs", "aclResolver", "autofocus", "readonly", "fieldRenderIds", "elements", "templates", "datas", "label", "subtitle"], outputs: ["dataChange", "act", "stateChange"] }, { kind: "component", type: MenuComponent, selector: "m-menu", inputs: ["config", "file", "root", "url", "extra", "hide", "hideLink", "isAdmin", "visibilityRule", "disableRule", "extraData"], outputs: ["action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SvgGeneratorToolBoxComponent, decorators: [{
             type: Component,
@@ -31594,7 +31938,7 @@ class SvgGeneratorComponent {
         multiple: false,
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SvgGeneratorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SvgGeneratorComponent, isStandalone: true, selector: "m-svg-generator", inputs: { svg: { classPropertyName: "svg", publicName: "svg", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { svg: "svgChange" }, viewQueries: [{ propertyName: "preview", first: true, predicate: ["preview"], descendants: true }], ngImport: i0, template: "<div class=\"svg-generator\">\n  <div class=\"svg-generator-header\">\n    <div class=\"svg-generator-header-left\">\n      <m-header [level]=\"2\">{{ config()?.title | translate }}</m-header>\n      <div class=\"svg-image-upload\">\n        <m-button [config]=\"_uploadButtonConfig()\" (clicked)=\"saveSvg()\"></m-button>\n      </div>\n    </div>\n    <div class=\"svg-generator-tool-box\">\n      <m-button [config]=\"_toolBoxButtonConfig()\" [mSelector]=\"_selectorConfig()\"></m-button>\n    </div>\n  </div>\n  <div class=\"svg-image-container\">\n    <div #preview class=\"svg-image-preview\">\n      @if (svg()) {\n        <div class=\"svg-image-preview-content\">\n          <m-custom-icon-edit [svg]=\"_svgAsCustomIcon()\" (svgChange)=\"_onCustomIconChange($event)\"></m-custom-icon-edit>\n        </div>\n      } @else if (_currentImage()) {\n        <div class=\"main-image-preview-content\">\n          <m-img\n            [src]=\"_currentImage()?.src\"\n            [alt]=\"_currentImage()?.alt || (config()?.title | translate) || 'image'\"\n          />\n        </div>\n\n        <m-crop-area\n          [svg]=\"_rawSvg()\"\n          [config]=\"config()\"\n          [previewBoundary]=\"_previewBoundary()\"\n          [(cropAreaData)]=\"_cropAreaData\"\n        />\n      } @else {\n        <div class=\"svg-image-upload-content\" [mFileUpload]=\"_uploadConfig\" (fileSelect)=\"onFileSelect($event)\">\n          <m-icon name=\"add-image\"></m-icon>\n        </div>\n      }\n    </div>\n  </div>\n</div>\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)}}.svg-generator{width:100%;padding:1rem;box-sizing:border-box;border:1px solid var(--border-color);border-radius:.5em;display:flex;flex-direction:column;gap:1em}.svg-generator .svg-generator-header{display:flex;flex-direction:row;justify-content:space-between;gap:1rem;align-items:center;padding:.5em}.svg-generator .svg-generator-header .svg-generator-header-left{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:flex-start}.svg-generator .svg-generator-header .svg-generator-header-left h2{color:var(--mm-color)}.svg-generator .svg-image-container{display:flex;align-items:center;justify-content:center}.svg-generator .svg-image-container .svg-image-preview{position:relative;width:100%;border:1px solid var(--border-color);overflow:hidden}.svg-generator .svg-image-container .svg-image-preview .svg-image-upload-content{padding:3rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.svg-generator .svg-image-container .svg-image-preview .svg-image-upload-content mm-icon{width:5em;height:5em;object-fit:contain;transition:transform .3s ease-in-out}.svg-generator .svg-image-container .svg-image-preview .svg-image-upload-content mm-icon:hover{transform:scale(1.1);cursor:pointer}.svg-generator .svg-image-container .svg-image-preview .main-image-preview-content{width:100%;height:100%}.svg-generator .svg-image-container .svg-image-preview .main-image-preview-content img{width:100%;height:100%;object-fit:cover}\n"], dependencies: [{ kind: "directive", type: FileUploadDirective, selector: "[mFileUpload]", inputs: ["mFileUpload"], outputs: ["fileSelect"] }, { 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", "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"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: CustomIconEditComponent, selector: "m-custom-icon-edit", inputs: ["svg", "strokeColor", "fillColor"], outputs: ["svgChange"] }, { kind: "component", type: CropAreaComponent, selector: "m-crop-area", inputs: ["svg", "config", "previewBoundary", "cropAreaData", "delta"], outputs: ["cropAreaDataChange", "deltaChange"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate"], outputs: ["actionClick"] }, { kind: "component", type: ImgComponent, selector: "m-img", inputs: ["src", "data", "dataType", "alt", "priority", "fill", "width", "height", "remote", "ngSrcset", "sizes"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SvgGeneratorComponent, isStandalone: true, selector: "m-svg-generator", inputs: { svg: { classPropertyName: "svg", publicName: "svg", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { svg: "svgChange" }, viewQueries: [{ propertyName: "preview", first: true, predicate: ["preview"], descendants: true }], ngImport: i0, template: "<div class=\"svg-generator\">\n  <div class=\"svg-generator-header\">\n    <div class=\"svg-generator-header-left\">\n      <m-header [level]=\"2\">{{ config()?.title | translate }}</m-header>\n      <div class=\"svg-image-upload\">\n        <m-button [config]=\"_uploadButtonConfig()\" (clicked)=\"saveSvg()\"></m-button>\n      </div>\n    </div>\n    <div class=\"svg-generator-tool-box\">\n      <m-button [config]=\"_toolBoxButtonConfig()\" [mSelector]=\"_selectorConfig()\"></m-button>\n    </div>\n  </div>\n  <div class=\"svg-image-container\">\n    <div #preview class=\"svg-image-preview\">\n      @if (svg()) {\n        <div class=\"svg-image-preview-content\">\n          <m-custom-icon-edit [svg]=\"_svgAsCustomIcon()\" (svgChange)=\"_onCustomIconChange($event)\"></m-custom-icon-edit>\n        </div>\n      } @else if (_currentImage()) {\n        <div class=\"main-image-preview-content\">\n          <m-img\n            [src]=\"_currentImage()?.src\"\n            [alt]=\"_currentImage()?.alt || (config()?.title | translate) || 'image'\"\n          />\n        </div>\n\n        <m-crop-area\n          [svg]=\"_rawSvg()\"\n          [config]=\"config()\"\n          [previewBoundary]=\"_previewBoundary()\"\n          [(cropAreaData)]=\"_cropAreaData\"\n        />\n      } @else {\n        <div class=\"svg-image-upload-content\" [mFileUpload]=\"_uploadConfig\" (fileSelect)=\"onFileSelect($event)\">\n          <m-icon name=\"add-image\"></m-icon>\n        </div>\n      }\n    </div>\n  </div>\n</div>\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)}}.svg-generator{width:100%;padding:1rem;box-sizing:border-box;border:1px solid var(--border-color);border-radius:.5em;display:flex;flex-direction:column;gap:1em}.svg-generator .svg-generator-header{display:flex;flex-direction:row;justify-content:space-between;gap:1rem;align-items:center;padding:.5em}.svg-generator .svg-generator-header .svg-generator-header-left{display:flex;flex-direction:row;gap:1rem;align-items:center;justify-content:flex-start}.svg-generator .svg-generator-header .svg-generator-header-left h2{color:var(--mm-color)}.svg-generator .svg-image-container{display:flex;align-items:center;justify-content:center}.svg-generator .svg-image-container .svg-image-preview{position:relative;width:100%;border:1px solid var(--border-color);overflow:hidden}.svg-generator .svg-image-container .svg-image-preview .svg-image-upload-content{padding:3rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.svg-generator .svg-image-container .svg-image-preview .svg-image-upload-content mm-icon{width:5em;height:5em;object-fit:contain;transition:transform .3s ease-in-out}.svg-generator .svg-image-container .svg-image-preview .svg-image-upload-content mm-icon:hover{transform:scale(1.1);cursor:pointer}.svg-generator .svg-image-container .svg-image-preview .main-image-preview-content{width:100%;height:100%}.svg-generator .svg-image-container .svg-image-preview .main-image-preview-content img{width:100%;height:100%;object-fit:cover}\n"], dependencies: [{ kind: "directive", type: FileUploadDirective, selector: "[mFileUpload]", inputs: ["mFileUpload"], outputs: ["fileSelect"] }, { 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"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: CustomIconEditComponent, selector: "m-custom-icon-edit", inputs: ["svg", "strokeColor", "fillColor"], outputs: ["svgChange"] }, { kind: "component", type: CropAreaComponent, selector: "m-crop-area", inputs: ["svg", "config", "previewBoundary", "cropAreaData", "delta"], outputs: ["cropAreaDataChange", "deltaChange"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate", "params"], outputs: ["actionClick"] }, { kind: "component", type: ImgComponent, selector: "m-img", inputs: ["src", "data", "dataType", "alt", "priority", "fill", "width", "height", "remote", "ngSrcset", "sizes"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SvgGeneratorComponent, decorators: [{
             type: Component,
@@ -31651,7 +31995,7 @@ class SearchUserPanelComponent {
         this.modalStore.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SearchUserPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SearchUserPanelComponent, isStandalone: true, selector: "m-search-user-panel", inputs: { onUserSelected: { classPropertyName: "onUserSelected", publicName: "onUserSelected", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<m-section>\n  <m-col>\n    <div class=\"search-user-panel__form\">\n      <m-form name=\"user_search\" [one]=\"true\" (dataChange)=\"onSearchChange($event)\" (act)=\"onAct($event)\" />\n    </div>\n  </m-col>\n\n  @if (searched()) {\n    <div class=\"search-user-panel__results\">\n      @for (user of userStore.searchResults(); track user.id) {\n        <m-section-card\n          [margin]=\"true\"\n          [padding]=\"true\"\n          [attr.data-testid]=\"'user-result-' + user.id\"\n        >\n          <m-user [id]=\"user.id\">\n            <span class=\"search-user-panel__result-name\">{{ userName(user.id) }}</span>\n            <m-one-button name=\"select_user\" (clicked)=\"selectUser(user)\" />\n          </m-user>\n        </m-section-card>\n      } @empty {\n        <div class=\"search-user-panel__empty\">\n          <div class=\"search-user-panel__empty-icon\">\n            <m-icon name=\"user\" />\n          </div>\n          <p>{{ 'user-not-found' | translate }}</p>\n        </div>\n      }\n    </div>\n  } @else {\n    <div class=\"search-user-panel__prompt\">\n      <div class=\"search-user-panel__prompt-icon\">\n        <m-icon name=\"search\" />\n      </div>\n      <p>{{ 'search-user-prompt' | translate }}</p>\n    </div>\n  }\n</m-section>\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)}}.search-user-panel__form{padding:var(--section-header-py, .75rem) var(--section-px, 1rem);border-bottom:1px solid var(--m-backdrop-border)}.search-user-panel__results{grid-column:1/-1;overflow-y:auto;display:flex;flex-direction:column}.search-user-panel__results::-webkit-scrollbar{width:6px}.search-user-panel__results::-webkit-scrollbar-track{background:transparent}.search-user-panel__results::-webkit-scrollbar-thumb{background:var(--m-backdrop-border);border-radius:10px}.search-user-panel__results::-webkit-scrollbar-thumb:hover{background:var(--m-backdrop-glass)}.search-user-panel__empty,.search-user-panel__prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--m-text-secondary);gap:1.5rem;animation:fadeIn .6s ease-out}.search-user-panel__empty p,.search-user-panel__prompt p{font-size:1.125rem;font-weight:600;margin:0;max-width:300px;line-height:1.5}.search-user-panel__prompt{grid-column:1/-1}.search-user-panel__result-name{font-size:.75rem;color:var(--m-text-secondary)}.search-user-panel__empty-icon,.search-user-panel__prompt-icon{opacity:.15;color:var(--m-mm);filter:drop-shadow(0 8px 16px var(--m-backdrop-mm))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "component", type: FormGroupComponent, selector: "m-form, m-one-form", inputs: ["data", "state", "validation", "options", "fieldConfigs", "aclResolver", "autofocus", "readonly", "fieldRenderIds", "elements", "templates", "datas", "label", "subtitle"], outputs: ["dataChange", "act", "stateChange"] }, { kind: "component", type: UserComponent, selector: "m-user", inputs: ["id", "user", "firstName", "lastName", "profilePic"] }, { 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", "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: SectionComponent, selector: "m-section", inputs: ["variant", "maxWidth", "heightMode", "maxHeight", "height", "align", "size"], outputs: ["inView"] }, { kind: "component", type: SectionCardComponent, selector: "m-section-card", inputs: ["margin", "icon", "actionName", "menu", "menuName"], outputs: ["action"] }, { kind: "component", type: ColComponent, selector: "m-col", inputs: ["xs", "sm", "md", "lg", "xl", "xxl", "fullWidth", "fullHeight", "padding", "paddingX", "paddingY"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SearchUserPanelComponent, isStandalone: true, selector: "m-search-user-panel", inputs: { onUserSelected: { classPropertyName: "onUserSelected", publicName: "onUserSelected", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<m-section>\n  <m-col>\n    <div class=\"search-user-panel__form\">\n      <m-form name=\"user_search\" [one]=\"true\" (dataChange)=\"onSearchChange($event)\" (act)=\"onAct($event)\" />\n    </div>\n  </m-col>\n\n  @if (searched()) {\n    <div class=\"search-user-panel__results\">\n      @for (user of userStore.searchResults(); track user.id) {\n        <m-section-card\n          [margin]=\"true\"\n          [padding]=\"true\"\n          [attr.data-testid]=\"'user-result-' + user.id\"\n        >\n          <m-user [id]=\"user.id\">\n            <span class=\"search-user-panel__result-name\">{{ userName(user.id) }}</span>\n            <m-one-button name=\"select_user\" (clicked)=\"selectUser(user)\" />\n          </m-user>\n        </m-section-card>\n      } @empty {\n        <div class=\"search-user-panel__empty\">\n          <div class=\"search-user-panel__empty-icon\">\n            <m-icon name=\"user\" />\n          </div>\n          <p>{{ 'user-not-found' | translate }}</p>\n        </div>\n      }\n    </div>\n  } @else {\n    <div class=\"search-user-panel__prompt\">\n      <div class=\"search-user-panel__prompt-icon\">\n        <m-icon name=\"search\" />\n      </div>\n      <p>{{ 'search-user-prompt' | translate }}</p>\n    </div>\n  }\n</m-section>\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)}}.search-user-panel__form{padding:var(--section-header-py, .75rem) var(--section-px, 1rem);border-bottom:1px solid var(--m-backdrop-border)}.search-user-panel__results{grid-column:1/-1;overflow-y:auto;display:flex;flex-direction:column}.search-user-panel__results::-webkit-scrollbar{width:6px}.search-user-panel__results::-webkit-scrollbar-track{background:transparent}.search-user-panel__results::-webkit-scrollbar-thumb{background:var(--m-backdrop-border);border-radius:10px}.search-user-panel__results::-webkit-scrollbar-thumb:hover{background:var(--m-backdrop-glass)}.search-user-panel__empty,.search-user-panel__prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--m-text-secondary);gap:1.5rem;animation:fadeIn .6s ease-out}.search-user-panel__empty p,.search-user-panel__prompt p{font-size:1.125rem;font-weight:600;margin:0;max-width:300px;line-height:1.5}.search-user-panel__prompt{grid-column:1/-1}.search-user-panel__result-name{font-size:.75rem;color:var(--m-text-secondary)}.search-user-panel__empty-icon,.search-user-panel__prompt-icon{opacity:.15;color:var(--m-mm);filter:drop-shadow(0 8px 16px var(--m-backdrop-mm))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "component", type: FormGroupComponent, selector: "m-form, m-one-form", inputs: ["data", "state", "validation", "options", "fieldConfigs", "aclResolver", "autofocus", "readonly", "fieldRenderIds", "elements", "templates", "datas", "label", "subtitle"], outputs: ["dataChange", "act", "stateChange"] }, { kind: "component", type: UserComponent, selector: "m-user", inputs: ["id", "user", "firstName", "lastName", "profilePic"] }, { 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: SectionComponent, selector: "m-section", inputs: ["variant", "maxWidth", "heightMode", "maxHeight", "height", "align", "size"], outputs: ["inView"] }, { kind: "component", type: SectionCardComponent, selector: "m-section-card", inputs: ["margin", "icon", "actionName", "menu", "menuName"], outputs: ["action"] }, { kind: "component", type: ColComponent, selector: "m-col", inputs: ["xs", "sm", "md", "lg", "xl", "xxl", "fullWidth", "fullHeight", "padding", "paddingX", "paddingY"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SearchUserPanelComponent, decorators: [{
             type: Component,
@@ -31921,7 +32265,7 @@ class CommentEditModalComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CommentEditModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: CommentEditModalComponent, isStandalone: true, selector: "m-comment-edit", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"comment-edit\">\n  <m-header [level]=\"3\">{{ 'edit-comment' | translate }}</m-header>\n  <div class=\"comment-edit__content\">\n    <m-textarea-input name=\"comment_edit_textarea\" [(value)]=\"editDraft\" />\n  </div>\n  <div class=\"comment-edit__actions\">\n    <m-button-group\n      name=\"comment_edit_actions\"\n      [buttons]=\"{ comment_save: { disabled: saveDisabled() } }\"\n      (clicked)=\"onAction($event)\"\n    />\n  </div>\n</div>\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)}}.comment-edit{display:flex;flex-direction:column;min-width:320px;max-width:480px;width:90vw;padding:3rem;gap:1.5rem}.comment-edit__title{font-size:1.15rem;font-weight:700;color:var(--m-text);margin:0}.comment-edit__content{width:100%}.comment-edit__actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem}\n"], dependencies: [{ kind: "component", type: TextareaInputComponent, selector: "m-textarea-input" }, { kind: "component", type: ButtonGroupComponent, selector: "m-button-group, m-one-button-group", inputs: ["buttons", "names", "exclude", "vertical", "size"], outputs: ["clicked"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate"], outputs: ["actionClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: CommentEditModalComponent, isStandalone: true, selector: "m-comment-edit", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"comment-edit\">\n  <m-header [level]=\"3\">{{ 'edit-comment' | translate }}</m-header>\n  <div class=\"comment-edit__content\">\n    <m-textarea-input name=\"comment_edit_textarea\" [(value)]=\"editDraft\" />\n  </div>\n  <div class=\"comment-edit__actions\">\n    <m-button-group\n      name=\"comment_edit_actions\"\n      [buttons]=\"{ comment_save: { disabled: saveDisabled() } }\"\n      (clicked)=\"onAction($event)\"\n    />\n  </div>\n</div>\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)}}.comment-edit{display:flex;flex-direction:column;min-width:320px;max-width:480px;width:90vw;padding:3rem;gap:1.5rem}.comment-edit__title{font-size:1.15rem;font-weight:700;color:var(--m-text);margin:0}.comment-edit__content{width:100%}.comment-edit__actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem}\n"], dependencies: [{ kind: "component", type: TextareaInputComponent, selector: "m-textarea-input" }, { kind: "component", type: ButtonGroupComponent, selector: "m-button-group, m-one-button-group", inputs: ["buttons", "names", "exclude", "vertical", "size"], outputs: ["clicked"] }, { kind: "component", type: HeaderComponent$1, selector: "m-header", inputs: ["level", "label", "actionButton", "actionLabel", "noTranslate", "params"], outputs: ["actionClick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CommentEditModalComponent, decorators: [{
             type: Component,
@@ -31995,7 +32339,7 @@ class CommentItemComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CommentItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CommentItemComponent, isStandalone: true, selector: "m-comment-item", inputs: { comment: { classPropertyName: "comment", publicName: "comment", isSignal: true, isRequired: true, transformFunction: null }, showReplies: { classPropertyName: "showReplies", publicName: "showReplies", isSignal: true, isRequired: false, transformFunction: null }, isReplying: { classPropertyName: "isReplying", publicName: "isReplying", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { reply: "reply", cancelReply: "cancelReply", toggleReplies: "toggleReplies", deleted: "deleted" }, ngImport: i0, template: "<m-user [id]=\"comment().uid\">\n  <p class=\"comment-item__text\">{{ comment().text }}</p>\n\n  <div class=\"comment-item__actions\">\n    <span class=\"comment-item__date\">{{ comment().date | date: 'shortTime' }}</span>\n\n    <m-button name=\"reply\" (clicked)=\"reply.emit(comment().id)\" />\n\n    <div class=\"comment-item__menu-container\">\n      @if (isAuthor()) {\n        <m-one-context-menu name=\"comment_actions\" (action)=\"onMenuAction($event)\" />\n      }\n    </div>\n  </div>\n\n  @if (comment().replyCount > 0) {\n    <m-button\n      [name]=\"showReplies() ? 'hide-replies' : 'view-replies'\"\n      (clicked)=\"toggleReplies.emit()\"\n    />\n  }\n\n  @if (isReplying()) {\n    <div class=\"comment-item__reply-compose\">\n      <m-textarea-input [config]=\"replyConfig\" [(value)]=\"replyDraft\" [disabled]=\"submitting\" />\n      <div class=\"comment-item__reply-actions-wrapper\">\n        <m-one-button-group\n          name=\"reply_actions\"\n          [buttons]=\"{\n            post: { disabled: !replyDraft().trim() || submitting },\n          }\"\n          (clicked)=\"onReplyAction($event)\"\n        />\n      </div>\n    </div>\n  }\n\n  @if (showReplies()) {\n    <div class=\"comment-item__nested\">\n      <m-comments [id]=\"comment().id\" [isNested]=\"true\" />\n    </div>\n  }\n</m-user>\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)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-right{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.comment-item{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fade-in .5s cubic-bezier(.16,1,.3,1)}.comment-item__text{margin:.25rem 0 .5rem;font-size:.95rem;line-height:1.6;color:var(--m-text);font-weight:400;word-break:break-word;animation:slide-right .6s cubic-bezier(.16,1,.3,1)}.comment-item__actions{display:flex;align-items:center;gap:1.5rem;margin-top:.25rem}.comment-item__date{color:var(--m-text-tertiary);font-size:.75rem;font-weight:500;letter-spacing:.01em}.comment-item__reply-compose{margin-top:1rem;margin-bottom:.5rem;display:flex;flex-direction:column;gap:1rem;background:color-mix(in srgb,var(--m-border) 15%,transparent);border:1px solid color-mix(in srgb,var(--m-border) 30%,transparent);border-radius:20px;padding:1rem;box-shadow:0 8px 32px #00000005,0 2px 8px #00000003;transition:all .4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;animation:slide-up .6s cubic-bezier(.16,1,.3,1)}.comment-item__reply-compose:focus-within{border-color:color-mix(in srgb,var(--m-mm) 50%,transparent);background:color-mix(in srgb,var(--m-border) 10%,transparent);box-shadow:0 12px 40px #0000000a}.comment-item__reply-compose .m-textarea-input{--m-textarea-input-background: transparent;--m-textarea-input-border: none;--m-textarea-input-padding: 0;--m-textarea-input-shadow: none;width:100%}.comment-item__reply-compose .m-textarea-input textarea{width:100%;font-size:.9rem;color:var(--m-text);min-height:60px;resize:none;line-height:1.5}.comment-item__reply-compose .m-textarea-input textarea::placeholder{color:var(--m-text-tertiary)}.comment-item__reply-actions-wrapper{display:flex;align-items:center;justify-content:flex-end;align-self:flex-end;width:100%;transition:all .3s ease}.comment-item__nested{margin-top:.25rem;margin-left:1rem;padding:0;border-left:2px solid color-mix(in srgb,var(--m-mm) 10%,transparent);transition:border-color .3s;animation:fade-in .5s ease-out}.comment-item__nested:hover{border-left-color:color-mix(in srgb,var(--m-mm) 30%,transparent)}.comment-item__nested .comments{padding:0;background:transparent;box-shadow:none;border-radius:0;gap:1rem}.comment-item__nested .comments .comments__compose{margin-top:.5rem;padding:1rem;border-radius:.375rem}.comment-item__menu-container{position:relative;display:inline-flex;margin-left:auto}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(() => UserComponent), selector: "m-user", inputs: ["id", "user", "firstName", "lastName", "profilePic"] }, { kind: "component", type: i0.forwardRef(() => TextareaInputComponent), selector: "m-textarea-input" }, { kind: "component", type: i0.forwardRef(() => ButtonGroupComponent), selector: "m-button-group, m-one-button-group", inputs: ["buttons", "names", "exclude", "vertical", "size"], outputs: ["clicked"] }, { 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: i0.forwardRef(() => ContextMenuComponent), selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted"], outputs: ["toggleChange", "action"] }, { kind: "component", type: i0.forwardRef(() => CommentsComponent), selector: "m-comments", inputs: ["id", "isNested"] }, { kind: "pipe", type: i0.forwardRef(() => DatePipe), name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CommentItemComponent, isStandalone: true, selector: "m-comment-item", inputs: { comment: { classPropertyName: "comment", publicName: "comment", isSignal: true, isRequired: true, transformFunction: null }, showReplies: { classPropertyName: "showReplies", publicName: "showReplies", isSignal: true, isRequired: false, transformFunction: null }, isReplying: { classPropertyName: "isReplying", publicName: "isReplying", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { reply: "reply", cancelReply: "cancelReply", toggleReplies: "toggleReplies", deleted: "deleted" }, ngImport: i0, template: "<m-user [id]=\"comment().uid\">\n  <p class=\"comment-item__text\">{{ comment().text }}</p>\n\n  <div class=\"comment-item__actions\">\n    <span class=\"comment-item__date\">{{ comment().date | date: 'shortTime' }}</span>\n\n    <m-button name=\"reply\" (clicked)=\"reply.emit(comment().id)\" />\n\n    <div class=\"comment-item__menu-container\">\n      @if (isAuthor()) {\n        <m-one-context-menu name=\"comment_actions\" (action)=\"onMenuAction($event)\" />\n      }\n    </div>\n  </div>\n\n  @if (comment().replyCount > 0) {\n    <m-button\n      [name]=\"showReplies() ? 'hide-replies' : 'view-replies'\"\n      (clicked)=\"toggleReplies.emit()\"\n    />\n  }\n\n  @if (isReplying()) {\n    <div class=\"comment-item__reply-compose\">\n      <m-textarea-input [config]=\"replyConfig\" [(value)]=\"replyDraft\" [disabled]=\"submitting\" />\n      <div class=\"comment-item__reply-actions-wrapper\">\n        <m-one-button-group\n          name=\"reply_actions\"\n          [buttons]=\"{\n            post: { disabled: !replyDraft().trim() || submitting },\n          }\"\n          (clicked)=\"onReplyAction($event)\"\n        />\n      </div>\n    </div>\n  }\n\n  @if (showReplies()) {\n    <div class=\"comment-item__nested\">\n      <m-comments [id]=\"comment().id\" [isNested]=\"true\" />\n    </div>\n  }\n</m-user>\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)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-right{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.comment-item{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fade-in .5s cubic-bezier(.16,1,.3,1)}.comment-item__text{margin:.25rem 0 .5rem;font-size:.95rem;line-height:1.6;color:var(--m-text);font-weight:400;word-break:break-word;animation:slide-right .6s cubic-bezier(.16,1,.3,1)}.comment-item__actions{display:flex;align-items:center;gap:1.5rem;margin-top:.25rem}.comment-item__date{color:var(--m-text-tertiary);font-size:.75rem;font-weight:500;letter-spacing:.01em}.comment-item__reply-compose{margin-top:1rem;margin-bottom:.5rem;display:flex;flex-direction:column;gap:1rem;background:color-mix(in srgb,var(--m-border) 15%,transparent);border:1px solid color-mix(in srgb,var(--m-border) 30%,transparent);border-radius:20px;padding:1rem;box-shadow:0 8px 32px #00000005,0 2px 8px #00000003;transition:all .4s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;animation:slide-up .6s cubic-bezier(.16,1,.3,1)}.comment-item__reply-compose:focus-within{border-color:color-mix(in srgb,var(--m-mm) 50%,transparent);background:color-mix(in srgb,var(--m-border) 10%,transparent);box-shadow:0 12px 40px #0000000a}.comment-item__reply-compose .m-textarea-input{--m-textarea-input-background: transparent;--m-textarea-input-border: none;--m-textarea-input-padding: 0;--m-textarea-input-shadow: none;width:100%}.comment-item__reply-compose .m-textarea-input textarea{width:100%;font-size:.9rem;color:var(--m-text);min-height:60px;resize:none;line-height:1.5}.comment-item__reply-compose .m-textarea-input textarea::placeholder{color:var(--m-text-tertiary)}.comment-item__reply-actions-wrapper{display:flex;align-items:center;justify-content:flex-end;align-self:flex-end;width:100%;transition:all .3s ease}.comment-item__nested{margin-top:.25rem;margin-left:1rem;padding:0;border-left:2px solid color-mix(in srgb,var(--m-mm) 10%,transparent);transition:border-color .3s;animation:fade-in .5s ease-out}.comment-item__nested:hover{border-left-color:color-mix(in srgb,var(--m-mm) 30%,transparent)}.comment-item__nested .comments{padding:0;background:transparent;box-shadow:none;border-radius:0;gap:1rem}.comment-item__nested .comments .comments__compose{margin-top:.5rem;padding:1rem;border-radius:.375rem}.comment-item__menu-container{position:relative;display:inline-flex;margin-left:auto}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(() => UserComponent), selector: "m-user", inputs: ["id", "user", "firstName", "lastName", "profilePic"] }, { kind: "component", type: i0.forwardRef(() => TextareaInputComponent), selector: "m-textarea-input" }, { kind: "component", type: i0.forwardRef(() => ButtonGroupComponent), selector: "m-button-group, m-one-button-group", inputs: ["buttons", "names", "exclude", "vertical", "size"], outputs: ["clicked"] }, { 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"] }, { kind: "component", type: i0.forwardRef(() => ContextMenuComponent), selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted"], outputs: ["toggleChange", "action"] }, { kind: "component", type: i0.forwardRef(() => CommentsComponent), selector: "m-comments", inputs: ["id", "isNested"] }, { kind: "pipe", type: i0.forwardRef(() => DatePipe), name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CommentItemComponent, decorators: [{
             type: Component,
@@ -32059,7 +32403,7 @@ class CommentsComponent {
         this.store.removeComment(this.id(), commentId);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CommentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CommentsComponent, isStandalone: true, selector: "m-comments", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, isNested: { classPropertyName: "isNested", publicName: "isNested", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"comments\">\n  <!-- \u2500\u2500 Compose box \u2500\u2500 -->\n  <div class=\"comments__compose\">\n    <m-textarea-input [config]=\"textareaConfig\" [(value)]=\"draft\" [disabled]=\"submitting()\" />\n    <div class=\"comments__toolbar\">\n      <m-one-button name=\"post\" [disabled]=\"!draft().trim() || submitting()\" (clicked)=\"submit()\" />\n    </div>\n  </div>\n\n  <!-- \u2500\u2500 Items list \u2500\u2500 -->\n  @if (loading()) {\n    <div class=\"comments__loading\">{{ 'loading' | translate }}</div>\n  } @else if (items().length) {\n    <div class=\"comments__list\">\n      @for (item of items(); track item.kind === 'comment' ? item.id : 'cursor_' + item.token) {\n        @if (item.kind === 'comment') {\n          <m-comment-item\n            [comment]=\"item\"\n            [showReplies]=\"expandedId() === item.id\"\n            [isReplying]=\"replyingToId() === item.id\"\n            (reply)=\"onReply($event)\"\n            (cancelReply)=\"cancelReply()\"\n            (toggleReplies)=\"onToggleReplies(item.id)\"\n            (deleted)=\"onDelete($event)\"\n          />\n        } @else {\n          <div class=\"comments__load-more-wrapper\">\n            <m-button\n              [config]=\"store.isExpanding(item.token) ? { icon: 'reset' } : { label: 'load-more-comments' }\"\n              [disabled]=\"store.isExpanding(item.token)\"\n              (clicked)=\"expand(item.token)\"\n            />\n          </div>\n        }\n      }\n    </div>\n  }\n</div>\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)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 12px #4169e14d}50%{transform:scale(.92);box-shadow:0 2px 6px #4169e133}to{transform:scale(1);box-shadow:0 4px 12px #4169e14d}}.comments{display:flex;flex-direction:column;gap:1.5rem;width:100%}.comments__list{display:flex;flex-direction:column;gap:1.5rem}.comments__loading{text-align:center;color:var(--m-text-tertiary);font-size:.85rem;font-weight:500;letter-spacing:.02em;position:relative;overflow:hidden}.comments__loading:after{content:\"\";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--m-mm) 5%,transparent),transparent);animation:shimmer 2s infinite}.comments__compose{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;position:relative}.comments__compose .m-textarea-input{--m-textarea-input-background: transparent;--m-textarea-input-border: none;--m-textarea-input-padding: 0;--m-textarea-input-shadow: none;width:100%}.comments__compose .m-textarea-input textarea{width:100%;font-size:.95rem;color:var(--m-text);min-height:80px;resize:none;line-height:1.6}.comments__compose .m-textarea-input textarea::placeholder{color:var(--m-text-tertiary);opacity:.7}.comments__toolbar{display:flex;align-items:center;justify-content:flex-end;width:100%;transition:all .3s ease}.comments__load-more-wrapper{width:100%;padding:1rem;background:color-mix(in srgb,var(--m-border) 20%,transparent);border:1px solid var(--m-border);border-radius:.375rem;color:var(--m-text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.comments__load-more-wrapper .m-button{padding:0;font-size:inherit;background:transparent}.comments__load-more-wrapper:hover:not([disabled]){background:var(--m-frame);border-color:var(--m-mm);color:var(--m-mm);box-shadow:0 4px 12px #0000000d}.comments__load-more-wrapper[disabled]{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: CommentItemComponent, selector: "m-comment-item", inputs: ["comment", "showReplies", "isReplying"], outputs: ["reply", "cancelReply", "toggleReplies", "deleted"] }, { kind: "component", type: TextareaInputComponent, selector: "m-textarea-input" }, { 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", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CommentsComponent, isStandalone: true, selector: "m-comments", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, isNested: { classPropertyName: "isNested", publicName: "isNested", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"comments\">\n  <!-- \u2500\u2500 Compose box \u2500\u2500 -->\n  <div class=\"comments__compose\">\n    <m-textarea-input [config]=\"textareaConfig\" [(value)]=\"draft\" [disabled]=\"submitting()\" />\n    <div class=\"comments__toolbar\">\n      <m-one-button name=\"post\" [disabled]=\"!draft().trim() || submitting()\" (clicked)=\"submit()\" />\n    </div>\n  </div>\n\n  <!-- \u2500\u2500 Items list \u2500\u2500 -->\n  @if (loading()) {\n    <div class=\"comments__loading\">{{ 'loading' | translate }}</div>\n  } @else if (items().length) {\n    <div class=\"comments__list\">\n      @for (item of items(); track item.kind === 'comment' ? item.id : 'cursor_' + item.token) {\n        @if (item.kind === 'comment') {\n          <m-comment-item\n            [comment]=\"item\"\n            [showReplies]=\"expandedId() === item.id\"\n            [isReplying]=\"replyingToId() === item.id\"\n            (reply)=\"onReply($event)\"\n            (cancelReply)=\"cancelReply()\"\n            (toggleReplies)=\"onToggleReplies(item.id)\"\n            (deleted)=\"onDelete($event)\"\n          />\n        } @else {\n          <div class=\"comments__load-more-wrapper\">\n            <m-button\n              [config]=\"store.isExpanding(item.token) ? { icon: 'reset' } : { label: 'load-more-comments' }\"\n              [disabled]=\"store.isExpanding(item.token)\"\n              (clicked)=\"expand(item.token)\"\n            />\n          </div>\n        }\n      }\n    </div>\n  }\n</div>\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)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 12px #4169e14d}50%{transform:scale(.92);box-shadow:0 2px 6px #4169e133}to{transform:scale(1);box-shadow:0 4px 12px #4169e14d}}.comments{display:flex;flex-direction:column;gap:1.5rem;width:100%}.comments__list{display:flex;flex-direction:column;gap:1.5rem}.comments__loading{text-align:center;color:var(--m-text-tertiary);font-size:.85rem;font-weight:500;letter-spacing:.02em;position:relative;overflow:hidden}.comments__loading:after{content:\"\";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--m-mm) 5%,transparent),transparent);animation:shimmer 2s infinite}.comments__compose{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;position:relative}.comments__compose .m-textarea-input{--m-textarea-input-background: transparent;--m-textarea-input-border: none;--m-textarea-input-padding: 0;--m-textarea-input-shadow: none;width:100%}.comments__compose .m-textarea-input textarea{width:100%;font-size:.95rem;color:var(--m-text);min-height:80px;resize:none;line-height:1.6}.comments__compose .m-textarea-input textarea::placeholder{color:var(--m-text-tertiary);opacity:.7}.comments__toolbar{display:flex;align-items:center;justify-content:flex-end;width:100%;transition:all .3s ease}.comments__load-more-wrapper{width:100%;padding:1rem;background:color-mix(in srgb,var(--m-border) 20%,transparent);border:1px solid var(--m-border);border-radius:.375rem;color:var(--m-text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.comments__load-more-wrapper .m-button{padding:0;font-size:inherit;background:transparent}.comments__load-more-wrapper:hover:not([disabled]){background:var(--m-frame);border-color:var(--m-mm);color:var(--m-mm);box-shadow:0 4px 12px #0000000d}.comments__load-more-wrapper[disabled]{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: CommentItemComponent, selector: "m-comment-item", inputs: ["comment", "showReplies", "isReplying"], outputs: ["reply", "cancelReply", "toggleReplies", "deleted"] }, { kind: "component", type: TextareaInputComponent, selector: "m-textarea-input" }, { 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, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CommentsComponent, decorators: [{
             type: Component,
@@ -32235,5 +32579,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { DateInputComponent as $, ACCESS_DOMAINS as A, BaseInputComponent as B, COMPONENT_INPUT_REGISTRY as C, CardComponent as D, CardWrapperComponent as E, CarouselComponent as F, ChartComponent as G, CheckboxInputComponent as H, IS_DESIGN_MODE as I, ClearableInputComponent as J, ColComponent as K, LabelComponent as L, ColorPickerInputComponent as M, CommentItemComponent as N, CommentsApiService as O, CommentsComponent as P, CommentsStore as Q, ComponentInputComponent as R, ComponentStepperComponent as S, TranslatePipe as T, ConfigComponent as U, ConfirmComponent as V, ContextMenuComponent as W, CustomIconClass as X, CustomIconEditComponent as Y, DEFAULT_SIZE as Z, DashboardCardComponent as _, BaseTextInputComponent as a, NavComponent as a$, DatePickerComponent as a0, DeviceService as a1, DomService as a2, Domain as a3, DotGridComponent as a4, DragListDirective as a5, DragListItemDirective as a6, DraggableDirective as a7, DropdownInputComponent as a8, FLEX_VARIANTS as a9, LOGIN_STORE as aA, LanguageComponent as aB, LogoComponent as aC, MAG_SOCKET_EVENT as aD, MHeroColorDirective as aE, MHeroComponent as aF, MODAL_REF as aG, MODAL_STORE_REF as aH, MRefDirective as aI, MStepComponent as aJ, MURL_PARAM as aK, MURL_SEP as aL, ManifestEnrichmentService as aM, MenuComponent as aN, ModalDirective as aO, ModalRef as aP, ModalStore as aQ, MoneyPipe as aR, MultiRangeInputComponent as aS, MurlUrlSerializer as aT, NAV_DEFAULT_MURL as aU, NAV_ID_SEP as aV, NAV_MAIN_BUTTONS as aW, NAV_SEGMENT_RE as aX, NAV_STORE_REF as aY, NAV_WC_COMPONENTS as aZ, NAV_WIDGET_MAP as a_, FOLDER_PICK_LISTENER as aa, FORM_ASSET_FOLDER as ab, FileService as ac, FileUploadDirective as ad, FileUploadInputComponent as ae, FlexComponent as af, FlexItemComponent as ag, FormGroupComponent as ah, FrameComponent as ai, FreezeService as aj, GRID_BREAKPOINTS as ak, GetNavService as al, HeaderComponent$1 as am, HighlightDirective as an, HttpService as ao, ICON_SOURCE as ap, IS_SIDE_PANEL as aq, IconComponent as ar, ImgComponent as as, InputType as at, InstrumentScoreComponent as au, InterceptorObservables as av, JumbotronComponent as aw, KeyValueComponent as ax, LAYOUT_ASSET_FOLDER as ay, LOGIN_COMPONENT as az, TextOutputComponent as b, SectionFooterComponent as b$, NavDetailsComponent as b0, NavHeaderComponent as b1, NavMenuComponent as b2, NavStore as b3, NavTrailComponent as b4, NothingComponent as b5, NotificationElementComponent as b6, NotificationGroupComponent as b7, NotificationPopupComponent as b8, NotificationService as b9, ReactiveElementComponent as bA, RemoteComponent as bB, RemoteLoaderService as bC, ResizeElementComponent as bD, RouteContainer as bE, RowComponent as bF, SEARCH_QUERY as bG, SEARCH_RESULTS_EVENT as bH, SECTION_ACCORDION_GROUP as bI, SECTION_FORM_CONTEXT as bJ, SHARED_ICONS as bK, SIZE_CONTEXT as bL, ScoreComponent as bM, ScrollComponent as bN, ScrollService as bO, SearchPanelComponent as bP, SearchStore as bQ, SearchUserPanelComponent as bR, SectionAccordionDirective as bS, SectionAccordionGroupDirective as bT, SectionBackComponent as bU, SectionBadgesComponent as bV, SectionButtonGroupComponent as bW, SectionCardComponent as bX, SectionCarouselComponent as bY, SectionComponent as bZ, SectionFilterComponent as b_, NotificationStore as ba, NotificationType as bb, NotificationWidgetComponent as bc, ONE_ASSET_BASE_URL as bd, OPTIONS_SOURCE as be, OVERLAY_WIDGETS as bf, OneApp as bg, OptionsSourceDirective as bh, OverlayBodyComponent as bi, OverlayRef as bj, OverlayService as bk, PLATFORM_BUTTON_NAV_IDS as bl, PLATFORM_EXTENSIBLE_NAV_IDS as bm, PLATFORM_NAV_MAP as bn, PLATFORM_ROOT_CHILDREN as bo, PaginationComponent as bp, PanelComponent as bq, PercentagePipe as br, PlaygroundComponent as bs, PositionDirective as bt, PwaInstallComponent as bu, ROOT_NAV$1 as bv, RadioGroupComponent as bw, RadioInputComponent as bx, RangeInputComponent as by, RatingInputComponent as bz, ButtonComponent as c, WIN_USER_TAB_KEY as c$, SectionFormComponent as c0, SectionFormItemComponent as c1, SectionHeaderComponent as c2, SectionHeroComponent as c3, SectionSearchComponent as c4, SectionStepperComponent as c5, SectionTabsComponent as c6, SectionToggleComponent as c7, SectionToggleItemDirective as c8, SelectableCardInputComponent as c9, ThemeComponent as cA, ThemeDataService as cB, ThemeService as cC, ThemeStore as cD, TimeAgoPipe as cE, TimelineComponent as cF, ToggleButtonComponent as cG, ToggleInputComponent as cH, ToggleRadioInputComponent as cI, ToolTipDirective as cJ, TooltipComponent as cK, TranslateService as cL, TreeGridComponent as cM, URL_SEP as cN, USER_STORE_REF as cO, USER_TAB_MAP as cP, UlComponent as cQ, UniverseComponent as cR, UserApiService as cS, UserAvatarComponent as cT, UserComponent as cU, UserNavComponent as cV, UserSettingsComponent as cW, UserStore as cX, WC_ROUTE_CHANGED_EVENT as cY, WC_SEARCH_GROUPS as cZ, WIN_USER_TAB_HOOK as c_, SelectorDirective as ca, SettingsSearchBarComponent as cb, SettingsSearchService as cc, ShapeComponent as cd, SharedStoreRegistry as ce, SidePanelDirective as cf, Size as cg, SocketStore as ch, SortComponent as ci, StatComponent as cj, StepComponent as ck, StepperComponent as cl, StepsComponent as cm, StorageService as cn, StrokeLinecap as co, StrokeLinejoin as cp, SummaryComponent as cq, SvgGeneratorComponent as cr, SvgGeneratorService as cs, SvgService as ct, TOTAL_COLUMNS as cu, TRANSLATION_SOURCE as cv, TableComponent as cw, TechnicalMeterComponent as cx, TextInputComponent as cy, TextareaInputComponent as cz, APP_CONTEXT_REF as d, linkToId as d$, WatermarkComponent as d0, WcRouterStore as d1, WrapperInputComponent as d2, anchorNavId as d3, applyColorsToElement as d4, bootstrapMagApp as d5, bootstrapPwaInstall as d6, buildWcBaseUrl as d7, calculateLuminance as d8, calculateRanks as d9, getTreeGridRow as dA, getUniqueId as dB, getValue as dC, hasErrorComputed as dD, hexToRgb as dE, hslToRgb$1 as dF, initMagmoniumApp as dG, initialNotificationState as dH, initialState$2 as dI, initials as dJ, injectAuthenticate as dK, injectInstallApp as dL, injectParentSize as dM, injectScrollSticky as dN, isButtonName as dO, isCancelledComputed as dP, isExtensiblePlatformNavId as dQ, isJson as dR, isLoadingComputed as dS, isLocalhost as dT, isPlatformNavId as dU, isSize as dV, isTierPreview as dW, isUrlLocalhost as dX, isValidNavId as dY, isValidNavSegment as dZ, isWebComponent as d_, 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 dp, evaluateBool as dq, flattenTreeGridRows as dr, formatBadgeCount as ds, fullName as dt, generateClipPath as du, generateTransform as dv, getClassList as dw, getProperty as dx, getScrollParent as dy, getTierFromPreviewPath as dz, ASSET_BASE_URL as e, toAttrNumber as e$, linkToNav as e0, loadingActions as e1, mInterceptor as e2, manualValidation as e3, matchFieldValidation as e4, maxLengthValidation as e5, maxValidation as e6, mergePlatformNav as e7, mergeUnique as e8, mergeUniqueBy as e9, provideNavWidgets as eA, provideOverlayWidgets as eB, providePlatformNavWidgets as eC, provideSearch as eD, provideSizeContext as eE, provideUserTabs as eF, publicGuard as eG, readFieldPatterns as eH, renderAddress as eI, requiredValidation as eJ, resolveConfigAsset as eK, resolveIconSize as eL, resolvePallet as eM, resolvePatternRules as eN, resolveSize as eO, rgbToHex as eP, rgbToHsl as eQ, rowHasChildren as eR, samePatterns as eS, segmentsToNavId as eT, setProperty as eU, setTreeGridChildren as eV, settingsWidgets as eW, shouldShowBadge as eX, splitNavId as eY, stringToColor as eZ, toAttrBool as e_, mergeUniqueWith as ea, minAgeValidation as eb, minLengthValidation as ec, minValidation as ed, miniMarkToHtml as ee, navIdChain as ef, navIdFor as eg, navIdSegment as eh, navIdToRoutePath as ei, navIdToSegments as ej, navToId as ek, parentNavId as el, parseAddress as em, parseColor as en, parsePatternNames as eo, patternValidation as ep, patternsValidation as eq, platformNavWidgets as er, privateGuard as es, processImageToSvg as et, provideAppContext as eu, provideMagAppConfig as ev, provideMagWcConfig as ew, provideMagWcRoutes as ex, provideModalComponents as ey, provideMurlUrlSerializer as ez, AccordionBodyDirective as f, toCssLength as f0, toHostNavId as f1, toLength$1 as f2, toLocalNavId as f3, toggleTreeGridRow as f4, unfetchedPlatformNav as f5, urlValidation as f6, AccordionComponent as g, AccordionGroupComponent as h, ActionComponent as i, AnimatedGraphsComponent as j, AppCardComponent as k, AppRelationType as l, AppTileComponent as m, AssetStore as n, AssetUrlPipe as o, Assets as p, AuthActivityPageComponent as q, AuthApiService as r, AuthStore as s, AutosizeDirective as t, BadgeComponent as u, BandingComponent as v, BaseArrayInputComponent as w, BaseRootWebComponent as x, BaseWebComponent as y, ButtonGroupComponent as z };
-//# sourceMappingURL=magmonium-one-magmonium-one-C9birwqJ.mjs.map
+export { DateInputComponent as $, ACCESS_DOMAINS as A, BaseInputComponent as B, COMPONENT_INPUT_REGISTRY as C, CardComponent as D, CardWrapperComponent as E, CarouselComponent as F, ChartComponent as G, CheckboxInputComponent as H, IS_DESIGN_MODE as I, ClearableInputComponent as J, ColComponent as K, LabelComponent as L, ColorPickerInputComponent as M, CommentItemComponent as N, CommentsApiService as O, CommentsComponent as P, CommentsStore as Q, ComponentInputComponent as R, ComponentStepperComponent as S, TranslatePipe as T, ConfigComponent as U, ConfirmComponent as V, ContextMenuComponent as W, CustomIconClass as X, CustomIconEditComponent as Y, DEFAULT_SIZE as Z, DashboardCardComponent as _, BaseTextInputComponent as a, NAV_WIDGET_MAP as a$, DatePickerComponent as a0, DeviceService as a1, DomService as a2, Domain as a3, DotGridComponent as a4, DragListDirective as a5, DragListItemDirective as a6, DraggableDirective as a7, DropdownInputComponent as a8, FILTER_GROUP_CONTEXT as a9, LOGIN_COMPONENT as aA, LOGIN_STORE as aB, LanguageComponent as aC, LogoComponent as aD, MAG_SOCKET_EVENT as aE, MHeroColorDirective as aF, MHeroComponent as aG, MODAL_REF as aH, MODAL_STORE_REF as aI, MRefDirective as aJ, MStepComponent as aK, MURL_PARAM as aL, MURL_SEP as aM, ManifestEnrichmentService as aN, MenuComponent as aO, ModalDirective as aP, ModalRef as aQ, ModalStore as aR, MoneyPipe as aS, MultiRangeInputComponent as aT, MurlUrlSerializer as aU, NAV_DEFAULT_MURL as aV, NAV_ID_SEP as aW, NAV_MAIN_BUTTONS as aX, NAV_SEGMENT_RE as aY, NAV_STORE_REF as aZ, NAV_WC_COMPONENTS as a_, FLEX_VARIANTS as aa, FOLDER_PICK_LISTENER as ab, FORM_ASSET_FOLDER as ac, FileService as ad, FileUploadDirective as ae, FileUploadInputComponent as af, FlexComponent as ag, FlexItemComponent as ah, FormGroupComponent as ai, FrameComponent as aj, FreezeService as ak, GRID_BREAKPOINTS as al, GetNavService as am, HeaderComponent$1 as an, HighlightDirective as ao, HttpService as ap, ICON_SOURCE as aq, IS_SIDE_PANEL as ar, IconComponent as as, ImgComponent as at, InputType as au, InstrumentScoreComponent as av, InterceptorObservables as aw, JumbotronComponent as ax, KeyValueComponent as ay, LAYOUT_ASSET_FOLDER as az, TextOutputComponent as b, SectionFilterComponent as b$, NavComponent as b0, NavDetailsComponent as b1, NavHeaderComponent as b2, NavMenuComponent as b3, NavStore as b4, NavTrailComponent as b5, NothingComponent as b6, NotificationElementComponent as b7, NotificationGroupComponent as b8, NotificationPopupComponent as b9, RatingInputComponent as bA, ReactiveElementComponent as bB, RemoteComponent as bC, RemoteLoaderService as bD, ResizeElementComponent as bE, RouteContainer as bF, RowComponent as bG, SEARCH_QUERY as bH, SEARCH_RESULTS_EVENT as bI, SECTION_ACCORDION_GROUP as bJ, SECTION_FORM_CONTEXT as bK, SHARED_ICONS as bL, SIZE_CONTEXT as bM, ScoreComponent as bN, ScrollComponent as bO, ScrollService as bP, SearchPanelComponent as bQ, SearchStore as bR, SearchUserPanelComponent as bS, SectionAccordionDirective as bT, SectionAccordionGroupDirective as bU, SectionBackComponent as bV, SectionBadgesComponent as bW, SectionButtonGroupComponent as bX, SectionCardComponent as bY, SectionCarouselComponent as bZ, SectionComponent as b_, NotificationService as ba, NotificationStore as bb, NotificationType as bc, NotificationWidgetComponent as bd, ONE_ASSET_BASE_URL as be, OPTIONS_SOURCE as bf, OVERLAY_WIDGETS as bg, OneApp as bh, OptionsSourceDirective as bi, OverlayBodyComponent as bj, OverlayRef as bk, OverlayService as bl, PLATFORM_BUTTON_NAV_IDS as bm, PLATFORM_EXTENSIBLE_NAV_IDS as bn, PLATFORM_NAV_MAP as bo, PLATFORM_ROOT_CHILDREN as bp, PaginationComponent as bq, PanelComponent as br, PercentagePipe as bs, PlaygroundComponent as bt, PositionDirective as bu, PwaInstallComponent as bv, ROOT_NAV$1 as bw, RadioGroupComponent as bx, RadioInputComponent as by, RangeInputComponent as bz, ButtonComponent as c, WC_SEARCH_GROUPS as c$, SectionFilterGroupComponent as c0, SectionFooterComponent as c1, SectionFormComponent as c2, SectionFormItemComponent as c3, SectionHeaderComponent as c4, SectionHeroComponent as c5, SectionSearchComponent as c6, SectionStepperComponent as c7, SectionTabsComponent as c8, SectionToggleComponent as c9, TextInputComponent as cA, TextareaInputComponent as cB, ThemeComponent as cC, ThemeDataService as cD, ThemeService as cE, ThemeStore as cF, TimeAgoPipe as cG, TimelineComponent as cH, ToggleButtonComponent as cI, ToggleInputComponent as cJ, ToggleRadioInputComponent as cK, ToolTipDirective as cL, TooltipComponent as cM, TranslateService as cN, TreeGridComponent as cO, URL_SEP as cP, USER_STORE_REF as cQ, USER_TAB_MAP as cR, UlComponent as cS, UniverseComponent as cT, UserApiService as cU, UserAvatarComponent as cV, UserComponent as cW, UserNavComponent as cX, UserSettingsComponent as cY, UserStore as cZ, WC_ROUTE_CHANGED_EVENT as c_, SectionToggleItemDirective as ca, SelectableCardInputComponent as cb, SelectorDirective as cc, SettingsSearchBarComponent as cd, SettingsSearchService as ce, ShapeComponent as cf, SharedStoreRegistry as cg, SidePanelDirective as ch, Size as ci, SocketStore as cj, SortComponent as ck, StatComponent as cl, StepComponent as cm, StepperComponent as cn, StepsComponent as co, StorageService as cp, StrokeLinecap as cq, StrokeLinejoin as cr, SummaryComponent as cs, SvgGeneratorComponent as ct, SvgGeneratorService as cu, SvgService as cv, TOTAL_COLUMNS as cw, TRANSLATION_SOURCE as cx, TableComponent as cy, TechnicalMeterComponent as cz, APP_CONTEXT_REF as d, isValidNavSegment as d$, WIN_USER_TAB_HOOK as d0, WIN_USER_TAB_KEY as d1, WatermarkComponent as d2, WcRouterStore as d3, WrapperInputComponent as d4, anchorNavId as d5, applyColorsToElement as d6, bootstrapMagApp as d7, bootstrapPwaInstall as d8, buildWcBaseUrl as d9, getScrollParent as dA, getTierFromPreviewPath as dB, getTreeGridRow as dC, getUniqueId as dD, getValue as dE, hasErrorComputed as dF, hexToRgb as dG, hslToRgb$1 as dH, initMagmoniumApp as dI, initialNotificationState as dJ, initialState$2 as dK, initials as dL, injectAuthenticate as dM, injectInstallApp as dN, injectParentSize as dO, injectScrollSticky as dP, isButtonName as dQ, isCancelledComputed as dR, isExtensiblePlatformNavId as dS, isJson as dT, isLoadingComputed as dU, isLocalhost as dV, isPlatformNavId as dW, isSize as dX, isTierPreview as dY, isUrlLocalhost as dZ, isValidNavId as d_, calculateLuminance as da, calculateRanks as db, cellText as dc, checkFilterCondition as dd, childNavId as de, classListSignal as df, coerceSize as dg, cornerEdge as dh, cornerSide as di, createMap as dj, createPlatformNavMap as dk, deriveAvatarGradient as dl, deriveContrastColor as dm, deriveOppositeColor as dn, derivePropertyName as dp, emailValidation as dq, evaluate as dr, evaluateBool as ds, flattenTreeGridRows as dt, formatBadgeCount as du, fullName as dv, generateClipPath as dw, generateTransform as dx, getClassList as dy, getProperty as dz, ASSET_BASE_URL as e, stringToColor as e$, isWebComponent as e0, linkToId as e1, linkToNav as e2, loadingActions as e3, mInterceptor as e4, manualValidation as e5, matchFieldValidation as e6, maxLengthValidation as e7, maxValidation as e8, mergePlatformNav as e9, provideModalComponents as eA, provideMurlUrlSerializer as eB, provideNavWidgets as eC, provideOverlayWidgets as eD, providePlatformNavWidgets as eE, provideSearch as eF, provideSizeContext as eG, provideUserTabs as eH, publicGuard as eI, readFieldPatterns as eJ, renderAddress as eK, requiredValidation as eL, resolveConfigAsset as eM, resolveIconSize as eN, resolvePallet as eO, resolvePatternRules as eP, resolveSize as eQ, rgbToHex as eR, rgbToHsl as eS, rowHasChildren as eT, samePatterns as eU, segmentsToNavId as eV, setProperty as eW, setTreeGridChildren as eX, settingsWidgets as eY, shouldShowBadge as eZ, splitNavId as e_, mergeUnique as ea, mergeUniqueBy as eb, mergeUniqueWith as ec, minAgeValidation as ed, minLengthValidation as ee, minValidation as ef, miniMarkToHtml as eg, navIdChain as eh, navIdFor as ei, navIdSegment as ej, navIdToRoutePath as ek, navIdToSegments as el, navToId as em, parentNavId as en, parseAddress as eo, parseColor as ep, parsePatternNames as eq, patternValidation as er, patternsValidation as es, platformNavWidgets as et, privateGuard as eu, processImageToSvg as ev, provideAppContext as ew, provideMagAppConfig as ex, provideMagWcConfig as ey, provideMagWcRoutes as ez, AccordionBodyDirective as f, toAttrBool as f0, toAttrNumber as f1, toCssLength as f2, toHostNavId as f3, toLength$1 as f4, toLocalNavId as f5, toggleTreeGridRow as f6, unfetchedPlatformNav as f7, urlValidation as f8, AccordionComponent as g, AccordionGroupComponent as h, ActionComponent as i, AnimatedGraphsComponent as j, AppCardComponent as k, AppRelationType as l, AppTileComponent as m, AssetStore as n, AssetUrlPipe as o, Assets as p, AuthActivityPageComponent as q, AuthApiService as r, AuthStore as s, AutosizeDirective as t, BadgeComponent as u, BandingComponent as v, BaseArrayInputComponent as w, BaseRootWebComponent as x, BaseWebComponent as y, ButtonGroupComponent as z };
+//# sourceMappingURL=magmonium-one-magmonium-one-D17PHUaP.mjs.map