@magmonium/one 0.2.3 → 0.2.5

package/fesm2022/{magmonium-one-magmonium-one-2Ftz8M59.mjs → magmonium-one-magmonium-one-yNHWPewC.mjs}

@@ -5379,11 +5379,25 @@ class ImgComponent {
     alt = input.required(...(ngDevMode ? [{ debugName: "alt" }] : /* istanbul ignore next */ []));
     priority = input(false, ...(ngDevMode ? [{ debugName: "priority" }] : /* istanbul ignore next */ []));
     fill = input(true, ...(ngDevMode ? [{ debugName: "fill" }] : /* istanbul ignore next */ []));
-    width = input(1200, ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
-    height = input(1800, ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
+    // Unset rather than defaulted: `1200 × 1800` is the reservation
+    // NgOptimizedImage needs, and a picture drawn 1200px wide because nobody
+    // named a width is not the same thing. `attrWidth`/`attrHeight` carry that
+    // default onto the tag; these two say whether anyone actually asked.
+    width = input(undefined, ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+    height = input(undefined, ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
     remote = input(...(ngDevMode ? [undefined, { debugName: "remote" }] : /* istanbul ignore next */ []));
     ngSrcset = input(...(ngDevMode ? [undefined, { debugName: "ngSrcset" }] : /* istanbul ignore next */ []));
     sizes = input(...(ngDevMode ? [undefined, { debugName: "sizes" }] : /* istanbul ignore next */ []));
+    attrWidth = computed(() => this.width() ?? 1200, ...(ngDevMode ? [{ debugName: "attrWidth" }] : /* istanbul ignore next */ []));
+    attrHeight = computed(() => this.height() ?? 1800, ...(ngDevMode ? [{ debugName: "attrHeight" }] : /* istanbul ignore next */ []));
+    // Null unless the picture is drawn at a size it was told: a filling picture
+    // takes its size from the box around it, and an unnamed figure leaves the
+    // stylesheet's `width: 100%` in charge.
+    boxWidth = computed(() => this.fill() ? null : (this.width() ?? null), ...(ngDevMode ? [{ debugName: "boxWidth" }] : /* istanbul ignore next */ []));
+    boxHeight = computed(() => this.fill() ? null : (this.height() ?? null), ...(ngDevMode ? [{ debugName: "boxHeight" }] : /* istanbul ignore next */ []));
+    // Both figures named means a box of exactly that shape, which the picture
+    // has to cover rather than letter-box inside.
+    isSized = computed(() => this.boxWidth() !== null && this.boxHeight() !== null, ...(ngDevMode ? [{ debugName: "isSized" }] : /* istanbul ignore next */ []));
     autoNgSrcset = computed(() => {
         const custom = this.ngSrcset();
         if (custom !== undefined)
@@ -5432,7 +5446,7 @@ class ImgComponent {
         this.isLoaded.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ImgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ImgComponent, isStandalone: true, selector: "m-img", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: true, transformFunction: null }, priority: { classPropertyName: "priority", publicName: "priority", isSignal: true, isRequired: false, transformFunction: null }, fill: { classPropertyName: "fill", publicName: "fill", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, remote: { classPropertyName: "remote", publicName: "remote", isSignal: true, isRequired: false, transformFunction: null }, ngSrcset: { classPropertyName: "ngSrcset", publicName: "ngSrcset", isSignal: true, isRequired: false, transformFunction: null }, sizes: { classPropertyName: "sizes", publicName: "sizes", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.m-img-host--fill": "fill()" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ImgComponent, isStandalone: true, selector: "m-img", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, dataType: { classPropertyName: "dataType", publicName: "dataType", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: true, transformFunction: null }, priority: { classPropertyName: "priority", publicName: "priority", isSignal: true, isRequired: false, transformFunction: null }, fill: { classPropertyName: "fill", publicName: "fill", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, remote: { classPropertyName: "remote", publicName: "remote", isSignal: true, isRequired: false, transformFunction: null }, ngSrcset: { classPropertyName: "ngSrcset", publicName: "ngSrcset", isSignal: true, isRequired: false, transformFunction: null }, sizes: { classPropertyName: "sizes", publicName: "sizes", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.m-img-host--fill": "fill()", "style.width.px": "boxWidth()", "style.height.px": "boxHeight()" } }, providers: [
             {
                 provide: IMAGE_LOADER,
                 useValue: (config) => {
@@ -5453,6 +5467,7 @@ class ImgComponent {
       [class.m-img--error]="hasError()"
       [class.m-img--fill]="fill()"
       [class.m-img--priority]="priority()"
+      [class.m-img--sized]="isSized()"
     >
       @if (hasError()) {
         <div class="m-img__fallback" [attr.aria-label]="alt()">
@@ -5509,8 +5524,8 @@ class ImgComponent {
               [alt]="alt()"
               (load)="onLoad()"
               (error)="onError()"
-              [width]="!fill() ? width() : undefined"
-              [height]="!fill() ? height() : undefined"
+              [width]="!fill() ? attrWidth() : undefined"
+              [height]="!fill() ? attrHeight() : undefined"
               referrerpolicy="no-referrer"
             />
           } @else {
@@ -5523,8 +5538,8 @@ class ImgComponent {
                 (load)="onLoad()"
                 (error)="onError()"
                 [fill]="fill()"
-                [width]="!fill() ? width() : undefined"
-                [height]="!fill() ? height() : undefined"
+                [width]="!fill() ? attrWidth() : undefined"
+                [height]="!fill() ? attrHeight() : undefined"
                 [ngSrcset]="autoNgSrcset()!"
                 [sizes]="sizes() || undefined"
                 decoding="async"
@@ -5539,8 +5554,8 @@ class ImgComponent {
                 (load)="onLoad()"
                 (error)="onError()"
                 [fill]="fill()"
-                [width]="!fill() ? width() : undefined"
-                [height]="!fill() ? height() : undefined"
+                [width]="!fill() ? attrWidth() : undefined"
+                [height]="!fill() ? attrHeight() : undefined"
                 [sizes]="sizes() || undefined"
                 decoding="async"
                 referrerpolicy="no-referrer"
@@ -5553,12 +5568,18 @@ class ImgComponent {
         </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%;overflow:hidden;border-radius:inherit;contain:paint}:host.m-img-host--fill{height:100%}.m-img{position:relative;width:100%;background:#ffffff05;border-radius:inherit;transition:transform .6s cubic-bezier(.2,0,.2,1);display:flex;flex-direction:column}.m-img--fill{height:100%}.m-img--error{height:auto;min-height:12rem;background:#0003}.m-img__wrapper{position:relative;width:100%;overflow:hidden;border-radius:inherit}.m-img--fill .m-img__wrapper{height:100%}.m-img__img{display:block;width:100%;opacity:0;transform:scale(1.05) translateZ(0);filter:blur(10px) brightness(.8);transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.2,0,.2,1),filter 1s ease-out}.m-img--fill .m-img__img{height:100%;object-fit:cover}.m-img__img:not(.m-img--fill *){height:auto}.m-img--loaded .m-img__img,.m-img--priority .m-img__img{opacity:1;transform:scale(1) translateZ(0);filter:blur(0) brightness(1)}.m-img__skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff0d,#fff0);background-size:200% 100%;animation:shimmer 2s infinite linear,pulse 2.5s infinite ease-in-out;border-radius:inherit}.m-img__fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:12rem;background:#14141499;backdrop-filter:blur(12px) brightness(1.1);-webkit-backdrop-filter:blur(12px) brightness(1.1);background-color:var(--m-backdrop-frosted);border:1px solid rgba(255,255,255,.1);color:#fff9;gap:1.25rem;padding:2.5rem;border-radius:inherit;text-align:center;position:relative;z-index:1}.m-img__fallback svg{width:56px;height:56px;stroke:currentColor;stroke-width:1.5;opacity:.8;filter:drop-shadow(0 0 15px rgba(255,255,255,.2));animation:icon-float 4s infinite ease-in-out}.m-img__fallback .m-img__crack{stroke-dasharray:100;stroke-dashoffset:100;animation:crack-draw 1.5s cubic-bezier(.4,0,.2,1) forwards,crack-glitch 6s infinite 3s}.m-img__error-text{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.5;margin-top:-.5rem}@media(hover:hover){.m-img:hover .m-img__img{transform:scale(1.04) translateZ(0);transition-duration:2s}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes icon-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-2deg)}}@keyframes crack-draw{to{stroke-dashoffset:0}}@keyframes crack-glitch{0%,80%,to{opacity:1;transform:translate(0)}82%{opacity:.4;transform:translate(-2px,1px)}84%{opacity:.8;transform:translate(2px,-1px)}86%{opacity:.2;transform:translate(-3px,2px)}88%{opacity:.6;transform:translate(1px,-2px)}}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { 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%;overflow:hidden;border-radius:inherit;contain:paint}:host.m-img-host--fill{height:100%}.m-img{position:relative;width:100%;background:#ffffff05;border-radius:inherit;transition:transform .6s cubic-bezier(.2,0,.2,1);display:flex;flex-direction:column}.m-img--fill,.m-img--sized{height:100%}.m-img--error{height:auto;min-height:12rem;background:#0003}.m-img__wrapper{position:relative;width:100%;overflow:hidden;border-radius:inherit}.m-img--fill .m-img__wrapper,.m-img--sized .m-img__wrapper{height:100%}.m-img__img{display:block;width:100%;opacity:0;transform:scale(1.05) translateZ(0);filter:blur(10px) brightness(.8);transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.2,0,.2,1),filter 1s ease-out}.m-img--fill .m-img__img,.m-img--sized .m-img__img{height:100%;object-fit:cover}.m-img__img:not(.m-img--fill *):not(.m-img--sized *){height:auto}.m-img--loaded .m-img__img,.m-img--priority .m-img__img{opacity:1;transform:scale(1) translateZ(0);filter:blur(0) brightness(1)}.m-img__skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff0d,#fff0);background-size:200% 100%;animation:shimmer 2s infinite linear,pulse 2.5s infinite ease-in-out;border-radius:inherit}.m-img__fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:12rem;background:#14141499;backdrop-filter:blur(12px) brightness(1.1);-webkit-backdrop-filter:blur(12px) brightness(1.1);background-color:var(--m-backdrop-frosted);border:1px solid rgba(255,255,255,.1);color:#fff9;gap:1.25rem;padding:2.5rem;border-radius:inherit;text-align:center;position:relative;z-index:1}.m-img__fallback svg{width:56px;height:56px;stroke:currentColor;stroke-width:1.5;opacity:.8;filter:drop-shadow(0 0 15px rgba(255,255,255,.2));animation:icon-float 4s infinite ease-in-out}.m-img__fallback .m-img__crack{stroke-dasharray:100;stroke-dashoffset:100;animation:crack-draw 1.5s cubic-bezier(.4,0,.2,1) forwards,crack-glitch 6s infinite 3s}.m-img__error-text{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.5;margin-top:-.5rem}@media(hover:hover){.m-img:hover .m-img__img{transform:scale(1.04) translateZ(0);transition-duration:2s}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes icon-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-2deg)}}@keyframes crack-draw{to{stroke-dashoffset:0}}@keyframes crack-glitch{0%,80%,to{opacity:1;transform:translate(0)}82%{opacity:.4;transform:translate(-2px,1px)}84%{opacity:.8;transform:translate(2px,-1px)}86%{opacity:.2;transform:translate(-3px,2px)}88%{opacity:.6;transform:translate(1px,-2px)}}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ImgComponent, decorators: [{
             type: Component,
             args: [{ selector: 'm-img', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgOptimizedImage, TranslatePipe], host: {
                         '[class.m-img-host--fill]': 'fill()',
+                        // The figures decide the box, not just the ratio NgOptimizedImage reserves
+                        // it with — a caller that names them means that size. Only a caller that
+                        // names them: unset, they keep serving the reservation alone, which is
+                        // what every picture that takes its size from its column relies on.
+                        '[style.width.px]': 'boxWidth()',
+                        '[style.height.px]': 'boxHeight()',
                     }, providers: [
                         {
                             provide: IMAGE_LOADER,
@@ -5580,6 +5601,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
       [class.m-img--error]="hasError()"
       [class.m-img--fill]="fill()"
       [class.m-img--priority]="priority()"
+      [class.m-img--sized]="isSized()"
     >
       @if (hasError()) {
         <div class="m-img__fallback" [attr.aria-label]="alt()">
@@ -5636,8 +5658,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
               [alt]="alt()"
               (load)="onLoad()"
               (error)="onError()"
-              [width]="!fill() ? width() : undefined"
-              [height]="!fill() ? height() : undefined"
+              [width]="!fill() ? attrWidth() : undefined"
+              [height]="!fill() ? attrHeight() : undefined"
               referrerpolicy="no-referrer"
             />
           } @else {
@@ -5650,8 +5672,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 (load)="onLoad()"
                 (error)="onError()"
                 [fill]="fill()"
-                [width]="!fill() ? width() : undefined"
-                [height]="!fill() ? height() : undefined"
+                [width]="!fill() ? attrWidth() : undefined"
+                [height]="!fill() ? attrHeight() : undefined"
                 [ngSrcset]="autoNgSrcset()!"
                 [sizes]="sizes() || undefined"
                 decoding="async"
@@ -5666,8 +5688,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 (load)="onLoad()"
                 (error)="onError()"
                 [fill]="fill()"
-                [width]="!fill() ? width() : undefined"
-                [height]="!fill() ? height() : undefined"
+                [width]="!fill() ? attrWidth() : undefined"
+                [height]="!fill() ? attrHeight() : undefined"
                 [sizes]="sizes() || undefined"
                 decoding="async"
                 referrerpolicy="no-referrer"
@@ -5680,7 +5702,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         </div>
       }
     </div>
-  `, 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%;overflow:hidden;border-radius:inherit;contain:paint}:host.m-img-host--fill{height:100%}.m-img{position:relative;width:100%;background:#ffffff05;border-radius:inherit;transition:transform .6s cubic-bezier(.2,0,.2,1);display:flex;flex-direction:column}.m-img--fill{height:100%}.m-img--error{height:auto;min-height:12rem;background:#0003}.m-img__wrapper{position:relative;width:100%;overflow:hidden;border-radius:inherit}.m-img--fill .m-img__wrapper{height:100%}.m-img__img{display:block;width:100%;opacity:0;transform:scale(1.05) translateZ(0);filter:blur(10px) brightness(.8);transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.2,0,.2,1),filter 1s ease-out}.m-img--fill .m-img__img{height:100%;object-fit:cover}.m-img__img:not(.m-img--fill *){height:auto}.m-img--loaded .m-img__img,.m-img--priority .m-img__img{opacity:1;transform:scale(1) translateZ(0);filter:blur(0) brightness(1)}.m-img__skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff0d,#fff0);background-size:200% 100%;animation:shimmer 2s infinite linear,pulse 2.5s infinite ease-in-out;border-radius:inherit}.m-img__fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:12rem;background:#14141499;backdrop-filter:blur(12px) brightness(1.1);-webkit-backdrop-filter:blur(12px) brightness(1.1);background-color:var(--m-backdrop-frosted);border:1px solid rgba(255,255,255,.1);color:#fff9;gap:1.25rem;padding:2.5rem;border-radius:inherit;text-align:center;position:relative;z-index:1}.m-img__fallback svg{width:56px;height:56px;stroke:currentColor;stroke-width:1.5;opacity:.8;filter:drop-shadow(0 0 15px rgba(255,255,255,.2));animation:icon-float 4s infinite ease-in-out}.m-img__fallback .m-img__crack{stroke-dasharray:100;stroke-dashoffset:100;animation:crack-draw 1.5s cubic-bezier(.4,0,.2,1) forwards,crack-glitch 6s infinite 3s}.m-img__error-text{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.5;margin-top:-.5rem}@media(hover:hover){.m-img:hover .m-img__img{transform:scale(1.04) translateZ(0);transition-duration:2s}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes icon-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-2deg)}}@keyframes crack-draw{to{stroke-dashoffset:0}}@keyframes crack-glitch{0%,80%,to{opacity:1;transform:translate(0)}82%{opacity:.4;transform:translate(-2px,1px)}84%{opacity:.8;transform:translate(2px,-1px)}86%{opacity:.2;transform:translate(-3px,2px)}88%{opacity:.6;transform:translate(1px,-2px)}}\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%;max-width:100%;overflow:hidden;border-radius:inherit;contain:paint}:host.m-img-host--fill{height:100%}.m-img{position:relative;width:100%;background:#ffffff05;border-radius:inherit;transition:transform .6s cubic-bezier(.2,0,.2,1);display:flex;flex-direction:column}.m-img--fill,.m-img--sized{height:100%}.m-img--error{height:auto;min-height:12rem;background:#0003}.m-img__wrapper{position:relative;width:100%;overflow:hidden;border-radius:inherit}.m-img--fill .m-img__wrapper,.m-img--sized .m-img__wrapper{height:100%}.m-img__img{display:block;width:100%;opacity:0;transform:scale(1.05) translateZ(0);filter:blur(10px) brightness(.8);transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.2,0,.2,1),filter 1s ease-out}.m-img--fill .m-img__img,.m-img--sized .m-img__img{height:100%;object-fit:cover}.m-img__img:not(.m-img--fill *):not(.m-img--sized *){height:auto}.m-img--loaded .m-img__img,.m-img--priority .m-img__img{opacity:1;transform:scale(1) translateZ(0);filter:blur(0) brightness(1)}.m-img__skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff0d,#fff0);background-size:200% 100%;animation:shimmer 2s infinite linear,pulse 2.5s infinite ease-in-out;border-radius:inherit}.m-img__fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:12rem;background:#14141499;backdrop-filter:blur(12px) brightness(1.1);-webkit-backdrop-filter:blur(12px) brightness(1.1);background-color:var(--m-backdrop-frosted);border:1px solid rgba(255,255,255,.1);color:#fff9;gap:1.25rem;padding:2.5rem;border-radius:inherit;text-align:center;position:relative;z-index:1}.m-img__fallback svg{width:56px;height:56px;stroke:currentColor;stroke-width:1.5;opacity:.8;filter:drop-shadow(0 0 15px rgba(255,255,255,.2));animation:icon-float 4s infinite ease-in-out}.m-img__fallback .m-img__crack{stroke-dasharray:100;stroke-dashoffset:100;animation:crack-draw 1.5s cubic-bezier(.4,0,.2,1) forwards,crack-glitch 6s infinite 3s}.m-img__error-text{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.5;margin-top:-.5rem}@media(hover:hover){.m-img:hover .m-img__img{transform:scale(1.04) translateZ(0);transition-duration:2s}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes icon-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-2deg)}}@keyframes crack-draw{to{stroke-dashoffset:0}}@keyframes crack-glitch{0%,80%,to{opacity:1;transform:translate(0)}82%{opacity:.4;transform:translate(-2px,1px)}84%{opacity:.8;transform:translate(2px,-1px)}86%{opacity:.2;transform:translate(-3px,2px)}88%{opacity:.6;transform:translate(1px,-2px)}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], dataType: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataType", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: true }] }], priority: [{ type: i0.Input, args: [{ isSignal: true, alias: "priority", required: false }] }], fill: [{ type: i0.Input, args: [{ isSignal: true, alias: "fill", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], remote: [{ type: i0.Input, args: [{ isSignal: true, alias: "remote", required: false }] }], ngSrcset: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngSrcset", required: false }] }], sizes: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizes", required: false }] }] } });
 
 const SECTION_FORM_CONTEXT = new InjectionToken('SECTION_FORM_CONTEXT');
@@ -6511,7 +6533,7 @@ class SectionFormItemComponent extends ConfigComponent {
                     break;
                 }
                 case InputType.TOGGLE: {
-                    const { ToggleInputComponent } = await import('./magmonium-one-toggle-HPEzHZnE.mjs');
+                    const { ToggleInputComponent } = await import('./magmonium-one-toggle-va8TrumU.mjs');
                     this.createDynamicComponent(seq, ToggleInputComponent, [], true);
                     break;
                 }
@@ -6523,12 +6545,12 @@ class SectionFormItemComponent extends ConfigComponent {
                     break;
                 }
                 case InputType.PASSWORD: {
-                    const { PasswordInputComponent } = await import('./magmonium-one-password-D3BakJ2Q.mjs');
+                    const { PasswordInputComponent } = await import('./magmonium-one-password-BBDHGlXa.mjs');
                     this.createDynamicComponent(seq, PasswordInputComponent);
                     break;
                 }
                 case InputType.OTP: {
-                    const { OtpInputComponent } = await import('./magmonium-one-otp-CsI76aAN.mjs');
+                    const { OtpInputComponent } = await import('./magmonium-one-otp-Ee5Z04t5.mjs');
                     this.createDynamicComponent(seq, OtpInputComponent);
                     break;
                 }
@@ -8949,7 +8971,7 @@ class ActionComponent extends ButtonGroupComponent {
     // <button>'s `color` — both have to be handed to the Icon.
     iconColor(button) {
         if (this.isSelected(button)) {
-            return (this.buttonPallet(button) ?? this.actionPallet()).contrastColor;
+            return this.fillColor(button) ?? (this.buttonPallet(button) ?? this.actionPallet()).color;
         }
         return this.fillColor(button);
     }
@@ -9011,7 +9033,7 @@ class ActionComponent extends ButtonGroupComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ActionComponent, isStandalone: true, selector: "m-action, m-one-action", inputs: { sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, renderIds: { classPropertyName: "renderIds", publicName: "renderIds", isSignal: true, isRequired: false, transformFunction: null }, squeezeAt: { classPropertyName: "squeezeAt", publicName: "squeezeAt", isSignal: true, isRequired: false, transformFunction: null }, squeezeMode: { classPropertyName: "squeezeMode", publicName: "squeezeMode", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.m-action--host-sticky": "sticky()" } }, usesInheritance: true, ngImport: i0, template: "@let buttons = actionButtons();\n<!-- No `config()` guard: a bar the Design editor folded its Buttons into has no\n     `button_groups/<name>.yml` behind it \u2014 they ride on `[buttons]` instead\n     (ADR 0009, ADR 0010) \u2014 so what decides whether the row exists is whether\n     there are Buttons in it. Empty, it draws only on the Canvas, where it is\n     the drop space a Button lands on. -->\n@if (buttons.length || isDesignMode) {\n  <div\n    class=\"m-action\"\n    [class.m-action--stuck]=\"isStuck()\"\n    [class.m-action--toggle]=\"resolvedVariant() === 'toggle'\"\n    [class.m-action--icon-only]=\"activeSqueeze() === 'icon'\"\n  >\n    @for (button of visibleButtons(); track $index) {\n      <button\n        type=\"button\"\n        class=\"m-action__btn\"\n        [attr.data-testid]=\"(button.name || '') + '-btn'\"\n        [attr.render-id]=\"renderIds()?.[button.name ?? '']\"\n        [class.active]=\"isActive(button)\"\n        [style.--m-action-color]=\"fillColor(button)\"\n        [style.--m-action-color-contrast]=\"contrastColor(button)\"\n        [style.--m-action-label]=\"labelColor(button)\"\n        [disabled]=\"isDisabled(button.name)\"\n        (click)=\"select(button)\"\n      >\n        @if (button.icon) {\n          <m-icon\n            [name]=\"button.icon\"\n            [color]=\"iconColor(button)\"\n            [remote]=\"remote() ?? config()?.remote\"\n          />\n        }\n        @if (button.label && !isLabelHidden(button)) {\n          <span class=\"m-action__label\">{{ button.label | translate }}</span>\n        }\n      </button>\n    }\n    @if (menuButtons().length) {\n      <!-- The Buttons the bar could not fit. Squeezed rather than dropped:\n           an action the User can still reach behind one press beats an action\n           that silently stopped existing at 400px. -->\n      <m-context-menu\n        class=\"m-action__overflow\"\n        [config]=\"squeezeMenu()\"\n        [remote]=\"remote() ?? config()?.remote\"\n        (action)=\"onMenuAction($event)\"\n      />\n    }\n    @if (!buttons.length) {\n      <!-- A bar with nothing in it has no box, and a slot with no box is a slot\n           nothing can be dropped on \u2014 the same rect an empty projected Card is\n           given (m-one-ui `.card-drop-space`). -->\n      <span class=\"m-action__drop\"></span>\n    }\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)}}m-action,m-one-action{display:block;width:100%;grid-column:1/-1}m-action.m-action--host-sticky,m-one-action.m-action--host-sticky{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.m-action{display:flex;flex-wrap:nowrap;background:transparent;width:100%;border-bottom:1px solid #f1f5f9;--m-action-color: var(--m-button-color, var(--m-one-button-color, var(--m-mm)));--m-action-color-contrast: var(--m-button-color-contrast, var(--m-one-button-color-contrast, #ffffff))}.m-action--stuck{border-bottom-color:#00000014;box-shadow:0 2px 10px #0000000f}.m-action__btn{flex:1;min-width:0;padding:1rem 2rem;border:none;background:transparent;color:var(--m-action-label, #1e293b);font-weight:300;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.6rem;white-space:nowrap;overflow:hidden;cursor:pointer;border-right:1px solid #f1f5f9;transition:all .25s cubic-bezier(.4,0,.2,1)}.m-action__btn:last-child{border-right:none}.m-action__btn:hover{background:#f8fafc;color:var(--m-action-color)}.m-action__btn .m-icon{transition:transform .2s ease}.m-action__btn:hover .m-icon{transform:scale(1.1)}.m-action__btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.m-action__btn.active{color:var(--m-action-color);font-weight:500}.m-action--toggle .m-action__btn{position:relative}.m-action--toggle .m-action__btn.active{background:var(--m-action-color);color:var(--m-action-color-contrast)}.m-action--toggle .m-action__btn.active:hover:not(:disabled){background:color-mix(in srgb,var(--m-action-color) 88%,black);color:var(--m-action-color-contrast)}.m-action--icon-only .m-action__btn{padding:1rem .5rem;gap:0}.m-action__overflow{display:flex;align-items:center;padding:0 .5rem;flex:0 0 auto}.m-action__drop{display:block;flex:1;min-height:3.5rem;margin:.5rem;border:1px dashed currentColor;border-radius:.25rem;opacity:.4;pointer-events:none}.m-action__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}@container mag-grid (max-width: 767.98px){.m-action__btn{padding:1rem .75rem;gap:.4rem}}@container mag-grid (max-width: 575.98px){.m-action__btn{padding:.85rem .4rem;font-size:.8rem}}\n"], dependencies: [{ kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { 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(() => ContextMenuComponent), selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted"], outputs: ["toggleChange", "action"] }, { kind: "pipe", type: i0.forwardRef(() => TranslatePipe), name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ActionComponent, isStandalone: true, selector: "m-action, m-one-action", inputs: { sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, renderIds: { classPropertyName: "renderIds", publicName: "renderIds", isSignal: true, isRequired: false, transformFunction: null }, squeezeAt: { classPropertyName: "squeezeAt", publicName: "squeezeAt", isSignal: true, isRequired: false, transformFunction: null }, squeezeMode: { classPropertyName: "squeezeMode", publicName: "squeezeMode", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.m-action--host-sticky": "sticky()" } }, usesInheritance: true, ngImport: i0, template: "@let buttons = actionButtons();\n<!-- No `config()` guard: a bar the Design editor folded its Buttons into has no\n     `button_groups/<name>.yml` behind it \u2014 they ride on `[buttons]` instead\n     (ADR 0009, ADR 0010) \u2014 so what decides whether the row exists is whether\n     there are Buttons in it. Empty, it draws only on the Canvas, where it is\n     the drop space a Button lands on. -->\n@if (buttons.length || isDesignMode) {\n  <div\n    class=\"m-action\"\n    [class.m-action--stuck]=\"isStuck()\"\n    [class.m-action--toggle]=\"resolvedVariant() === 'toggle'\"\n    [class.m-action--icon-only]=\"activeSqueeze() === 'icon'\"\n  >\n    @for (button of visibleButtons(); track $index) {\n      <button\n        type=\"button\"\n        class=\"m-action__btn\"\n        [attr.data-testid]=\"(button.name || '') + '-btn'\"\n        [attr.render-id]=\"renderIds()?.[button.name ?? '']\"\n        [class.active]=\"isActive(button)\"\n        [style.--m-action-color]=\"fillColor(button)\"\n        [style.--m-action-color-contrast]=\"contrastColor(button)\"\n        [style.--m-action-label]=\"labelColor(button)\"\n        [disabled]=\"isDisabled(button.name)\"\n        (click)=\"select(button)\"\n      >\n        @if (button.icon) {\n          <m-icon\n            [name]=\"button.icon\"\n            [color]=\"iconColor(button)\"\n            [remote]=\"remote() ?? config()?.remote\"\n          />\n        }\n        @if (button.label && !isLabelHidden(button)) {\n          <span class=\"m-action__label\">{{ button.label | translate }}</span>\n        }\n      </button>\n    }\n    @if (menuButtons().length) {\n      <!-- The Buttons the bar could not fit. Squeezed rather than dropped:\n           an action the User can still reach behind one press beats an action\n           that silently stopped existing at 400px. -->\n      <m-context-menu\n        class=\"m-action__overflow\"\n        [config]=\"squeezeMenu()\"\n        [remote]=\"remote() ?? config()?.remote\"\n        (action)=\"onMenuAction($event)\"\n      />\n    }\n    @if (!buttons.length) {\n      <!-- A bar with nothing in it has no box, and a slot with no box is a slot\n           nothing can be dropped on \u2014 the same rect an empty projected Card is\n           given (m-one-ui `.card-drop-space`). -->\n      <span class=\"m-action__drop\"></span>\n    }\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)}}m-action,m-one-action{display:block;width:100%;grid-column:1/-1}m-action.m-action--host-sticky,m-one-action.m-action--host-sticky{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.m-action{display:flex;flex-wrap:nowrap;background:transparent;width:100%;border-bottom:1px solid #f1f5f9;--m-action-color: var(--m-button-color, var(--m-one-button-color, var(--m-mm)));--m-action-color-contrast: var(--m-button-color-contrast, var(--m-one-button-color-contrast, #ffffff))}.m-action--stuck{border-bottom-color:#00000014;box-shadow:0 2px 10px #0000000f}.m-action__btn{flex:1;min-width:0;padding:1rem 2rem;border:none;background:transparent;color:var(--m-action-label, #1e293b);font-weight:300;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.6rem;white-space:nowrap;overflow:hidden;cursor:pointer;border-right:1px solid #f1f5f9;transition:all .25s cubic-bezier(.4,0,.2,1)}.m-action__btn:last-child{border-right:none}.m-action__btn:hover{background:#f8fafc;color:var(--m-action-color)}.m-action__btn .m-icon{transition:transform .2s ease}.m-action__btn:hover .m-icon{transform:scale(1.1)}.m-action__btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.m-action__btn.active{color:var(--m-action-color);font-weight:500}.m-action--toggle .m-action__btn{position:relative;filter:grayscale(100%);transition:all .25s cubic-bezier(.4,0,.2,1),filter .25s cubic-bezier(.4,0,.2,1)}.m-action--toggle .m-action__btn.active{filter:none}.m-action--toggle .m-action__btn.active:hover:not(:disabled){filter:none}.m-action--icon-only .m-action__btn{padding:1rem .5rem;gap:0}.m-action__overflow{display:flex;align-items:center;padding:0 .5rem;flex:0 0 auto}.m-action__drop{display:block;flex:1;min-height:3.5rem;margin:.5rem;border:1px dashed currentColor;border-radius:.25rem;opacity:.4;pointer-events:none}.m-action__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}@container mag-grid (max-width: 767.98px){.m-action__btn{padding:1rem .75rem;gap:.4rem}}@container mag-grid (max-width: 575.98px){.m-action__btn{padding:.85rem .4rem;font-size:.8rem}}\n"], dependencies: [{ kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { 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(() => ContextMenuComponent), selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted"], outputs: ["toggleChange", "action"] }, { kind: "pipe", type: i0.forwardRef(() => TranslatePipe), name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ActionComponent, decorators: [{
             type: Component,
@@ -9022,7 +9044,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         forwardRef(() => ContextMenuComponent),
                     ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         '[class.m-action--host-sticky]': 'sticky()',
-                    }, template: "@let buttons = actionButtons();\n<!-- No `config()` guard: a bar the Design editor folded its Buttons into has no\n     `button_groups/<name>.yml` behind it \u2014 they ride on `[buttons]` instead\n     (ADR 0009, ADR 0010) \u2014 so what decides whether the row exists is whether\n     there are Buttons in it. Empty, it draws only on the Canvas, where it is\n     the drop space a Button lands on. -->\n@if (buttons.length || isDesignMode) {\n  <div\n    class=\"m-action\"\n    [class.m-action--stuck]=\"isStuck()\"\n    [class.m-action--toggle]=\"resolvedVariant() === 'toggle'\"\n    [class.m-action--icon-only]=\"activeSqueeze() === 'icon'\"\n  >\n    @for (button of visibleButtons(); track $index) {\n      <button\n        type=\"button\"\n        class=\"m-action__btn\"\n        [attr.data-testid]=\"(button.name || '') + '-btn'\"\n        [attr.render-id]=\"renderIds()?.[button.name ?? '']\"\n        [class.active]=\"isActive(button)\"\n        [style.--m-action-color]=\"fillColor(button)\"\n        [style.--m-action-color-contrast]=\"contrastColor(button)\"\n        [style.--m-action-label]=\"labelColor(button)\"\n        [disabled]=\"isDisabled(button.name)\"\n        (click)=\"select(button)\"\n      >\n        @if (button.icon) {\n          <m-icon\n            [name]=\"button.icon\"\n            [color]=\"iconColor(button)\"\n            [remote]=\"remote() ?? config()?.remote\"\n          />\n        }\n        @if (button.label && !isLabelHidden(button)) {\n          <span class=\"m-action__label\">{{ button.label | translate }}</span>\n        }\n      </button>\n    }\n    @if (menuButtons().length) {\n      <!-- The Buttons the bar could not fit. Squeezed rather than dropped:\n           an action the User can still reach behind one press beats an action\n           that silently stopped existing at 400px. -->\n      <m-context-menu\n        class=\"m-action__overflow\"\n        [config]=\"squeezeMenu()\"\n        [remote]=\"remote() ?? config()?.remote\"\n        (action)=\"onMenuAction($event)\"\n      />\n    }\n    @if (!buttons.length) {\n      <!-- A bar with nothing in it has no box, and a slot with no box is a slot\n           nothing can be dropped on \u2014 the same rect an empty projected Card is\n           given (m-one-ui `.card-drop-space`). -->\n      <span class=\"m-action__drop\"></span>\n    }\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)}}m-action,m-one-action{display:block;width:100%;grid-column:1/-1}m-action.m-action--host-sticky,m-one-action.m-action--host-sticky{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.m-action{display:flex;flex-wrap:nowrap;background:transparent;width:100%;border-bottom:1px solid #f1f5f9;--m-action-color: var(--m-button-color, var(--m-one-button-color, var(--m-mm)));--m-action-color-contrast: var(--m-button-color-contrast, var(--m-one-button-color-contrast, #ffffff))}.m-action--stuck{border-bottom-color:#00000014;box-shadow:0 2px 10px #0000000f}.m-action__btn{flex:1;min-width:0;padding:1rem 2rem;border:none;background:transparent;color:var(--m-action-label, #1e293b);font-weight:300;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.6rem;white-space:nowrap;overflow:hidden;cursor:pointer;border-right:1px solid #f1f5f9;transition:all .25s cubic-bezier(.4,0,.2,1)}.m-action__btn:last-child{border-right:none}.m-action__btn:hover{background:#f8fafc;color:var(--m-action-color)}.m-action__btn .m-icon{transition:transform .2s ease}.m-action__btn:hover .m-icon{transform:scale(1.1)}.m-action__btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.m-action__btn.active{color:var(--m-action-color);font-weight:500}.m-action--toggle .m-action__btn{position:relative}.m-action--toggle .m-action__btn.active{background:var(--m-action-color);color:var(--m-action-color-contrast)}.m-action--toggle .m-action__btn.active:hover:not(:disabled){background:color-mix(in srgb,var(--m-action-color) 88%,black);color:var(--m-action-color-contrast)}.m-action--icon-only .m-action__btn{padding:1rem .5rem;gap:0}.m-action__overflow{display:flex;align-items:center;padding:0 .5rem;flex:0 0 auto}.m-action__drop{display:block;flex:1;min-height:3.5rem;margin:.5rem;border:1px dashed currentColor;border-radius:.25rem;opacity:.4;pointer-events:none}.m-action__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}@container mag-grid (max-width: 767.98px){.m-action__btn{padding:1rem .75rem;gap:.4rem}}@container mag-grid (max-width: 575.98px){.m-action__btn{padding:.85rem .4rem;font-size:.8rem}}\n"] }]
+                    }, template: "@let buttons = actionButtons();\n<!-- No `config()` guard: a bar the Design editor folded its Buttons into has no\n     `button_groups/<name>.yml` behind it \u2014 they ride on `[buttons]` instead\n     (ADR 0009, ADR 0010) \u2014 so what decides whether the row exists is whether\n     there are Buttons in it. Empty, it draws only on the Canvas, where it is\n     the drop space a Button lands on. -->\n@if (buttons.length || isDesignMode) {\n  <div\n    class=\"m-action\"\n    [class.m-action--stuck]=\"isStuck()\"\n    [class.m-action--toggle]=\"resolvedVariant() === 'toggle'\"\n    [class.m-action--icon-only]=\"activeSqueeze() === 'icon'\"\n  >\n    @for (button of visibleButtons(); track $index) {\n      <button\n        type=\"button\"\n        class=\"m-action__btn\"\n        [attr.data-testid]=\"(button.name || '') + '-btn'\"\n        [attr.render-id]=\"renderIds()?.[button.name ?? '']\"\n        [class.active]=\"isActive(button)\"\n        [style.--m-action-color]=\"fillColor(button)\"\n        [style.--m-action-color-contrast]=\"contrastColor(button)\"\n        [style.--m-action-label]=\"labelColor(button)\"\n        [disabled]=\"isDisabled(button.name)\"\n        (click)=\"select(button)\"\n      >\n        @if (button.icon) {\n          <m-icon\n            [name]=\"button.icon\"\n            [color]=\"iconColor(button)\"\n            [remote]=\"remote() ?? config()?.remote\"\n          />\n        }\n        @if (button.label && !isLabelHidden(button)) {\n          <span class=\"m-action__label\">{{ button.label | translate }}</span>\n        }\n      </button>\n    }\n    @if (menuButtons().length) {\n      <!-- The Buttons the bar could not fit. Squeezed rather than dropped:\n           an action the User can still reach behind one press beats an action\n           that silently stopped existing at 400px. -->\n      <m-context-menu\n        class=\"m-action__overflow\"\n        [config]=\"squeezeMenu()\"\n        [remote]=\"remote() ?? config()?.remote\"\n        (action)=\"onMenuAction($event)\"\n      />\n    }\n    @if (!buttons.length) {\n      <!-- A bar with nothing in it has no box, and a slot with no box is a slot\n           nothing can be dropped on \u2014 the same rect an empty projected Card is\n           given (m-one-ui `.card-drop-space`). -->\n      <span class=\"m-action__drop\"></span>\n    }\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)}}m-action,m-one-action{display:block;width:100%;grid-column:1/-1}m-action.m-action--host-sticky,m-one-action.m-action--host-sticky{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.m-action{display:flex;flex-wrap:nowrap;background:transparent;width:100%;border-bottom:1px solid #f1f5f9;--m-action-color: var(--m-button-color, var(--m-one-button-color, var(--m-mm)));--m-action-color-contrast: var(--m-button-color-contrast, var(--m-one-button-color-contrast, #ffffff))}.m-action--stuck{border-bottom-color:#00000014;box-shadow:0 2px 10px #0000000f}.m-action__btn{flex:1;min-width:0;padding:1rem 2rem;border:none;background:transparent;color:var(--m-action-label, #1e293b);font-weight:300;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.6rem;white-space:nowrap;overflow:hidden;cursor:pointer;border-right:1px solid #f1f5f9;transition:all .25s cubic-bezier(.4,0,.2,1)}.m-action__btn:last-child{border-right:none}.m-action__btn:hover{background:#f8fafc;color:var(--m-action-color)}.m-action__btn .m-icon{transition:transform .2s ease}.m-action__btn:hover .m-icon{transform:scale(1.1)}.m-action__btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.m-action__btn.active{color:var(--m-action-color);font-weight:500}.m-action--toggle .m-action__btn{position:relative;filter:grayscale(100%);transition:all .25s cubic-bezier(.4,0,.2,1),filter .25s cubic-bezier(.4,0,.2,1)}.m-action--toggle .m-action__btn.active{filter:none}.m-action--toggle .m-action__btn.active:hover:not(:disabled){filter:none}.m-action--icon-only .m-action__btn{padding:1rem .5rem;gap:0}.m-action__overflow{display:flex;align-items:center;padding:0 .5rem;flex:0 0 auto}.m-action__drop{display:block;flex:1;min-height:3.5rem;margin:.5rem;border:1px dashed currentColor;border-radius:.25rem;opacity:.4;pointer-events:none}.m-action__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}@container mag-grid (max-width: 767.98px){.m-action__btn{padding:1rem .75rem;gap:.4rem}}@container mag-grid (max-width: 575.98px){.m-action__btn{padding:.85rem .4rem;font-size:.8rem}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { sticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "sticky", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], renderIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "renderIds", required: false }] }], squeezeAt: [{ type: i0.Input, args: [{ isSignal: true, alias: "squeezeAt", required: false }] }], squeezeMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "squeezeMode", required: false }] }] } });
 
 class BaseInputComponent {
@@ -10748,7 +10770,7 @@ class SectionToggleComponent {
         </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;grid-column:span 12;width:100%;box-sizing:border-box;padding:0 var(--section-px, var(--_section-px, 1rem))}:host(.has-border){border-bottom:1px solid var(--m-backdrop-border)}:host(.is-sticky-enabled){position:sticky;top:0;z-index:10}:host(.is-sticky){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)}.section-toggle__items{display:flex;align-items:stretch;width:100%;overflow:hidden}.section-toggle__item{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:.1rem;min-width:min-content;padding:.6rem .8rem;border:none;border-right:1px solid var(--m-backdrop-border);background:transparent;color:var(--m-text-secondary);cursor:pointer;transition:background .18s ease,color .18s ease}.section-toggle__item:last-of-type{border-right:none}.section-toggle__item:hover:not(:disabled){background:var(--m-backdrop-surface);color:var(--m-text)}.section-toggle__item:disabled{opacity:.45;cursor:not-allowed}.section-toggle__item.is-selected{background:var(--m-backdrop-mm);color:var(--m-mm)}.section-toggle__overflow{display:flex;align-items:center;padding-left:.25rem;border-left:1px solid var(--m-backdrop-border)}\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: "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;grid-column:span 12;width:100%;box-sizing:border-box;padding:0 var(--section-px, var(--_section-px, 1rem))}:host(.has-border){border-bottom:1px solid var(--m-backdrop-border)}:host(.is-sticky-enabled){position:sticky;top:0;z-index:10}:host(.is-sticky){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)}.section-toggle__items{display:flex;align-items:stretch;width:100%;overflow:hidden}.section-toggle__item{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:.1rem;min-width:min-content;padding:.6rem .8rem;border:none;border-right:1px solid var(--m-backdrop-border);background:transparent;color:var(--m-text-secondary);cursor:pointer;filter:grayscale(100%);transition:background .18s ease,color .18s ease,filter .18s ease}.section-toggle__item:last-of-type{border-right:none}.section-toggle__item:hover:not(:disabled){background:var(--m-backdrop-surface);color:var(--m-text)}.section-toggle__item:disabled{opacity:.45;cursor:not-allowed}.section-toggle__item.is-selected{background:transparent;color:var(--m-text);filter:none}.section-toggle__overflow{display:flex;align-items:center;padding-left:.25rem;border-left:1px solid var(--m-backdrop-border)}\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: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionToggleComponent, decorators: [{
             type: Component,
@@ -10787,7 +10809,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         '[class.has-border]': 'hasBorder()',
                         '[class.is-sticky-enabled]': 'sticky()',
                         '[class.is-sticky]': 'isSticky()',
-                    }, 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;grid-column:span 12;width:100%;box-sizing:border-box;padding:0 var(--section-px, var(--_section-px, 1rem))}:host(.has-border){border-bottom:1px solid var(--m-backdrop-border)}:host(.is-sticky-enabled){position:sticky;top:0;z-index:10}:host(.is-sticky){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)}.section-toggle__items{display:flex;align-items:stretch;width:100%;overflow:hidden}.section-toggle__item{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:.1rem;min-width:min-content;padding:.6rem .8rem;border:none;border-right:1px solid var(--m-backdrop-border);background:transparent;color:var(--m-text-secondary);cursor:pointer;transition:background .18s ease,color .18s ease}.section-toggle__item:last-of-type{border-right:none}.section-toggle__item:hover:not(:disabled){background:var(--m-backdrop-surface);color:var(--m-text)}.section-toggle__item:disabled{opacity:.45;cursor:not-allowed}.section-toggle__item.is-selected{background:var(--m-backdrop-mm);color:var(--m-mm)}.section-toggle__overflow{display:flex;align-items:center;padding-left:.25rem;border-left:1px solid var(--m-backdrop-border)}\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;grid-column:span 12;width:100%;box-sizing:border-box;padding:0 var(--section-px, var(--_section-px, 1rem))}:host(.has-border){border-bottom:1px solid var(--m-backdrop-border)}:host(.is-sticky-enabled){position:sticky;top:0;z-index:10}:host(.is-sticky){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)}.section-toggle__items{display:flex;align-items:stretch;width:100%;overflow:hidden}.section-toggle__item{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:.1rem;min-width:min-content;padding:.6rem .8rem;border:none;border-right:1px solid var(--m-backdrop-border);background:transparent;color:var(--m-text-secondary);cursor:pointer;filter:grayscale(100%);transition:background .18s ease,color .18s ease,filter .18s ease}.section-toggle__item:last-of-type{border-right:none}.section-toggle__item:hover:not(:disabled){background:var(--m-backdrop-surface);color:var(--m-text)}.section-toggle__item:disabled{opacity:.45;cursor:not-allowed}.section-toggle__item.is-selected{background:transparent;color:var(--m-text);filter:none}.section-toggle__overflow{display:flex;align-items:center;padding-left:.25rem;border-left:1px solid var(--m-backdrop-border)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], selectedIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIndex", required: false }] }, { type: i0.Output, args: ["selectedIndexChange"] }], border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }], sticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "sticky", required: false }] }], action: [{ type: i0.Output, args: ["action"] }], template: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SectionToggleItemDirective), { ...{
                             read: TemplateRef,
                         }, isSignal: true }] }] } });
@@ -14869,6 +14891,15 @@ class TextInputComponent extends BaseTextInputComponent {
     errors = input([], ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
     showErrors = computed(() => this.touched() && this.invalid(), ...(ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []));
     hideErrors = input(false, ...(ngDevMode ? [{ debugName: "hideErrors" }] : /* istanbul ignore next */ []));
+    // A `number` Field draws this same component (WrapperInputComponent has no
+    // case of its own for it), so the type it declares decides the element it
+    // draws. What *leaves* the field is coerced a level up, in the wrapper: an
+    // `<input>` reads its value as text whatever its type, and every other
+    // component on this base is a string field.
+    isNumber = computed(() => {
+        const config = this.config();
+        return !!config && config.type === InputType.NUMBER;
+    }, ...(ngDevMode ? [{ debugName: "isNumber" }] : /* istanbul ignore next */ []));
     onInput(event) {
         const target = event.target;
         this.setValue(target?.value ?? '');
@@ -14909,7 +14940,10 @@ class TextInputComponent extends BaseTextInputComponent {
           (input)="onInput($event)"
           (focus)="isFocused.set(true)"
           (blur)="isFocused.set(false); touched.set(true)"
-          type="text"
+          [type]="isNumber() ? 'number' : 'text'"
+          [attr.min]="isNumber() ? text.min ?? null : null"
+          [attr.max]="isNumber() ? text.max ?? null : null"
+          [attr.step]="isNumber() ? text.step ?? null : null"
         />
         @if (config()?.status; as status) {
           <div class="input-indicator" [class]="'input-indicator--' + status">
@@ -14973,7 +15007,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
           (input)="onInput($event)"
           (focus)="isFocused.set(true)"
           (blur)="isFocused.set(false); touched.set(true)"
-          type="text"
+          [type]="isNumber() ? 'number' : 'text'"
+          [attr.min]="isNumber() ? text.min ?? null : null"
+          [attr.max]="isNumber() ? text.max ?? null : null"
+          [attr.step]="isNumber() ? text.step ?? null : null"
         />
         @if (config()?.status; as status) {
           <div class="input-indicator" [class]="'input-indicator--' + status">
@@ -17688,6 +17725,10 @@ class WrapperInputComponent extends ConfigComponent {
     // it can key its model by that instead of by the filename. Only the asset
     // knows it, and only after it has loaded.
     fieldKey = output();
+    // The type that asset declares, announced for the same reason the key is:
+    // the FormGroup renders this wrapper before the asset it names has loaded,
+    // so it cannot read what kind of value the field is about to write.
+    fieldType = output();
     dynamicInput = viewChild('dynamicInput', { ...(ngDevMode ? { debugName: "dynamicInput" } : /* istanbul ignore next */ {}), read: ViewContainerRef });
     // The declared name wins over the filename: two assets pointing at one key
     // (fields/label.yml and fields/label_key.yml both declare `label`) is the
@@ -17777,6 +17818,11 @@ class WrapperInputComponent extends ConfigComponent {
             if (key)
                 this.fieldKey.emit(key);
         });
+        effect(() => {
+            const type = this.config()?.type;
+            if (type)
+                this.fieldType.emit(type);
+        });
     }
     ngOnDestroy() {
         // Deliberately no componentRef.destroy(): Angular tears down anything
@@ -17789,6 +17835,22 @@ class WrapperInputComponent extends ConfigComponent {
         this.isDestroyed = true;
         this.dynamicSeq++;
     }
+    // A `number` Field draws the plain text input (there is no case of its own
+    // below), and an `<input>` hands back its value as text whatever its type —
+    // so the figure is read here rather than in the component, every other field
+    // on that component being a string field. `320` rather than `'320'`: a
+    // numeric config is read back as a number by codegen and by every consumer
+    // that compares or arithmetics on it.
+    coerceValue = (value) => {
+        if (this.config()?.type !== InputType.NUMBER)
+            return value;
+        if (typeof value === 'number')
+            return value;
+        if (typeof value !== 'string' || !value.trim())
+            return undefined;
+        const parsed = Number(value);
+        return Number.isFinite(parsed) ? parsed : undefined;
+    };
     onButtonClick() {
         const config = this.config();
         if (!config)
@@ -17838,7 +17900,7 @@ class WrapperInputComponent extends ConfigComponent {
             ]
             : [
                 inputBinding('value', this.value),
-                outputBinding('valueChange', (v) => this.value.set(v)),
+                outputBinding('valueChange', (v) => this.value.set(this.coerceValue(v))),
             ];
         viewContainerRef.createComponent(component, {
             bindings: [
@@ -17878,7 +17940,7 @@ class WrapperInputComponent extends ConfigComponent {
                 break;
             }
             case InputType.TOGGLE: {
-                const { ToggleInputComponent } = await import('./magmonium-one-toggle-HPEzHZnE.mjs');
+                const { ToggleInputComponent } = await import('./magmonium-one-toggle-va8TrumU.mjs');
                 this.createDynamicComponent(seq, ToggleInputComponent, [], true);
                 break;
             }
@@ -17890,12 +17952,12 @@ class WrapperInputComponent extends ConfigComponent {
                 break;
             }
             case InputType.PASSWORD: {
-                const { PasswordInputComponent } = await import('./magmonium-one-password-D3BakJ2Q.mjs');
+                const { PasswordInputComponent } = await import('./magmonium-one-password-BBDHGlXa.mjs');
                 this.createDynamicComponent(seq, PasswordInputComponent);
                 break;
             }
             case InputType.OTP: {
-                const { OtpInputComponent } = await import('./magmonium-one-otp-CsI76aAN.mjs');
+                const { OtpInputComponent } = await import('./magmonium-one-otp-Ee5Z04t5.mjs');
                 this.createDynamicComponent(seq, OtpInputComponent);
                 break;
             }
@@ -17981,7 +18043,7 @@ class WrapperInputComponent extends ConfigComponent {
         }
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: WrapperInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: WrapperInputComponent, isStandalone: true, selector: "m-input-wrapper", inputs: { remote: { classPropertyName: "remote", publicName: "remote", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", 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 } }, outputs: { value: "valueChange", state: "stateChange", act: "act", fieldKey: "fieldKey" }, host: { properties: { "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: WrapperInputComponent, isStandalone: true, selector: "m-input-wrapper", inputs: { remote: { classPropertyName: "remote", publicName: "remote", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", 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 } }, outputs: { value: "valueChange", state: "stateChange", act: "act", fieldKey: "fieldKey", fieldType: "fieldType" }, host: { properties: { "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: `
     @if (isVisible()) {
       <div
         class="m-input-wrapper"
@@ -18044,7 +18106,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
       </div>
     }
   `, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}: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"] }]
-        }], ctorParameters: () => [], propDecorators: { remote: [{ type: i0.Input, args: [{ isSignal: true, alias: "remote", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }, { type: i0.Output, args: ["stateChange"] }], 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 }] }], act: [{ type: i0.Output, args: ["act"] }], fieldKey: [{ type: i0.Output, args: ["fieldKey"] }], dynamicInput: [{ type: i0.ViewChild, args: ['dynamicInput', { ...{ read: ViewContainerRef }, isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { remote: [{ type: i0.Input, args: [{ isSignal: true, alias: "remote", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }, { type: i0.Output, args: ["stateChange"] }], 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 }] }], act: [{ type: i0.Output, args: ["act"] }], fieldKey: [{ type: i0.Output, args: ["fieldKey"] }], fieldType: [{ type: i0.Output, args: ["fieldType"] }], dynamicInput: [{ type: i0.ViewChild, args: ['dynamicInput', { ...{ read: ViewContainerRef }, isSignal: true }] }] } });
 
 class RangeInputComponent extends BaseTextInputComponent {
     _track = viewChild('track', ...(ngDevMode ? [{ debugName: "_track" }] : /* istanbul ignore next */ []));
@@ -19011,6 +19073,7 @@ class SelectableCardInputComponent extends BaseInputComponent {
               class="selectable-card__item"
               [class.selectable-card__item--selected]="selected"
               [class.selectable-card__item--disabled]="effectiveDisabled"
+              [class.selectable-card__item--line]="cfg.variant === 'line'"
               [attr.tabindex]="effectiveDisabled ? -1 : 0"
               role="option"
               [attr.aria-selected]="selected"
@@ -19053,7 +19116,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: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", "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,
@@ -19080,6 +19143,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
               class="selectable-card__item"
               [class.selectable-card__item--selected]="selected"
               [class.selectable-card__item--disabled]="effectiveDisabled"
+              [class.selectable-card__item--line]="cfg.variant === 'line'"
               [attr.tabindex]="effectiveDisabled ? -1 : 0"
               role="option"
               [attr.aria-selected]="selected"
@@ -19128,7 +19192,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         TranslatePipe,
                         IconComponent,
                         LabelComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display: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: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"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%;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"] }]
         }], propDecorators: { 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 }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], projectedTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
 
 var selectableCard = /*#__PURE__*/Object.freeze({
@@ -19764,6 +19828,29 @@ class FormGroupComponent extends ConfigComponent {
             return;
         this.fieldKeys.set({ ...this.fieldKeys(), [input]: key });
     };
+    // What each field asset declares itself to be. Only `number` is acted on so
+    // far (mergeData reads it), and only a loaded asset can say so — which is
+    // why this arrives as an output rather than being read off `fieldConfigs`.
+    fieldTypes = signal({}, ...(ngDevMode ? [{ debugName: "fieldTypes" }] : /* istanbul ignore next */ []));
+    onFieldType = (input, type) => {
+        if (this.fieldTypes()[input] === type)
+            return;
+        this.fieldTypes.set({ ...this.fieldTypes(), [input]: type });
+    };
+    // A `number` field's value as a figure. The `<input>` behind it reads back
+    // as text whatever its `type` is, so a Field declaring `number` would
+    // otherwise hand its reader `'320'` — and every consumer of a numeric
+    // config (an ImgControl's width, a price, a limit) tests for a number and
+    // silently falls back when it finds a string.
+    asNumber = (value) => {
+        if (typeof value === 'number' || value === undefined || value === null) {
+            return value;
+        }
+        if (typeof value !== 'string' || !value.trim())
+            return undefined;
+        const parsed = Number(value);
+        return Number.isFinite(parsed) ? parsed : undefined;
+    };
     modelKeys = computed(() => {
         const keys = this.fieldKeys();
         // Deduped: two inputs resolving to one key (label_key + label, only one of
@@ -19789,6 +19876,14 @@ class FormGroupComponent extends ConfigComponent {
             if (!(key in value))
                 merged[key] = undefined;
         });
+        const keys = this.fieldKeys();
+        Object.entries(this.fieldTypes()).forEach(([input, type]) => {
+            if (type !== InputType.NUMBER)
+                return;
+            const key = keys[input] ?? input;
+            if (key in merged)
+                merged[key] = this.asNumber(merged[key]);
+        });
         return merged;
     };
     model = linkedSignal({ ...(ngDevMode ? { debugName: "model" } : /* istanbul ignore next */ {}), source: () => ({
@@ -19945,13 +20040,14 @@ class FormGroupComponent extends ConfigComponent {
                 [focused]="shouldFocus() && !$index"
                 (act)="act.emit($event)"
                 (fieldKey)="onFieldKey(input.name, $event)"
+                (fieldType)="onFieldType(input.name, $event)"
               />
             }
           </form>
         }
       }
     </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"] }, { 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"], 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,
@@ -19999,6 +20095,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 [focused]="shouldFocus() && !$index"
                 (act)="act.emit($event)"
                 (fieldKey)="onFieldKey(input.name, $event)"
+                (fieldType)="onFieldType(input.name, $event)"
               />
             }
           </form>
@@ -20653,6 +20750,9 @@ function getClassList$1(config) {
     if (config?.interactive) {
         classList.push('interactive');
     }
+    if (config?.clickable) {
+        classList.push('clickable');
+    }
     // `true`/`false` retain compatibility with existing cards while new cards
     // select one explicit edge set from the design dropdown.
     if (config?.padding === true) {
@@ -20682,6 +20782,7 @@ class CardComponent extends ConfigComponent {
     fullHeight = input(...(ngDevMode ? [undefined, { debugName: "fullHeight" }] : /* istanbul ignore next */ []));
     padding = input(...(ngDevMode ? [undefined, { debugName: "padding" }] : /* istanbul ignore next */ []));
     href = input(...(ngDevMode ? [undefined, { debugName: "href" }] : /* istanbul ignore next */ []));
+    clickable = input(...(ngDevMode ? [undefined, { debugName: "clickable" }] : /* istanbul ignore next */ []));
     clicked = output();
     effectiveConfig = computed(() => ({
         ...this.config(),
@@ -20692,27 +20793,30 @@ class CardComponent extends ConfigComponent {
             (this.variant() ?? this.config()?.variant) === 'dashboard'
             ? true
             : undefined,
+        clickable: this.clickable() ?? this.config()?.clickable,
     }), ...(ngDevMode ? [{ debugName: "effectiveConfig" }] : /* istanbul ignore next */ []));
     classNames = computed(() => getClassList$1(this.effectiveConfig()), ...(ngDevMode ? [{ debugName: "classNames" }] : /* istanbul ignore next */ []));
+    // One answer for both halves of being clickable: the class list draws the
+    // affordance from the same merged value this guards emission with, so a card
+    // made clickable only through its config cannot look pressable yet stay mute.
+    isClickable = computed(() => !!this.effectiveConfig().clickable, ...(ngDevMode ? [{ debugName: "isClickable" }] : /* istanbul ignore next */ []));
     onCardClick = (event) => {
-        // A canvas click selects the drawn control; it must never navigate the
-        // editor away from the composition being edited.
         if (this.isDesignMode)
             event.preventDefault();
-        if (this.href() || this.variant() !== 'clickable')
+        if (this.href() || !this.isClickable())
             return;
         this.clicked.emit();
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CardComponent, isStandalone: true, selector: "m-card,m-one-card", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, fullHeight: { classPropertyName: "fullHeight", publicName: "fullHeight", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { properties: { "class.full-height": "fullHeight() || config()?.fullHeight || variant() === \"dashboard\"", "class.dashboard": "variant() === \"dashboard\"" } }, usesInheritance: true, ngImport: i0, template: "<ng-template #body>\n  <header>\n    <ng-content select=\"[slot=header]\"></ng-content>\n  </header>\n\n  <main>\n    <ng-content select=\"[slot=content]\"></ng-content>\n    <ng-content></ng-content>\n  </main>\n\n  <footer>\n    <ng-content select=\"[slot=footer]\"></ng-content>\n  </footer>\n</ng-template>\n\n@if (href()) {\n  <a [class]=\"classNames()\" [href]=\"href()\" (click)=\"onCardClick($event)\">\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </a>\n} @else {\n  <div\n    [class]=\"classNames()\"\n    [class.interactive]=\"variant() === 'clickable'\"\n    [attr.role]=\"variant() === 'clickable' ? 'button' : null\"\n    [attr.tabindex]=\"variant() === 'clickable' ? 0 : null\"\n    (click)=\"onCardClick($event)\"\n    (keydown.enter)=\"variant() === 'clickable' && onCardClick($event)\"\n    (keydown.space)=\"$event.preventDefault(); variant() === 'clickable' && onCardClick($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </div>\n}\n", styles: [":host{display:block;width:100%}:host.full-height,:host.dashboard{height:100%}.card{display:flex;flex-direction:column;border-radius:1em;overflow:hidden;box-sizing:border-box;transition:all .2s ease-in-out;width:100%;min-height:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:var(--m-backdrop-standard);border:1px solid var(--m-backdrop-border)}.card header,.card main,.card footer{padding:1rem 1.5rem}.card header{color:var(--m-card-color);border-bottom:1px solid var(--m-card-color)}.card header:empty{display:none}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{margin:0 0 .25rem;font-weight:600;color:#333;line-height:1.3}.card header p{margin:0;color:#666;font-size:.875rem;line-height:1.4}.card main{flex:1}.card main:empty:not(:only-child){display:none}.card main p{margin:0 0 1rem;line-height:1.5;color:#333}.card main p:last-child{margin-bottom:0}.card footer{border-top:1px solid var(--m-card-color);font-size:.75rem;color:#666}.card footer:empty{display:none}@media(min-width:0){.card.xs-size-xs{max-width:240px;min-height:120px}}@media(min-width:0){.card.xs-size-sm{max-width:320px;min-height:160px}}@media(min-width:0){.card.xs-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-sm{max-width:320px;min-height:160px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-md{max-width:480px;min-height:240px}}@media(min-width:768px){.card.md-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-xl{max-width:800px;min-height:400px}}@media(min-width:768px){.card.md-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.md-size-jumbo header{padding:3rem 1rem;text-align:center}.card.md-size-jumbo header h1,.card.md-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.md-size-jumbo header h3,.card.md-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.md-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.md-size-jumbo main{padding:3rem 1rem;text-align:center}.card.md-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.md-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:992px){.card.lg-size-lg{max-width:640px;min-height:320px}}@media(min-width:992px){.card.lg-size-xl{max-width:800px;min-height:400px}}@media(min-width:992px){.card.lg-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.lg-size-jumbo header{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo header h1,.card.lg-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.lg-size-jumbo header h3,.card.lg-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.lg-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.lg-size-jumbo main{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.lg-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1200px){.card.xl-size-xl{max-width:800px;min-height:400px}}@media(min-width:1200px){.card.xl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo header h1,.card.xl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xl-size-jumbo header h3,.card.xl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1400px){.card.xxl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xxl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo header h1,.card.xxl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xxl-size-jumbo header h3,.card.xxl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xxl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xxl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xxl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(max-width:991.98px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{width:100%;max-width:none;margin:0;border-radius:0}}@media(max-width:991.98px)and (min-width:992px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{border-radius:8px;margin:0 1rem}}@media(max-width:767.98px){.card header,.card main,.card footer{padding-left:1rem;padding-right:1rem}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{font-size:1.1rem}.card header p{font-size:.8rem}.card main p{font-size:.9rem}.card footer{font-size:.7rem}}@media(min-width:768px)and (max-width:991.98px){.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2rem}.card.size-jumbo header p{font-size:1.1rem}.card.size-jumbo main p{font-size:1rem}}@media(max-width:575.98px){.card.size-jumbo header{padding:1.5rem 1rem}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:1.8rem}.card.size-jumbo header p{font-size:1rem}.card.size-jumbo main{padding:1.5rem 1rem}.card.size-jumbo main p{font-size:.95rem}.card.size-jumbo footer{padding:1rem}}.card.flat,.card.outlined{border:1px solid var(--m-card-color);box-shadow:none}.card.glass{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border:1px solid var(--m-border)}.card.glass header{border-bottom:1px solid var(--m-border)}.card.glass footer{border-top:1px solid var(--m-border)}.card.beautiful{background:var(--surface-hover);border:1px solid var(--border);box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card.beautiful header{border-bottom:1px solid var(--border);background:rgba(var(--primary-rgb),.03)}.card.beautiful footer{border-top:1px solid var(--border);background:rgba(var(--primary-rgb),.02)}.card.professional{background:#fff;border:1px solid #e2e8f0;border-radius:0;box-shadow:none}.card.professional header{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.card.professional main{padding:2rem}.card.professional footer{padding:1.5rem 2rem;background:#fff;border-top:1px solid #f1f5f9}.card.subtle{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;box-shadow:none}.card.subtle header,.card.subtle main,.card.subtle footer{padding:1rem}.card.no-border{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.no-border header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.no-border header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.no-border footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.no-border footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.dashboard header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.dashboard header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.dashboard footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.dashboard footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.dashboard header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.dashboard main{flex:1;overflow-y:auto;min-height:0}.card.dashboard footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}.card.dashboard{border:var(--m-card-border, 1px solid var(--m-backdrop-border));border-radius:var(--m-card-border-radius, 1.5rem);background:var(--m-card-background, var(--m-backdrop-glass));box-shadow:0 8px 32px -4px #0000000a,0 1px 4px #00000005}.card.dashboard header{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);border-bottom:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.dashboard footer{background:linear-gradient(0deg,rgba(255,255,255,.03) 0%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto;border-top:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.roundedBorder{border:2px solid var(--border, var(--m-border));border-radius:4px;box-shadow:none}.card.highlighted{border:2px solid var(--mm-color, var(--m-mm));border-radius:4px;background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 5%,var(--background, var(--m-background)) 95%);box-shadow:0 0 0 1px var(--mm-color, var(--m-mm))}.card.clickable{border:2px solid var(--border, var(--m-border));border-radius:4px;cursor:pointer}.card.clickable:hover{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%)}.card.padding-none header,.card.padding-none main,.card.padding-none footer{padding:0}.card.padding-x header,.card.padding-x main,.card.padding-x footer{padding-block:0}.card.padding-y header,.card.padding-y main,.card.padding-y footer{padding-inline:0}.card.padding-left header,.card.padding-left main,.card.padding-left footer{padding-top:0;padding-right:0;padding-bottom:0}.card.padding-right header,.card.padding-right main,.card.padding-right footer{padding-top:0;padding-bottom:0;padding-left:0}.card.padding-up header,.card.padding-up main,.card.padding-up footer{padding-right:0;padding-bottom:0;padding-left:0}.card.padding-down header,.card.padding-down main,.card.padding-down footer{padding-top:0;padding-right:0;padding-left:0}.card.compact{border-radius:.5rem}.card.compact header,.card.compact main,.card.compact footer{padding:.5rem 1rem}.card.spacious{border-radius:1.5rem}.card.spacious header,.card.spacious main,.card.spacious footer{padding:1.5rem 3rem}.card.separated header{border-bottom-width:2px;border-bottom-color:var(--m-card-color)}.card.separated footer{border-top-width:2px;border-top-color:var(--m-card-color)}.card.size-xs{max-width:240px;min-height:120px}.card.size-sm{max-width:320px;min-height:160px}.card.size-md{max-width:480px;min-height:240px}.card.size-lg{max-width:640px;min-height:320px}.card.size-xl{max-width:800px;min-height:400px}.card.size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.size-jumbo header{padding:3rem 1rem;text-align:center}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.size-jumbo header h3,.card.size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.size-jumbo main{padding:3rem 1rem;text-align:center}.card.size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.size-jumbo footer{padding:1.5rem 1rem;text-align:center}.card.size-full-width{width:100%;max-width:none;margin:0;border-radius:0}@media(min-width:992px){.card.size-full-width{border-radius:8px;margin:0 1rem}}.card.full-width{width:100vw;margin-left:50%;transform:translate(-50%);max-width:none;border-radius:0}@media(min-width:1200px){.card.full-width{width:100%;margin-left:0;transform:none;border-radius:8px}}.card.interactive{cursor:pointer}.card.interactive:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a,0 8px 24px #00000014}.card.interactive:active{transform:translateY(0);transition:transform .1s ease-out}a.card{color:inherit;text-decoration:none}.card.elevated{box-shadow:15px 15px 30px #bebebe,-15px -15px 30px #fff;border:none}.card.full-height{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.full-height header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.full-height main{flex:1;overflow-y:auto;min-height:0}.card.full-height footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CardComponent, isStandalone: true, selector: "m-card,m-one-card", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, fullHeight: { classPropertyName: "fullHeight", publicName: "fullHeight", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { properties: { "class.full-height": "fullHeight() || config()?.fullHeight || variant() === \"dashboard\"", "class.dashboard": "variant() === \"dashboard\"" } }, usesInheritance: true, ngImport: i0, template: "<ng-template #body>\n  <header>\n    <ng-content select=\"[slot=header]\"></ng-content>\n  </header>\n\n  <main>\n    <ng-content select=\"[slot=content]\"></ng-content>\n    <ng-content></ng-content>\n  </main>\n\n  <footer>\n    <ng-content select=\"[slot=footer]\"></ng-content>\n  </footer>\n</ng-template>\n\n@if (href()) {\n  <a [class]=\"classNames()\" [href]=\"href()\" (click)=\"onCardClick($event)\">\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </a>\n} @else {\n  <div\n    [class]=\"classNames()\"\n    [attr.role]=\"isClickable() ? 'button' : null\"\n    [attr.tabindex]=\"isClickable() ? 0 : null\"\n    (click)=\"onCardClick($event)\"\n    (keydown.enter)=\"isClickable() && onCardClick($event)\"\n    (keydown.space)=\"$event.preventDefault(); isClickable() && onCardClick($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </div>\n}\n", styles: [":host{display:block;width:100%}:host.full-height,:host.dashboard{height:100%}.card{display:flex;flex-direction:column;border-radius:1em;overflow:hidden;box-sizing:border-box;transition:all .2s ease-in-out;width:100%;min-height:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:var(--m-backdrop-standard);border:1px solid var(--m-backdrop-border)}.card header,.card main,.card footer{padding:1rem 1.5rem}.card header{color:var(--m-card-color);border-bottom:1px solid var(--border, var(--m-border))}.card header:empty{display:none}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{margin:0 0 .25rem;font-weight:600;color:#333;line-height:1.3}.card header p{margin:0;color:#666;font-size:.875rem;line-height:1.4}.card main{flex:1}.card main:empty:not(:only-child){display:none}.card main p{margin:0 0 1rem;line-height:1.5;color:#333}.card main p:last-child{margin-bottom:0}.card footer{border-top:1px solid var(--border, var(--m-border));font-size:.75rem;color:#666}.card footer:empty{display:none}@media(min-width:0){.card.xs-size-xs{max-width:240px;min-height:120px}}@media(min-width:0){.card.xs-size-sm{max-width:320px;min-height:160px}}@media(min-width:0){.card.xs-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-sm{max-width:320px;min-height:160px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-md{max-width:480px;min-height:240px}}@media(min-width:768px){.card.md-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-xl{max-width:800px;min-height:400px}}@media(min-width:768px){.card.md-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.md-size-jumbo header{padding:3rem 1rem;text-align:center}.card.md-size-jumbo header h1,.card.md-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.md-size-jumbo header h3,.card.md-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.md-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.md-size-jumbo main{padding:3rem 1rem;text-align:center}.card.md-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.md-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:992px){.card.lg-size-lg{max-width:640px;min-height:320px}}@media(min-width:992px){.card.lg-size-xl{max-width:800px;min-height:400px}}@media(min-width:992px){.card.lg-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.lg-size-jumbo header{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo header h1,.card.lg-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.lg-size-jumbo header h3,.card.lg-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.lg-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.lg-size-jumbo main{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.lg-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1200px){.card.xl-size-xl{max-width:800px;min-height:400px}}@media(min-width:1200px){.card.xl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo header h1,.card.xl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xl-size-jumbo header h3,.card.xl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1400px){.card.xxl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xxl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo header h1,.card.xxl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xxl-size-jumbo header h3,.card.xxl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xxl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xxl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xxl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(max-width:991.98px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{width:100%;max-width:none;margin:0;border-radius:0}}@media(max-width:991.98px)and (min-width:992px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{border-radius:8px;margin:0 1rem}}@media(max-width:767.98px){.card header,.card main,.card footer{padding-left:1rem;padding-right:1rem}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{font-size:1.1rem}.card header p{font-size:.8rem}.card main p{font-size:.9rem}.card footer{font-size:.7rem}}@media(min-width:768px)and (max-width:991.98px){.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2rem}.card.size-jumbo header p{font-size:1.1rem}.card.size-jumbo main p{font-size:1rem}}@media(max-width:575.98px){.card.size-jumbo header{padding:1.5rem 1rem}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:1.8rem}.card.size-jumbo header p{font-size:1rem}.card.size-jumbo main{padding:1.5rem 1rem}.card.size-jumbo main p{font-size:.95rem}.card.size-jumbo footer{padding:1rem}}.card.flat,.card.outlined{border:1px solid var(--border, var(--m-border));box-shadow:none}.card.glass{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border:1px solid var(--m-border)}.card.glass header{border-bottom:1px solid var(--m-border)}.card.glass footer{border-top:1px solid var(--m-border)}.card.beautiful{background:var(--surface-hover);border:1px solid var(--border);box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card.beautiful header{border-bottom:1px solid var(--border);background:rgba(var(--primary-rgb),.03)}.card.beautiful footer{border-top:1px solid var(--border);background:rgba(var(--primary-rgb),.02)}.card.professional{background:#fff;border:1px solid #e2e8f0;border-radius:0;box-shadow:none}.card.professional header{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.card.professional main{padding:2rem}.card.professional footer{padding:1.5rem 2rem;background:#fff;border-top:1px solid #f1f5f9}.card.subtle{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;box-shadow:none}.card.subtle header,.card.subtle main,.card.subtle footer{padding:1rem}.card.no-border{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.no-border header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.no-border header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.no-border footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.no-border footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.dashboard header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.dashboard header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.dashboard footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.dashboard footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.dashboard header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.dashboard main{flex:1;overflow-y:auto;min-height:0}.card.dashboard footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}.card.dashboard{border:var(--m-card-border, 1px solid var(--m-backdrop-border));border-radius:var(--m-card-border-radius, 1.5rem);background:var(--m-card-background, var(--m-backdrop-glass));box-shadow:0 8px 32px -4px #0000000a,0 1px 4px #00000005}.card.dashboard header{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);border-bottom:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.dashboard footer{background:linear-gradient(0deg,rgba(255,255,255,.03) 0%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto;border-top:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.roundedBorder{border:2px solid var(--border, var(--m-border));border-radius:4px;box-shadow:none}.card.highlighted{border:2px solid var(--border, var(--m-border));border-radius:4px;background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 5%,var(--background, var(--m-background)) 95%);box-shadow:0 0 0 1px var(--mm-color, var(--m-mm))}.card.clickable{border:2px solid var(--border, var(--m-border));border-radius:4px;cursor:pointer;transition:border-color .2s ease-in-out,background-color .15s ease-in-out}.card.clickable:hover{border-color:var(--mm-color, var(--m-mm))}.card.clickable:active{border-color:var(--mm-color, var(--m-mm));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 8%,transparent)}.card.line{border:1px solid var(--border, var(--m-border));border-radius:16px;box-shadow:none}.card.padding-none header,.card.padding-none main,.card.padding-none footer{padding:0}.card.padding-x header,.card.padding-x main,.card.padding-x footer{padding-block:0}.card.padding-y header,.card.padding-y main,.card.padding-y footer{padding-inline:0}.card.padding-left header,.card.padding-left main,.card.padding-left footer{padding-top:0;padding-right:0;padding-bottom:0}.card.padding-right header,.card.padding-right main,.card.padding-right footer{padding-top:0;padding-bottom:0;padding-left:0}.card.padding-up header,.card.padding-up main,.card.padding-up footer{padding-right:0;padding-bottom:0;padding-left:0}.card.padding-down header,.card.padding-down main,.card.padding-down footer{padding-top:0;padding-right:0;padding-left:0}.card.compact{border-radius:.5rem}.card.compact header,.card.compact main,.card.compact footer{padding:.5rem 1rem}.card.spacious{border-radius:1.5rem}.card.spacious header,.card.spacious main,.card.spacious footer{padding:1.5rem 3rem}.card.separated header{border-bottom-width:2px;border-bottom-color:var(--border, var(--m-border))}.card.separated footer{border-top-width:2px;border-top-color:var(--border, var(--m-border))}.card.size-xs{max-width:240px;min-height:120px}.card.size-sm{max-width:320px;min-height:160px}.card.size-md{max-width:480px;min-height:240px}.card.size-lg{max-width:640px;min-height:320px}.card.size-xl{max-width:800px;min-height:400px}.card.size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.size-jumbo header{padding:3rem 1rem;text-align:center}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.size-jumbo header h3,.card.size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.size-jumbo main{padding:3rem 1rem;text-align:center}.card.size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.size-jumbo footer{padding:1.5rem 1rem;text-align:center}.card.size-full-width{width:100%;max-width:none;margin:0;border-radius:0}@media(min-width:992px){.card.size-full-width{border-radius:8px;margin:0 1rem}}.card.full-width{width:100vw;margin-left:50%;transform:translate(-50%);max-width:none;border-radius:0}@media(min-width:1200px){.card.full-width{width:100%;margin-left:0;transform:none;border-radius:8px}}.card.interactive{cursor:pointer}.card.interactive:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a,0 8px 24px #00000014}.card.interactive:active{transform:translateY(0);transition:transform .1s ease-out}a.card{color:inherit;text-decoration:none}.card.elevated{box-shadow:15px 15px 30px #bebebe,-15px -15px 30px #fff;border:none}.card.full-height{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.full-height header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.full-height main{flex:1;overflow-y:auto;min-height:0}.card.full-height footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'm-card,m-one-card', imports: [NgTemplateOutlet], host: {
                         '[class.full-height]': 'fullHeight() || config()?.fullHeight || variant() === "dashboard"',
                         '[class.dashboard]': 'variant() === "dashboard"',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #body>\n  <header>\n    <ng-content select=\"[slot=header]\"></ng-content>\n  </header>\n\n  <main>\n    <ng-content select=\"[slot=content]\"></ng-content>\n    <ng-content></ng-content>\n  </main>\n\n  <footer>\n    <ng-content select=\"[slot=footer]\"></ng-content>\n  </footer>\n</ng-template>\n\n@if (href()) {\n  <a [class]=\"classNames()\" [href]=\"href()\" (click)=\"onCardClick($event)\">\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </a>\n} @else {\n  <div\n    [class]=\"classNames()\"\n    [class.interactive]=\"variant() === 'clickable'\"\n    [attr.role]=\"variant() === 'clickable' ? 'button' : null\"\n    [attr.tabindex]=\"variant() === 'clickable' ? 0 : null\"\n    (click)=\"onCardClick($event)\"\n    (keydown.enter)=\"variant() === 'clickable' && onCardClick($event)\"\n    (keydown.space)=\"$event.preventDefault(); variant() === 'clickable' && onCardClick($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </div>\n}\n", styles: [":host{display:block;width:100%}:host.full-height,:host.dashboard{height:100%}.card{display:flex;flex-direction:column;border-radius:1em;overflow:hidden;box-sizing:border-box;transition:all .2s ease-in-out;width:100%;min-height:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:var(--m-backdrop-standard);border:1px solid var(--m-backdrop-border)}.card header,.card main,.card footer{padding:1rem 1.5rem}.card header{color:var(--m-card-color);border-bottom:1px solid var(--m-card-color)}.card header:empty{display:none}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{margin:0 0 .25rem;font-weight:600;color:#333;line-height:1.3}.card header p{margin:0;color:#666;font-size:.875rem;line-height:1.4}.card main{flex:1}.card main:empty:not(:only-child){display:none}.card main p{margin:0 0 1rem;line-height:1.5;color:#333}.card main p:last-child{margin-bottom:0}.card footer{border-top:1px solid var(--m-card-color);font-size:.75rem;color:#666}.card footer:empty{display:none}@media(min-width:0){.card.xs-size-xs{max-width:240px;min-height:120px}}@media(min-width:0){.card.xs-size-sm{max-width:320px;min-height:160px}}@media(min-width:0){.card.xs-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-sm{max-width:320px;min-height:160px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-md{max-width:480px;min-height:240px}}@media(min-width:768px){.card.md-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-xl{max-width:800px;min-height:400px}}@media(min-width:768px){.card.md-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.md-size-jumbo header{padding:3rem 1rem;text-align:center}.card.md-size-jumbo header h1,.card.md-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.md-size-jumbo header h3,.card.md-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.md-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.md-size-jumbo main{padding:3rem 1rem;text-align:center}.card.md-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.md-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:992px){.card.lg-size-lg{max-width:640px;min-height:320px}}@media(min-width:992px){.card.lg-size-xl{max-width:800px;min-height:400px}}@media(min-width:992px){.card.lg-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.lg-size-jumbo header{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo header h1,.card.lg-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.lg-size-jumbo header h3,.card.lg-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.lg-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.lg-size-jumbo main{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.lg-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1200px){.card.xl-size-xl{max-width:800px;min-height:400px}}@media(min-width:1200px){.card.xl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo header h1,.card.xl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xl-size-jumbo header h3,.card.xl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1400px){.card.xxl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xxl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo header h1,.card.xxl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xxl-size-jumbo header h3,.card.xxl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xxl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xxl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xxl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(max-width:991.98px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{width:100%;max-width:none;margin:0;border-radius:0}}@media(max-width:991.98px)and (min-width:992px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{border-radius:8px;margin:0 1rem}}@media(max-width:767.98px){.card header,.card main,.card footer{padding-left:1rem;padding-right:1rem}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{font-size:1.1rem}.card header p{font-size:.8rem}.card main p{font-size:.9rem}.card footer{font-size:.7rem}}@media(min-width:768px)and (max-width:991.98px){.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2rem}.card.size-jumbo header p{font-size:1.1rem}.card.size-jumbo main p{font-size:1rem}}@media(max-width:575.98px){.card.size-jumbo header{padding:1.5rem 1rem}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:1.8rem}.card.size-jumbo header p{font-size:1rem}.card.size-jumbo main{padding:1.5rem 1rem}.card.size-jumbo main p{font-size:.95rem}.card.size-jumbo footer{padding:1rem}}.card.flat,.card.outlined{border:1px solid var(--m-card-color);box-shadow:none}.card.glass{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border:1px solid var(--m-border)}.card.glass header{border-bottom:1px solid var(--m-border)}.card.glass footer{border-top:1px solid var(--m-border)}.card.beautiful{background:var(--surface-hover);border:1px solid var(--border);box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card.beautiful header{border-bottom:1px solid var(--border);background:rgba(var(--primary-rgb),.03)}.card.beautiful footer{border-top:1px solid var(--border);background:rgba(var(--primary-rgb),.02)}.card.professional{background:#fff;border:1px solid #e2e8f0;border-radius:0;box-shadow:none}.card.professional header{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.card.professional main{padding:2rem}.card.professional footer{padding:1.5rem 2rem;background:#fff;border-top:1px solid #f1f5f9}.card.subtle{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;box-shadow:none}.card.subtle header,.card.subtle main,.card.subtle footer{padding:1rem}.card.no-border{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.no-border header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.no-border header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.no-border footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.no-border footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.dashboard header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.dashboard header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.dashboard footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.dashboard footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.dashboard header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.dashboard main{flex:1;overflow-y:auto;min-height:0}.card.dashboard footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}.card.dashboard{border:var(--m-card-border, 1px solid var(--m-backdrop-border));border-radius:var(--m-card-border-radius, 1.5rem);background:var(--m-card-background, var(--m-backdrop-glass));box-shadow:0 8px 32px -4px #0000000a,0 1px 4px #00000005}.card.dashboard header{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);border-bottom:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.dashboard footer{background:linear-gradient(0deg,rgba(255,255,255,.03) 0%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto;border-top:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.roundedBorder{border:2px solid var(--border, var(--m-border));border-radius:4px;box-shadow:none}.card.highlighted{border:2px solid var(--mm-color, var(--m-mm));border-radius:4px;background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 5%,var(--background, var(--m-background)) 95%);box-shadow:0 0 0 1px var(--mm-color, var(--m-mm))}.card.clickable{border:2px solid var(--border, var(--m-border));border-radius:4px;cursor:pointer}.card.clickable:hover{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%)}.card.padding-none header,.card.padding-none main,.card.padding-none footer{padding:0}.card.padding-x header,.card.padding-x main,.card.padding-x footer{padding-block:0}.card.padding-y header,.card.padding-y main,.card.padding-y footer{padding-inline:0}.card.padding-left header,.card.padding-left main,.card.padding-left footer{padding-top:0;padding-right:0;padding-bottom:0}.card.padding-right header,.card.padding-right main,.card.padding-right footer{padding-top:0;padding-bottom:0;padding-left:0}.card.padding-up header,.card.padding-up main,.card.padding-up footer{padding-right:0;padding-bottom:0;padding-left:0}.card.padding-down header,.card.padding-down main,.card.padding-down footer{padding-top:0;padding-right:0;padding-left:0}.card.compact{border-radius:.5rem}.card.compact header,.card.compact main,.card.compact footer{padding:.5rem 1rem}.card.spacious{border-radius:1.5rem}.card.spacious header,.card.spacious main,.card.spacious footer{padding:1.5rem 3rem}.card.separated header{border-bottom-width:2px;border-bottom-color:var(--m-card-color)}.card.separated footer{border-top-width:2px;border-top-color:var(--m-card-color)}.card.size-xs{max-width:240px;min-height:120px}.card.size-sm{max-width:320px;min-height:160px}.card.size-md{max-width:480px;min-height:240px}.card.size-lg{max-width:640px;min-height:320px}.card.size-xl{max-width:800px;min-height:400px}.card.size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.size-jumbo header{padding:3rem 1rem;text-align:center}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.size-jumbo header h3,.card.size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.size-jumbo main{padding:3rem 1rem;text-align:center}.card.size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.size-jumbo footer{padding:1.5rem 1rem;text-align:center}.card.size-full-width{width:100%;max-width:none;margin:0;border-radius:0}@media(min-width:992px){.card.size-full-width{border-radius:8px;margin:0 1rem}}.card.full-width{width:100vw;margin-left:50%;transform:translate(-50%);max-width:none;border-radius:0}@media(min-width:1200px){.card.full-width{width:100%;margin-left:0;transform:none;border-radius:8px}}.card.interactive{cursor:pointer}.card.interactive:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a,0 8px 24px #00000014}.card.interactive:active{transform:translateY(0);transition:transform .1s ease-out}a.card{color:inherit;text-decoration:none}.card.elevated{box-shadow:15px 15px 30px #bebebe,-15px -15px 30px #fff;border:none}.card.full-height{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.full-height header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.full-height main{flex:1;overflow-y:auto;min-height:0}.card.full-height footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}\n"] }]
-        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], spacing: [{ type: i0.Input, args: [{ isSignal: true, alias: "spacing", required: false }] }], fullHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullHeight", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #body>\n  <header>\n    <ng-content select=\"[slot=header]\"></ng-content>\n  </header>\n\n  <main>\n    <ng-content select=\"[slot=content]\"></ng-content>\n    <ng-content></ng-content>\n  </main>\n\n  <footer>\n    <ng-content select=\"[slot=footer]\"></ng-content>\n  </footer>\n</ng-template>\n\n@if (href()) {\n  <a [class]=\"classNames()\" [href]=\"href()\" (click)=\"onCardClick($event)\">\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </a>\n} @else {\n  <div\n    [class]=\"classNames()\"\n    [attr.role]=\"isClickable() ? 'button' : null\"\n    [attr.tabindex]=\"isClickable() ? 0 : null\"\n    (click)=\"onCardClick($event)\"\n    (keydown.enter)=\"isClickable() && onCardClick($event)\"\n    (keydown.space)=\"$event.preventDefault(); isClickable() && onCardClick($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </div>\n}\n", styles: [":host{display:block;width:100%}:host.full-height,:host.dashboard{height:100%}.card{display:flex;flex-direction:column;border-radius:1em;overflow:hidden;box-sizing:border-box;transition:all .2s ease-in-out;width:100%;min-height:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:var(--m-backdrop-standard);border:1px solid var(--m-backdrop-border)}.card header,.card main,.card footer{padding:1rem 1.5rem}.card header{color:var(--m-card-color);border-bottom:1px solid var(--border, var(--m-border))}.card header:empty{display:none}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{margin:0 0 .25rem;font-weight:600;color:#333;line-height:1.3}.card header p{margin:0;color:#666;font-size:.875rem;line-height:1.4}.card main{flex:1}.card main:empty:not(:only-child){display:none}.card main p{margin:0 0 1rem;line-height:1.5;color:#333}.card main p:last-child{margin-bottom:0}.card footer{border-top:1px solid var(--border, var(--m-border));font-size:.75rem;color:#666}.card footer:empty{display:none}@media(min-width:0){.card.xs-size-xs{max-width:240px;min-height:120px}}@media(min-width:0){.card.xs-size-sm{max-width:320px;min-height:160px}}@media(min-width:0){.card.xs-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-sm{max-width:320px;min-height:160px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-md{max-width:480px;min-height:240px}}@media(min-width:768px){.card.md-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-xl{max-width:800px;min-height:400px}}@media(min-width:768px){.card.md-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.md-size-jumbo header{padding:3rem 1rem;text-align:center}.card.md-size-jumbo header h1,.card.md-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.md-size-jumbo header h3,.card.md-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.md-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.md-size-jumbo main{padding:3rem 1rem;text-align:center}.card.md-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.md-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:992px){.card.lg-size-lg{max-width:640px;min-height:320px}}@media(min-width:992px){.card.lg-size-xl{max-width:800px;min-height:400px}}@media(min-width:992px){.card.lg-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.lg-size-jumbo header{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo header h1,.card.lg-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.lg-size-jumbo header h3,.card.lg-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.lg-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.lg-size-jumbo main{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.lg-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1200px){.card.xl-size-xl{max-width:800px;min-height:400px}}@media(min-width:1200px){.card.xl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo header h1,.card.xl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xl-size-jumbo header h3,.card.xl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1400px){.card.xxl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xxl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo header h1,.card.xxl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xxl-size-jumbo header h3,.card.xxl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xxl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xxl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xxl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(max-width:991.98px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{width:100%;max-width:none;margin:0;border-radius:0}}@media(max-width:991.98px)and (min-width:992px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{border-radius:8px;margin:0 1rem}}@media(max-width:767.98px){.card header,.card main,.card footer{padding-left:1rem;padding-right:1rem}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{font-size:1.1rem}.card header p{font-size:.8rem}.card main p{font-size:.9rem}.card footer{font-size:.7rem}}@media(min-width:768px)and (max-width:991.98px){.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2rem}.card.size-jumbo header p{font-size:1.1rem}.card.size-jumbo main p{font-size:1rem}}@media(max-width:575.98px){.card.size-jumbo header{padding:1.5rem 1rem}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:1.8rem}.card.size-jumbo header p{font-size:1rem}.card.size-jumbo main{padding:1.5rem 1rem}.card.size-jumbo main p{font-size:.95rem}.card.size-jumbo footer{padding:1rem}}.card.flat,.card.outlined{border:1px solid var(--border, var(--m-border));box-shadow:none}.card.glass{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border:1px solid var(--m-border)}.card.glass header{border-bottom:1px solid var(--m-border)}.card.glass footer{border-top:1px solid var(--m-border)}.card.beautiful{background:var(--surface-hover);border:1px solid var(--border);box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card.beautiful header{border-bottom:1px solid var(--border);background:rgba(var(--primary-rgb),.03)}.card.beautiful footer{border-top:1px solid var(--border);background:rgba(var(--primary-rgb),.02)}.card.professional{background:#fff;border:1px solid #e2e8f0;border-radius:0;box-shadow:none}.card.professional header{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.card.professional main{padding:2rem}.card.professional footer{padding:1.5rem 2rem;background:#fff;border-top:1px solid #f1f5f9}.card.subtle{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;box-shadow:none}.card.subtle header,.card.subtle main,.card.subtle footer{padding:1rem}.card.no-border{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.no-border header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.no-border header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.no-border footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.no-border footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.dashboard header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.dashboard header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.dashboard footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.dashboard footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.dashboard header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.dashboard main{flex:1;overflow-y:auto;min-height:0}.card.dashboard footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}.card.dashboard{border:var(--m-card-border, 1px solid var(--m-backdrop-border));border-radius:var(--m-card-border-radius, 1.5rem);background:var(--m-card-background, var(--m-backdrop-glass));box-shadow:0 8px 32px -4px #0000000a,0 1px 4px #00000005}.card.dashboard header{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);border-bottom:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.dashboard footer{background:linear-gradient(0deg,rgba(255,255,255,.03) 0%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto;border-top:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.roundedBorder{border:2px solid var(--border, var(--m-border));border-radius:4px;box-shadow:none}.card.highlighted{border:2px solid var(--border, var(--m-border));border-radius:4px;background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 5%,var(--background, var(--m-background)) 95%);box-shadow:0 0 0 1px var(--mm-color, var(--m-mm))}.card.clickable{border:2px solid var(--border, var(--m-border));border-radius:4px;cursor:pointer;transition:border-color .2s ease-in-out,background-color .15s ease-in-out}.card.clickable:hover{border-color:var(--mm-color, var(--m-mm))}.card.clickable:active{border-color:var(--mm-color, var(--m-mm));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 8%,transparent)}.card.line{border:1px solid var(--border, var(--m-border));border-radius:16px;box-shadow:none}.card.padding-none header,.card.padding-none main,.card.padding-none footer{padding:0}.card.padding-x header,.card.padding-x main,.card.padding-x footer{padding-block:0}.card.padding-y header,.card.padding-y main,.card.padding-y footer{padding-inline:0}.card.padding-left header,.card.padding-left main,.card.padding-left footer{padding-top:0;padding-right:0;padding-bottom:0}.card.padding-right header,.card.padding-right main,.card.padding-right footer{padding-top:0;padding-bottom:0;padding-left:0}.card.padding-up header,.card.padding-up main,.card.padding-up footer{padding-right:0;padding-bottom:0;padding-left:0}.card.padding-down header,.card.padding-down main,.card.padding-down footer{padding-top:0;padding-right:0;padding-left:0}.card.compact{border-radius:.5rem}.card.compact header,.card.compact main,.card.compact footer{padding:.5rem 1rem}.card.spacious{border-radius:1.5rem}.card.spacious header,.card.spacious main,.card.spacious footer{padding:1.5rem 3rem}.card.separated header{border-bottom-width:2px;border-bottom-color:var(--border, var(--m-border))}.card.separated footer{border-top-width:2px;border-top-color:var(--border, var(--m-border))}.card.size-xs{max-width:240px;min-height:120px}.card.size-sm{max-width:320px;min-height:160px}.card.size-md{max-width:480px;min-height:240px}.card.size-lg{max-width:640px;min-height:320px}.card.size-xl{max-width:800px;min-height:400px}.card.size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.size-jumbo header{padding:3rem 1rem;text-align:center}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.size-jumbo header h3,.card.size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.size-jumbo main{padding:3rem 1rem;text-align:center}.card.size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.size-jumbo footer{padding:1.5rem 1rem;text-align:center}.card.size-full-width{width:100%;max-width:none;margin:0;border-radius:0}@media(min-width:992px){.card.size-full-width{border-radius:8px;margin:0 1rem}}.card.full-width{width:100vw;margin-left:50%;transform:translate(-50%);max-width:none;border-radius:0}@media(min-width:1200px){.card.full-width{width:100%;margin-left:0;transform:none;border-radius:8px}}.card.interactive{cursor:pointer}.card.interactive:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a,0 8px 24px #00000014}.card.interactive:active{transform:translateY(0);transition:transform .1s ease-out}a.card{color:inherit;text-decoration:none}.card.elevated{box-shadow:15px 15px 30px #bebebe,-15px -15px 30px #fff;border:none}.card.full-height{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.full-height header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.full-height main{flex:1;overflow-y:auto;min-height:0}.card.full-height footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], spacing: [{ type: i0.Input, args: [{ isSignal: true, alias: "spacing", required: false }] }], fullHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullHeight", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], clickable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickable", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
 
 class CardWrapperComponent {
     variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
@@ -20745,7 +20849,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"], 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"], 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,
@@ -23801,7 +23905,7 @@ class TableComponent 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)}}.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}\n"], dependencies: [{ kind: "component", type: TableHeaderComponent, selector: "m-table-header", inputs: ["visibleColumns", "fixedCount", "fixedOffset", "sortState", "selectable", "allSelected", "someSelected"], outputs: ["sortClick", "selectAll"] }, { kind: "component", type: TableBodyComponent, selector: "m-table-body", inputs: ["rows", "visibleColumns", "fixedCount", "fixedOffset", "searchQuery", "currency", "rowClass", "emptyMessage", "rowTestId", "actionVisibilityRule", "actionDisableRule", "selectable", "selectedRows", "selectDisableExpression", "expressionContext"], outputs: ["rowSelect", "cellChanged", "rowMenuClick", "cellClick"] }, { kind: "component", type: PaginationComponent, selector: "m-pagination, m-one-pagination", inputs: ["config", "totalPages", "totalItems", "pageSize", "page"], outputs: ["configChange", "pageChange"] }, { kind: "component", type: FreezeComponent, selector: "m-freeze", inputs: ["config"] }, { 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"] }, { kind: "component", type: TableFilterComponent, selector: "m-table-filter", inputs: ["filters", "data", "activeFilterIndices", "expressionContext"], outputs: ["filterClick"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { 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}\n"], dependencies: [{ kind: "component", type: TableHeaderComponent, selector: "m-table-header", inputs: ["visibleColumns", "fixedCount", "fixedOffset", "sortState", "selectable", "allSelected", "someSelected"], outputs: ["sortClick", "selectAll"] }, { kind: "component", type: TableBodyComponent, selector: "m-table-body", inputs: ["rows", "visibleColumns", "fixedCount", "fixedOffset", "searchQuery", "currency", "rowClass", "emptyMessage", "rowTestId", "actionVisibilityRule", "actionDisableRule", "selectable", "selectedRows", "selectDisableExpression", "expressionContext"], outputs: ["rowSelect", "cellChanged", "rowMenuClick", "cellClick"] }, { kind: "component", type: PaginationComponent, selector: "m-pagination, m-one-pagination", inputs: ["config", "totalPages", "totalItems", "pageSize", "page"], outputs: ["configChange", "pageChange"] }, { kind: "component", type: FreezeComponent, selector: "m-freeze", inputs: ["config"] }, { 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: TableFilterComponent, selector: "m-table-filter", inputs: ["filters", "data", "activeFilterIndices", "expressionContext"], outputs: ["filterClick"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { 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: TableComponent, decorators: [{
             type: Component,
@@ -24784,7 +24888,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"], 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", "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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SummaryComponent, decorators: [{
             type: Component,
@@ -32186,4 +32290,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  */
 
 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-2Ftz8M59.mjs.map
+//# sourceMappingURL=magmonium-one-magmonium-one-yNHWPewC.mjs.map