@magmonium/one 0.4.8 → 0.4.11

package/fesm2022/{magmonium-one-magmonium-one-E20M_YDk.mjs → magmonium-one-magmonium-one-Cu45fHus.mjs}

@@ -6235,6 +6235,27 @@ function toCssLength(value) {
         return undefined;
     return /^\d+(\.\d+)?$/.test(trimmed) ? `${trimmed}px` : trimmed;
 }
+// `toLength` only appends `em` to real numbers — a numeric string comes back
+// bare, yielding `gap: 2`. Design-editor text fields, YAML and plain tag
+// attributes all hand over strings, so narrow before converting.
+const toSpacingValue = (value) => {
+    if (typeof value !== 'string')
+        return value;
+    const trimmed = value.trim();
+    if (trimmed === '' || Number.isNaN(Number(trimmed)))
+        return value;
+    return Number(trimmed);
+};
+/**
+ * Spacing on the em scale — gap, padding, margin — or nothing at all: an unset
+ * value drops the style binding rather than writing `toLength`'s `0` over what
+ * CSS would have done.
+ */
+function resolveSpacing(value) {
+    return value === undefined || value === null || value === ''
+        ? undefined
+        : toLength$1(toSpacingValue(value));
+}
 
 class IconComponent {
     // Kept for the callers that hand an Icon a whole object rather than write it
@@ -8297,22 +8318,6 @@ const FLEX_VARIANTS = {
 
 // YAML-sourced configs arrive as strings, so booleans need coercing.
 const toBool$1 = (value) => value === true || value + '' === 'true';
-// `toLength` only appends `em` to real numbers — a numeric string comes back
-// bare, yielding `gap: 2`. Design-editor text fields and YAML both hand over
-// strings, so narrow before converting.
-const toSpacingValue = (value) => {
-    if (typeof value !== 'string')
-        return value;
-    const trimmed = value.trim();
-    if (trimmed === '' || Number.isNaN(Number(trimmed)))
-        return value;
-    return Number(trimmed);
-};
-// Spacing on the em scale, or nothing at all: an unset value drops the style
-// binding rather than writing `toLength`'s `0` over what CSS would have done.
-const resolveSpacing = (value) => value === undefined || value === null || value === ''
-    ? undefined
-    : toLength$1(toSpacingValue(value));
 class FlexComponent extends ConfigComponent {
     subFolder = LAYOUT_ASSET_FOLDER.flex;
     direction = input(...(ngDevMode ? [undefined, { debugName: "direction" }] : /* istanbul ignore next */ []));
@@ -8987,7 +8992,7 @@ class SectionFormItemComponent extends ConfigComponent {
                     break;
                 }
                 case InputType.TOGGLE: {
-                    const { ToggleInputComponent } = await import('./magmonium-one-toggle-B3RHNaUP.mjs');
+                    const { ToggleInputComponent } = await import('./magmonium-one-toggle-DELqFKZY.mjs');
                     this.createDynamicComponent(seq, ToggleInputComponent, [], true);
                     break;
                 }
@@ -8999,12 +9004,12 @@ class SectionFormItemComponent extends ConfigComponent {
                     break;
                 }
                 case InputType.PASSWORD: {
-                    const { PasswordInputComponent } = await import('./magmonium-one-password-QdZSw46k.mjs');
+                    const { PasswordInputComponent } = await import('./magmonium-one-password-CT8y_iYQ.mjs');
                     this.createDynamicComponent(seq, PasswordInputComponent);
                     break;
                 }
                 case InputType.OTP: {
-                    const { OtpInputComponent } = await import('./magmonium-one-otp-D3REoA5M.mjs');
+                    const { OtpInputComponent } = await import('./magmonium-one-otp-Ct41thd0.mjs');
                     this.createDynamicComponent(seq, OtpInputComponent);
                     break;
                 }
@@ -9315,6 +9320,80 @@ const patternsValidation = (schemaPath, rules, message, pending = false) => vali
     };
 });
 
+const SPACING_INWARD = new InjectionToken('SPACING_INWARD');
+// A blank axis is unset, not a value: an inspector form hands back every
+// untouched text field as `''`, and `??` alone would let it blank the
+// shorthand the User did type.
+const isBlank = (value) => value === undefined ||
+    value === null ||
+    (typeof value === 'string' && value.trim() === '');
+const axis = (own, shorthand) => resolveSpacing(isBlank(own) ? shorthand : own);
+/**
+ * Space inside any element. A bare number is `em`, any other CSS length
+ * passes through; the axis inputs win over the shorthand on their own axis.
+ * Always writes the resolved lengths as `--m-padding-inline` /
+ * `--m-padding-block`, and pads the host itself unless the host takes padding
+ * inward (`SPACING_INWARD`).
+ */
+class PaddingDirective {
+    mPadding = input(undefined, ...(ngDevMode ? [{ debugName: "mPadding" }] : /* istanbul ignore next */ []));
+    mPaddingX = input(undefined, ...(ngDevMode ? [{ debugName: "mPaddingX" }] : /* istanbul ignore next */ []));
+    mPaddingY = input(undefined, ...(ngDevMode ? [{ debugName: "mPaddingY" }] : /* istanbul ignore next */ []));
+    inward = !!inject(SPACING_INWARD, {
+        self: true,
+        optional: true,
+    })?.padding;
+    inline = computed(() => axis(this.mPaddingX(), this.mPadding()), ...(ngDevMode ? [{ debugName: "inline" }] : /* istanbul ignore next */ []));
+    block = computed(() => axis(this.mPaddingY(), this.mPadding()), ...(ngDevMode ? [{ debugName: "block" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PaddingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: PaddingDirective, isStandalone: true, selector: "[mPadding],[mPaddingX],[mPaddingY]", inputs: { mPadding: { classPropertyName: "mPadding", publicName: "mPadding", isSignal: true, isRequired: false, transformFunction: null }, mPaddingX: { classPropertyName: "mPaddingX", publicName: "mPaddingX", isSignal: true, isRequired: false, transformFunction: null }, mPaddingY: { classPropertyName: "mPaddingY", publicName: "mPaddingY", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--m-padding-inline": "inline()", "style.--m-padding-block": "block()", "style.padding-inline": "inward ? null : inline()", "style.padding-block": "inward ? null : block()" }, classAttribute: "m-padded" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: PaddingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mPadding],[mPaddingX],[mPaddingY]',
+                    host: {
+                        class: 'm-padded',
+                        '[style.--m-padding-inline]': 'inline()',
+                        '[style.--m-padding-block]': 'block()',
+                        '[style.padding-inline]': 'inward ? null : inline()',
+                        '[style.padding-block]': 'inward ? null : block()',
+                    },
+                }]
+        }], propDecorators: { mPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "mPadding", required: false }] }], mPaddingX: [{ type: i0.Input, args: [{ isSignal: true, alias: "mPaddingX", required: false }] }], mPaddingY: [{ type: i0.Input, args: [{ isSignal: true, alias: "mPaddingY", required: false }] }] } });
+/**
+ * Space around any element, on `PaddingDirective`'s scale. Writes
+ * `--m-margin-inline` / `--m-margin-block` always; the block margin is set on
+ * the host always, the inline one only when the host does not take it inward
+ * (`SPACING_INWARD`) — a full-width host narrows by it instead.
+ */
+class MarginDirective {
+    mMargin = input(undefined, ...(ngDevMode ? [{ debugName: "mMargin" }] : /* istanbul ignore next */ []));
+    mMarginX = input(undefined, ...(ngDevMode ? [{ debugName: "mMarginX" }] : /* istanbul ignore next */ []));
+    mMarginY = input(undefined, ...(ngDevMode ? [{ debugName: "mMarginY" }] : /* istanbul ignore next */ []));
+    inward = !!inject(SPACING_INWARD, {
+        self: true,
+        optional: true,
+    })?.margin;
+    inline = computed(() => axis(this.mMarginX(), this.mMargin()), ...(ngDevMode ? [{ debugName: "inline" }] : /* istanbul ignore next */ []));
+    block = computed(() => axis(this.mMarginY(), this.mMargin()), ...(ngDevMode ? [{ debugName: "block" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MarginDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: MarginDirective, isStandalone: true, selector: "[mMargin],[mMarginX],[mMarginY]", inputs: { mMargin: { classPropertyName: "mMargin", publicName: "mMargin", isSignal: true, isRequired: false, transformFunction: null }, mMarginX: { classPropertyName: "mMarginX", publicName: "mMarginX", isSignal: true, isRequired: false, transformFunction: null }, mMarginY: { classPropertyName: "mMarginY", publicName: "mMarginY", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--m-margin-inline": "inline()", "style.--m-margin-block": "block()", "style.margin-inline": "inward ? null : inline()", "style.margin-block": "block()" }, classAttribute: "m-spaced" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: MarginDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mMargin],[mMarginX],[mMarginY]',
+                    host: {
+                        class: 'm-spaced',
+                        '[style.--m-margin-inline]': 'inline()',
+                        '[style.--m-margin-block]': 'block()',
+                        '[style.margin-inline]': 'inward ? null : inline()',
+                        '[style.margin-block]': 'block()',
+                    },
+                }]
+        }], propDecorators: { mMargin: [{ type: i0.Input, args: [{ isSignal: true, alias: "mMargin", required: false }] }], mMarginX: [{ type: i0.Input, args: [{ isSignal: true, alias: "mMarginX", required: false }] }], mMarginY: [{ type: i0.Input, args: [{ isSignal: true, alias: "mMarginY", required: false }] }] } });
+
 /**
  * Where the caret goes when a Section Form appears.
  *
@@ -9451,6 +9530,14 @@ class SectionFormComponent extends ConfigComponent {
     maxHeight = input(...(ngDevMode ? [undefined, { debugName: "maxHeight" }] : /* istanbul ignore next */ []));
     height = input(...(ngDevMode ? [undefined, { debugName: "height" }] : /* istanbul ignore next */ []));
     align = input(undefined, ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    // Spacing around and inside the form, on a Flex's em scale. Attributes on
+    // the tag like every other setting here (ADR 0010).
+    padding = input(...(ngDevMode ? [undefined, { debugName: "padding" }] : /* istanbul ignore next */ []));
+    paddingX = input(...(ngDevMode ? [undefined, { debugName: "paddingX" }] : /* istanbul ignore next */ []));
+    paddingY = input(...(ngDevMode ? [undefined, { debugName: "paddingY" }] : /* istanbul ignore next */ []));
+    margin = input(...(ngDevMode ? [undefined, { debugName: "margin" }] : /* istanbul ignore next */ []));
+    marginX = input(...(ngDevMode ? [undefined, { debugName: "marginX" }] : /* istanbul ignore next */ []));
+    marginY = input(...(ngDevMode ? [undefined, { debugName: "marginY" }] : /* istanbul ignore next */ []));
     // Widened beyond `Size` so a plain attribute (`size="lg"`) type-checks in a
     // template — enums are nominal, but `coerceSize` already validates and
     // falls back to the default for anything that isn't one of the three.
@@ -9661,6 +9748,15 @@ class SectionFormComponent extends ConfigComponent {
     resolvedAlign = computed(() => this.align() ?? this.config()?.align ?? 'left', ...(ngDevMode ? [{ debugName: "resolvedAlign" }] : /* istanbul ignore next */ []));
     resolvedVariant = computed(() => this.variant() ?? this.config()?.variant ?? undefined, ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
     resolvedMaxWidth = computed(() => this.maxWidth() ?? this.config()?.maxWidth, ...(ngDevMode ? [{ debugName: "resolvedMaxWidth" }] : /* istanbul ignore next */ []));
+    // The axis settings win over the shorthand on their own axis; both compile
+    // to the logical `-inline` / `-block` pair rather than the shorthand, so the
+    // two bindings never race to overwrite each other.
+    resolvedPadding = computed(() => this.padding() ?? this.config()?.padding, ...(ngDevMode ? [{ debugName: "resolvedPadding" }] : /* istanbul ignore next */ []));
+    resolvedPaddingInline = computed(() => resolveSpacing(this.paddingX() ?? this.config()?.paddingX ?? this.resolvedPadding()), ...(ngDevMode ? [{ debugName: "resolvedPaddingInline" }] : /* istanbul ignore next */ []));
+    resolvedPaddingBlock = computed(() => resolveSpacing(this.paddingY() ?? this.config()?.paddingY ?? this.resolvedPadding()), ...(ngDevMode ? [{ debugName: "resolvedPaddingBlock" }] : /* istanbul ignore next */ []));
+    resolvedMargin = computed(() => this.margin() ?? this.config()?.margin, ...(ngDevMode ? [{ debugName: "resolvedMargin" }] : /* istanbul ignore next */ []));
+    resolvedMarginInline = computed(() => resolveSpacing(this.marginX() ?? this.config()?.marginX ?? this.resolvedMargin()), ...(ngDevMode ? [{ debugName: "resolvedMarginInline" }] : /* istanbul ignore next */ []));
+    resolvedMarginBlock = computed(() => resolveSpacing(this.marginY() ?? this.config()?.marginY ?? this.resolvedMargin()), ...(ngDevMode ? [{ debugName: "resolvedMarginBlock" }] : /* istanbul ignore next */ []));
     resolvedMinHeight = computed(() => toCssLength(this.config()?.minHeight), ...(ngDevMode ? [{ debugName: "resolvedMinHeight" }] : /* istanbul ignore next */ []));
     resolvedMinWidth = computed(() => toCssLength(this.config()?.minWidth), ...(ngDevMode ? [{ debugName: "resolvedMinWidth" }] : /* istanbul ignore next */ []));
     resolvedMaxHeight = computed(() => this.maxHeight() ??
@@ -9803,7 +9899,10 @@ class SectionFormComponent extends ConfigComponent {
         this.rebuild();
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: SectionFormComponent, isStandalone: true, selector: "m-section-form, m-one-section-form", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, heightMode: { classPropertyName: "heightMode", publicName: "heightMode", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, validation: { classPropertyName: "validation", publicName: "validation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, fieldConfigs: { classPropertyName: "fieldConfigs", publicName: "fieldConfigs", isSignal: true, isRequired: false, transformFunction: null }, fieldRenderIds: { classPropertyName: "fieldRenderIds", publicName: "fieldRenderIds", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dataChange: "dataChange", submitted: "submitted", formInitialized: "formInitialized" }, host: { properties: { "class.is-full-height": "isFullHeight()", "class.has-max-height": "!!cssMaxHeight()", "class.no-border": "resolvedVariant() === \"noBorder\"", "class.is-with-border": "resolvedVariant() === \"withBorder\"", "class.is-sandwich-border": "resolvedVariant() === \"sandwichBorder\"", "class.align-left": "resolvedAlign() === \"left\"", "class.align-right": "resolvedAlign() === \"right\"", "class.align-center": "resolvedAlign() === \"center\"", "style.font-size": "sizeLength()", "style.--input-size": "sizeLength()", "style.--m-section-align": "resolvedAlign()", "style.--m-section-max-width": "resolvedMaxWidth()", "style.--m-section-max-height": "cssMaxHeight()", "style.min-height": "resolvedMinHeight()", "style.min-width": "resolvedMinWidth()", "style.max-height": "resolvedMaxHeight()", "style.max-width": "resolvedMaxWidth()" }, classAttribute: "m-section-form" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: SectionFormComponent, isStandalone: true, selector: "m-section-form, m-one-section-form", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, heightMode: { classPropertyName: "heightMode", publicName: "heightMode", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, paddingX: { classPropertyName: "paddingX", publicName: "paddingX", isSignal: true, isRequired: false, transformFunction: null }, paddingY: { classPropertyName: "paddingY", publicName: "paddingY", isSignal: true, isRequired: false, transformFunction: null }, margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null }, marginX: { classPropertyName: "marginX", publicName: "marginX", isSignal: true, isRequired: false, transformFunction: null }, marginY: { classPropertyName: "marginY", publicName: "marginY", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, validation: { classPropertyName: "validation", publicName: "validation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, fieldConfigs: { classPropertyName: "fieldConfigs", publicName: "fieldConfigs", isSignal: true, isRequired: false, transformFunction: null }, fieldRenderIds: { classPropertyName: "fieldRenderIds", publicName: "fieldRenderIds", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dataChange: "dataChange", submitted: "submitted", formInitialized: "formInitialized" }, host: { properties: { "class.is-full-height": "isFullHeight()", "class.has-max-height": "!!cssMaxHeight()", "class.no-border": "resolvedVariant() === \"noBorder\"", "class.is-with-border": "resolvedVariant() === \"withBorder\"", "class.is-sandwich-border": "resolvedVariant() === \"sandwichBorder\"", "class.align-left": "resolvedAlign() === \"left\"", "class.align-right": "resolvedAlign() === \"right\"", "class.align-center": "resolvedAlign() === \"center\"", "style.font-size": "sizeLength()", "style.--input-size": "sizeLength()", "style.--m-section-align": "resolvedAlign()", "style.--m-section-max-width": "resolvedMaxWidth()", "style.--m-section-max-height": "cssMaxHeight()", "style.min-height": "resolvedMinHeight()", "style.min-width": "resolvedMinWidth()", "style.max-height": "resolvedMaxHeight()", "style.max-width": "resolvedMaxWidth()", "style.padding-inline": "resolvedPaddingInline()", "style.padding-block": "resolvedPaddingBlock()", "style.--m-section-form-margin-inline": "resolvedMarginInline()", "style.margin-block": "resolvedMarginBlock()" }, classAttribute: "m-section-form" }, providers: [
+            // Full width, so an `mMargin` narrows it the way its own margin does
+            // rather than pushing it past its container (SPACING_INWARD).
+            { provide: SPACING_INWARD, useValue: { margin: true } },
             provideSizeContext(SectionFormComponent),
             {
                 provide: SECTION_FORM_CONTEXT,
@@ -9826,7 +9925,7 @@ class SectionFormComponent extends ConfigComponent {
     <form class="section-form" novalidate (submit)="handleSubmit($event)">
       <ng-content />
     </form>
-  `, 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%;min-height:5em;container-type:inline-size;container-name:mag-grid;--_section-px: 1rem;--_section-pt: 1.5rem;--_section-pb: 0rem}:host(.has-max-height){height:var(--m-section-max-height);overflow:auto}:host(.is-with-border){border:var(--m-section-border, 1px solid var(--m-backdrop-border));box-sizing:border-box}:host(.is-sandwich-border){border-block:var(--m-section-border, 1px solid var(--m-backdrop-border));box-sizing:border-box}.section-form{margin:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--m-form-group-content-gap, 1.5rem 1.25rem);width:100%}.section-form>*{flex:1 1 100%;min-width:0}.section-form>.col-1{flex:1 1 calc(1 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-2{flex:2 1 calc(2 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-3{flex:3 1 calc(.25*(100% + 1.25rem) - 1.25rem)}.section-form>.col-4{flex:4 1 calc(4 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-5{flex:5 1 calc(5 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-6{flex:6 1 calc(.5*(100% + 1.25rem) - 1.25rem)}.section-form>.col-7{flex:7 1 calc(7 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-8{flex:8 1 calc(8 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-9{flex:9 1 calc(.75*(100% + 1.25rem) - 1.25rem)}.section-form>.col-10{flex:10 1 calc(10 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-11{flex:11 1 calc(11 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-12{flex:12 1 calc(1*(100% + 1.25rem) - 1.25rem)}@media(max-width:480px){.section-form>*{flex-basis:100%}}:host(.align-left) .section-form{margin-inline-start:0;margin-inline-end:auto;justify-content:flex-start}:host(.align-right) .section-form{margin-inline-start:auto;margin-inline-end:0;justify-content:flex-end}:host(.align-center) .section-form{margin-inline:auto;justify-content:center}:host(.is-full-height){height:100vh;min-height:100vh;overflow:auto}:host(.is-full-height) .section-form{flex:1;height:100%}\n"], 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:calc(100% - 2 * var(--m-section-form-margin-inline, var(--m-margin-inline, 0px)));margin-inline:var(--m-section-form-margin-inline, var(--m-margin-inline, 0px));box-sizing:border-box;min-height:5em;container-type:inline-size;container-name:mag-grid;--_section-px: 1rem;--_section-pt: 1.5rem;--_section-pb: 0rem}:host(.has-max-height){height:var(--m-section-max-height);overflow:auto}:host(.is-with-border){border:var(--m-section-border, 1px solid var(--m-backdrop-border));box-sizing:border-box}:host(.is-sandwich-border){border-block:var(--m-section-border, 1px solid var(--m-backdrop-border));box-sizing:border-box}.section-form{margin:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--m-form-group-content-gap, 1.5rem 1.25rem);width:100%}.section-form>*{flex:1 1 100%;min-width:0}.section-form>.col-1{flex:1 1 calc(1 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-2{flex:2 1 calc(2 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-3{flex:3 1 calc(.25*(100% + 1.25rem) - 1.25rem)}.section-form>.col-4{flex:4 1 calc(4 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-5{flex:5 1 calc(5 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-6{flex:6 1 calc(.5*(100% + 1.25rem) - 1.25rem)}.section-form>.col-7{flex:7 1 calc(7 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-8{flex:8 1 calc(8 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-9{flex:9 1 calc(.75*(100% + 1.25rem) - 1.25rem)}.section-form>.col-10{flex:10 1 calc(10 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-11{flex:11 1 calc(11 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-12{flex:12 1 calc(1*(100% + 1.25rem) - 1.25rem)}@media(max-width:480px){.section-form>*{flex-basis:100%}}:host(.align-left) .section-form{margin-inline-start:0;margin-inline-end:auto;justify-content:flex-start}:host(.align-right) .section-form{margin-inline-start:auto;margin-inline-end:0;justify-content:flex-end}:host(.align-center) .section-form{margin-inline:auto;justify-content:center}:host(.is-full-height){height:100vh;min-height:100vh;overflow:auto}:host(.is-full-height) .section-form{flex:1;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionFormComponent, decorators: [{
             type: Component,
@@ -9854,7 +9953,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         '[style.min-width]': 'resolvedMinWidth()',
                         '[style.max-height]': 'resolvedMaxHeight()',
                         '[style.max-width]': 'resolvedMaxWidth()',
+                        '[style.padding-inline]': 'resolvedPaddingInline()',
+                        '[style.padding-block]': 'resolvedPaddingBlock()',
+                        // A variable, not `margin-inline`: the stylesheet takes it off the host's
+                        // `width: 100%` too, or the margin pushes the form past its container.
+                        '[style.--m-section-form-margin-inline]': 'resolvedMarginInline()',
+                        '[style.margin-block]': 'resolvedMarginBlock()',
                     }, providers: [
+                        // Full width, so an `mMargin` narrows it the way its own margin does
+                        // rather than pushing it past its container (SPACING_INWARD).
+                        { provide: SPACING_INWARD, useValue: { margin: true } },
                         provideSizeContext(SectionFormComponent),
                         {
                             provide: SECTION_FORM_CONTEXT,
@@ -9873,8 +9981,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                                 };
                             },
                         },
-                    ], styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%;min-height:5em;container-type:inline-size;container-name:mag-grid;--_section-px: 1rem;--_section-pt: 1.5rem;--_section-pb: 0rem}:host(.has-max-height){height:var(--m-section-max-height);overflow:auto}:host(.is-with-border){border:var(--m-section-border, 1px solid var(--m-backdrop-border));box-sizing:border-box}:host(.is-sandwich-border){border-block:var(--m-section-border, 1px solid var(--m-backdrop-border));box-sizing:border-box}.section-form{margin:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--m-form-group-content-gap, 1.5rem 1.25rem);width:100%}.section-form>*{flex:1 1 100%;min-width:0}.section-form>.col-1{flex:1 1 calc(1 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-2{flex:2 1 calc(2 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-3{flex:3 1 calc(.25*(100% + 1.25rem) - 1.25rem)}.section-form>.col-4{flex:4 1 calc(4 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-5{flex:5 1 calc(5 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-6{flex:6 1 calc(.5*(100% + 1.25rem) - 1.25rem)}.section-form>.col-7{flex:7 1 calc(7 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-8{flex:8 1 calc(8 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-9{flex:9 1 calc(.75*(100% + 1.25rem) - 1.25rem)}.section-form>.col-10{flex:10 1 calc(10 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-11{flex:11 1 calc(11 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-12{flex:12 1 calc(1*(100% + 1.25rem) - 1.25rem)}@media(max-width:480px){.section-form>*{flex-basis:100%}}:host(.align-left) .section-form{margin-inline-start:0;margin-inline-end:auto;justify-content:flex-start}:host(.align-right) .section-form{margin-inline-start:auto;margin-inline-end:0;justify-content:flex-end}:host(.align-center) .section-form{margin-inline:auto;justify-content:center}:host(.is-full-height){height:100vh;min-height:100vh;overflow:auto}:host(.is-full-height) .section-form{flex:1;height:100%}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], heightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "heightMode", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], dataChange: [{ type: i0.Output, args: ["dataChange"] }], submitted: [{ type: i0.Output, args: ["submitted"] }], formInitialized: [{ type: i0.Output, args: ["formInitialized"] }], validation: [{ type: i0.Input, args: [{ isSignal: true, alias: "validation", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], fieldConfigs: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldConfigs", required: false }] }], fieldRenderIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldRenderIds", required: false }] }] } });
+                    ], 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:calc(100% - 2 * var(--m-section-form-margin-inline, var(--m-margin-inline, 0px)));margin-inline:var(--m-section-form-margin-inline, var(--m-margin-inline, 0px));box-sizing:border-box;min-height:5em;container-type:inline-size;container-name:mag-grid;--_section-px: 1rem;--_section-pt: 1.5rem;--_section-pb: 0rem}:host(.has-max-height){height:var(--m-section-max-height);overflow:auto}:host(.is-with-border){border:var(--m-section-border, 1px solid var(--m-backdrop-border));box-sizing:border-box}:host(.is-sandwich-border){border-block:var(--m-section-border, 1px solid var(--m-backdrop-border));box-sizing:border-box}.section-form{margin:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--m-form-group-content-gap, 1.5rem 1.25rem);width:100%}.section-form>*{flex:1 1 100%;min-width:0}.section-form>.col-1{flex:1 1 calc(1 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-2{flex:2 1 calc(2 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-3{flex:3 1 calc(.25*(100% + 1.25rem) - 1.25rem)}.section-form>.col-4{flex:4 1 calc(4 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-5{flex:5 1 calc(5 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-6{flex:6 1 calc(.5*(100% + 1.25rem) - 1.25rem)}.section-form>.col-7{flex:7 1 calc(7 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-8{flex:8 1 calc(8 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-9{flex:9 1 calc(.75*(100% + 1.25rem) - 1.25rem)}.section-form>.col-10{flex:10 1 calc(10 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-11{flex:11 1 calc(11 * (100% + 1.25rem) / 12 - 1.25rem)}.section-form>.col-12{flex:12 1 calc(1*(100% + 1.25rem) - 1.25rem)}@media(max-width:480px){.section-form>*{flex-basis:100%}}:host(.align-left) .section-form{margin-inline-start:0;margin-inline-end:auto;justify-content:flex-start}:host(.align-right) .section-form{margin-inline-start:auto;margin-inline-end:0;justify-content:flex-end}:host(.align-center) .section-form{margin-inline:auto;justify-content:center}:host(.is-full-height){height:100vh;min-height:100vh;overflow:auto}:host(.is-full-height) .section-form{flex:1;height:100%}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], heightMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "heightMode", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], paddingX: [{ type: i0.Input, args: [{ isSignal: true, alias: "paddingX", required: false }] }], paddingY: [{ type: i0.Input, args: [{ isSignal: true, alias: "paddingY", required: false }] }], margin: [{ type: i0.Input, args: [{ isSignal: true, alias: "margin", required: false }] }], marginX: [{ type: i0.Input, args: [{ isSignal: true, alias: "marginX", required: false }] }], marginY: [{ type: i0.Input, args: [{ isSignal: true, alias: "marginY", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], dataChange: [{ type: i0.Output, args: ["dataChange"] }], submitted: [{ type: i0.Output, args: ["submitted"] }], formInitialized: [{ type: i0.Output, args: ["formInitialized"] }], validation: [{ type: i0.Input, args: [{ isSignal: true, alias: "validation", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], fieldConfigs: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldConfigs", required: false }] }], fieldRenderIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldRenderIds", required: false }] }] } });
 
 // '' and null are an unset, not a length — a config asset drops a cleared
 // field as an empty string, which would otherwise reach the style binding.
@@ -18438,7 +18546,7 @@ class AuthActivityPageComponent {
         wrongPassword: this.authStore.wrongPassword,
     });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AuthActivityPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AuthActivityPageComponent, isStandalone: true, selector: "m-auth-activity", ngImport: i0, template: "<m-section>\n  <m-flex direction=\"column\" justify=\"center\" alignItems=\"center\" gap=\"2em\" minHeight=\"400px\">\n    <m-logo color=\"mm\" width=\"5em\" padding=\"10px\" variant=\"grained\" />\n    @if (authStore.variant().busy) {\n      <m-icon color=\"mm\" size=\"4em\" name=\"loading-bars\" [one]=\"true\" />\n    } @else if (!authStore.variant().identity_exiest && !authStore.variant().many_identifications) {\n      <m-text-output [noTranslate]=\"false\" label=\"welcome-to-app?app=Magmonium\" />\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        [data]=\"emailData!\"\n        (submitted)=\"authStore.patch({ email: $event.email }); authStore.createAuthEmail({ identity: $event.email })\"\n      >\n        <m-section-form-item\n          name=\"email\"\n          patterns=\"email\"\n          type=\"text\"\n          label=\"e-mail\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-button\n          label=\"next\"\n          icon=\"chevron-right\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"mm\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n      </m-section-form>\n    } @else if (!authStore.variant().identity_exiest && authStore.variant().many_identifications) {\n      <m-text-output [noTranslate]=\"false\" label=\"welcome-to-app?app=Magmonium\" />\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        (dataChange)=\"selectUserCard($event.user)\"\n      >\n        <m-section-form-item\n          name=\"user\"\n          [span]=\"1\"\n          patterns=\"email\"\n          type=\"selectable_card\"\n          label=\"select-user\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n          [multiSelect]=\"false\"\n          [vertical]=\"true\"\n          [isCheckboxVisible]=\"false\"\n          [data]=\"userCards()\"\n        >\n          <ng-template let-item=\"row\" let-index=\"index\">\n            <m-user [firstName]=\"item.firstName\" [lastName]=\"item.lastName\">\n              <m-text-output [label]=\"item.identity\" noTranslate />\n            </m-user>\n          </ng-template>\n        </m-section-form-item>\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"or-try-new-user\"\n            icon=\"chevron-left\"\n            color=\"mm\"\n            [fullWidth]=\"true\"\n            variant=\"primary\"\n            (clicked)=\"authStore.patch({ identity: undefined, email: undefined })\"\n          />\n        </m-section-button-group>\n      </m-section-form>\n    } @else if (authStore.variant().with_show_term && !authStore.variant().create_new_user) {\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        align=\"center\"\n        (submitted)=\"authStore.createSignUpOtp()\"\n      >\n        <m-text-output\n          align=\"center\"\n          variant=\"footer\"\n          label=\"by-signing-in-you-agree-to-magmonium-s-terms-of-service-terms-and-acknowledge-our-privacy-policy-privacy\"\n          [params]=\"activityTranslateParams()\"\n        />\n        <m-section-form-item name=\"field_1\" type=\"checkbox\" label=\"i-agree\" placeholder=\"type-text\" [required]=\"true\" />\n        <m-button\n          label=\"confirm\"\n          icon=\"check\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"success\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"back\"\n            icon=\"chevron-left\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"\n              authStore.patch({\n                identity: undefined,\n                otp: undefined,\n                otpCounter: undefined,\n                registerNewUser: undefined,\n                resetPassword: undefined,\n                showTerms: undefined,\n                signUp: undefined,\n              })\n            \"\n          />\n        </m-section-button-group>\n      </m-section-form>\n    } @else if (authStore.variant().with_otp && authStore.variant().create_new_user) {\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        align=\"center\"\n        [data]=\"eMailData!\"\n        (submitted)=\"authStore.updateAuthOtp({ code: $event.otp })\"\n      >\n        <m-section-form-item\n          name=\"otp\"\n          type=\"one-time-password\"\n          label=\"one-time-password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-button\n          label=\"next\"\n          icon=\"chevron-right\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"mm\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"resend\"\n            icon=\"corner-left-up\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"authStore.createAuthOtp()\"\n          />\n          <m-button\n            label=\"back\"\n            icon=\"chevron-left\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"\n              authStore.patch({\n                identity: undefined,\n                otp: undefined,\n                otpCounter: undefined,\n                registerNewUser: undefined,\n                resetPassword: undefined,\n                showTerms: undefined,\n                signUp: undefined,\n              })\n            \"\n          />\n        </m-section-button-group>\n      </m-section-form>\n    } @else if (\n      authStore.variant().identity_exiest && !authStore.variant().reset_password && !authStore.variant().create_new_user\n    ) {\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        align=\"center\"\n        [validation]=\"signInValidation\"\n        [data]=\"signInData!\"\n        (formInitialized)=\"authStore.patch({ wrongPassword: undefined })\"\n        (submitted)=\"authStore.updateAuthPassword({ password: btoa($event.password) })\"\n      >\n        <m-text-output label=\"signing-in-as\" [params]=\"activityTranslateParams()\" />\n        <m-section-form-item\n          name=\"password\"\n          type=\"password\"\n          label=\"password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-button\n          label=\"sign-in\"\n          icon=\"check\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"success\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"back\"\n            icon=\"chevron-left\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"authStore.patch({ identity: undefined })\"\n          />\n          <m-button\n            label=\"reset\"\n            icon=\"chevron-right\"\n            [isRightIcon]=\"true\"\n            color=\"textSecondary\"\n            variant=\"ghost\"\n            (clicked)=\"authStore.createAuthOtp()\"\n          />\n        </m-section-button-group>\n      </m-section-form>\n    } @else if (authStore.variant().reset_password && authStore.variant().with_otp) {\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        align=\"center\"\n        [validation]=\"passwordValidation\"\n        [data]=\"passwordData!\"\n        (submitted)=\"authStore.createAuthPassword({ password: $event.confirm, code: $event.code })\"\n      >\n        <m-section-form-item\n          name=\"code\"\n          type=\"one-time-password\"\n          label=\"one-time-password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"resend\"\n            icon=\"corner-left-up\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"authStore.createAuthOtp()\"\n          />\n        </m-section-button-group>\n        <m-section-form-item\n          name=\"password\"\n          type=\"password\"\n          label=\"new-password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-section-form-item\n          name=\"confirm\"\n          type=\"password\"\n          label=\"confirm-password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-button\n          label=\"reset\"\n          icon=\"check\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"mm\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n      </m-section-form>\n    } @else if (authStore.variant().create_new_user && authStore.variant().identity_exiest) {\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        align=\"center\"\n        [data]=\"signupData!\"\n        (submitted)=\"\n          authStore.createAuthSignup({\n            firstName: $event.firstname,\n            lastName: $event.lastname,\n            dob: $event.dob,\n            sex: $event.sex,\n            password: btoa($event.password),\n          })\n        \"\n      >\n        <m-text-output label=\"signing-up-as\" [params]=\"activityTranslateParams()\" />\n        <m-section-form-item\n          name=\"firstname\"\n          type=\"text\"\n          label=\"first-name\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-section-form-item name=\"lastname\" type=\"text\" label=\"last-name\" placeholder=\"type-text\" [required]=\"true\" />\n        <m-section-form-item name=\"dob\" type=\"date\" label=\"date-of-birth\" placeholder=\"type-text\" [required]=\"true\" />\n        <m-section-form-item\n          name=\"sex\"\n          type=\"toggle_radio\"\n          label=\"sex\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n          value=\"male\"\n          mOptions=\"sex\"\n        />\n        <m-section-form-item\n          name=\"password\"\n          type=\"password\"\n          label=\"password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-section-form-item\n          name=\"repassword\"\n          type=\"password\"\n          label=\"confirm-password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-button\n          label=\"sign-up\"\n          icon=\"check\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"success\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"back\"\n            icon=\"chevron-left\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"\n              authStore.patch({\n                identity: undefined,\n                otp: undefined,\n                otpCounter: undefined,\n                registerNewUser: undefined,\n                resetPassword: undefined,\n                showTerms: undefined,\n                signUp: undefined,\n              })\n            \"\n          />\n        </m-section-button-group>\n      </m-section-form>\n    }\n  </m-flex>\n</m-section>\n", styles: [":host{display:block;width:100%;box-sizing:border-box;padding-block:clamp(1.5rem,6vh,4rem)}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: FlexComponent, selector: "m-flex", inputs: ["direction", "justify", "alignItems", "variant", "gap", "padding", "paddingX", "paddingY", "wrap", "inline", "fullHeight", "minHeight", "minWidth", "maxHeight", "maxWidth"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: LogoComponent, selector: "m-logo", inputs: ["animation", "alive", "variant", "interactive", "width", "padding", "border", "color"] }, { kind: "directive", type: OptionsSourceDirective, selector: "[mOptions]", inputs: ["mOptions"] }, { kind: "component", type: SectionButtonGroupComponent, selector: "m-section-button-group", inputs: ["vertical", "align", "variant", "size", "fullWidth"] }, { kind: "component", type: SectionComponent, selector: "m-section", inputs: ["variant", "maxWidth", "heightMode", "maxHeight", "height", "align", "alignX", "alignY", "size"], outputs: ["inView"] }, { kind: "component", type: SectionFormComponent, selector: "m-section-form, m-one-section-form", inputs: ["variant", "maxWidth", "heightMode", "maxHeight", "height", "align", "size", "autofocus", "data", "validation", "disabled", "fieldConfigs", "fieldRenderIds"], outputs: ["dataChange", "submitted", "formInitialized"] }, { kind: "component", type: SectionFormItemComponent, selector: "m-section-form-item, m-one-section-form-item", inputs: ["span", "labelOrientation", "gap", "readonly", "focused", "form", "options", "dir", "element", "data", "template", "aclResolver", "formValues", "type", "label", "placeholder", "params", "required", "disabled", "icon", "prefix", "suffix", "button", "buttonAction", "buttonAcl", "maxWidth", "acl", "testid", "color", "variant", "min", "max", "step", "length", "debounce", "dateFormat", "searchLabel", "vertical", "multiple", "multiSelect", "equalWidth", "iconOnly", "isCheckboxVisible", "enlarge", "optionsAsset", "accept", "maxSize", "dropZone", "readAs", "editor", "ratio", "width", "patterns", "patternMessage", "value"], outputs: ["valueChange", "act", "fieldKey", "dataChange"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: UserComponent, selector: "m-user", inputs: ["id", "user", "firstName", "lastName", "profilePic"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AuthActivityPageComponent, isStandalone: true, selector: "m-auth-activity", ngImport: i0, template: "<m-section>\n  <m-flex direction=\"column\" justify=\"center\" alignItems=\"center\" gap=\"2em\" minHeight=\"400px\">\n    <m-logo color=\"mm\" width=\"5em\" padding=\"10px\" variant=\"grained\" />\n    @if (authStore.variant().busy) {\n      <m-icon color=\"mm\" size=\"4em\" name=\"loading-bars\" [one]=\"true\" />\n    } @else if (!authStore.variant().identity_exiest && !authStore.variant().many_identifications) {\n      <m-text-output [noTranslate]=\"false\" label=\"welcome-to-app?app=Magmonium\" />\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        [data]=\"emailData!\"\n        (submitted)=\"authStore.patch({ email: $event.email }); authStore.createAuthEmail({ identity: $event.email })\"\n      >\n        <m-section-form-item\n          name=\"email\"\n          patterns=\"email\"\n          type=\"text\"\n          label=\"e-mail\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-button\n          label=\"next\"\n          icon=\"chevron-right\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"mm\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n      </m-section-form>\n    } @else if (!authStore.variant().identity_exiest && authStore.variant().many_identifications) {\n      <m-text-output [noTranslate]=\"false\" label=\"welcome-to-app?app=Magmonium\" />\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        (dataChange)=\"selectUserCard($event.user)\"\n      >\n        <m-section-form-item\n          name=\"user\"\n          [span]=\"1\"\n          patterns=\"email\"\n          type=\"selectable_card\"\n          label=\"select-user\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n          [multiSelect]=\"false\"\n          [vertical]=\"true\"\n          [isCheckboxVisible]=\"false\"\n          [data]=\"userCards()\"\n        >\n          <ng-template let-item=\"row\" let-index=\"index\">\n            <m-user [firstName]=\"item.firstName\" [lastName]=\"item.lastName\">\n              <m-text-output [label]=\"item.identity\" noTranslate />\n            </m-user>\n          </ng-template>\n        </m-section-form-item>\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"or-try-new-user\"\n            icon=\"chevron-left\"\n            color=\"mm\"\n            [fullWidth]=\"true\"\n            variant=\"primary\"\n            (clicked)=\"authStore.patch({ identity: undefined, email: undefined })\"\n          />\n        </m-section-button-group>\n      </m-section-form>\n    } @else if (authStore.variant().with_show_term && !authStore.variant().create_new_user) {\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        align=\"center\"\n        (submitted)=\"authStore.createSignUpOtp()\"\n      >\n        <m-text-output\n          align=\"center\"\n          variant=\"footer\"\n          label=\"by-signing-in-you-agree-to-magmonium-s-terms-of-service-terms-and-acknowledge-our-privacy-policy-privacy\"\n          [params]=\"activityTranslateParams()\"\n        />\n        <m-section-form-item name=\"field_1\" type=\"checkbox\" label=\"i-agree\" placeholder=\"type-text\" [required]=\"true\" />\n        <m-button\n          label=\"confirm\"\n          icon=\"check\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"success\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"back\"\n            icon=\"chevron-left\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"\n              authStore.patch({\n                identity: undefined,\n                otp: undefined,\n                otpCounter: undefined,\n                registerNewUser: undefined,\n                resetPassword: undefined,\n                showTerms: undefined,\n                signUp: undefined,\n              })\n            \"\n          />\n        </m-section-button-group>\n      </m-section-form>\n    } @else if (authStore.variant().with_otp && authStore.variant().create_new_user) {\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        align=\"center\"\n        [data]=\"eMailData!\"\n        (submitted)=\"authStore.updateAuthOtp({ code: $event.otp })\"\n      >\n        <m-section-form-item\n          name=\"otp\"\n          type=\"one-time-password\"\n          label=\"one-time-password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-button\n          label=\"next\"\n          icon=\"chevron-right\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"mm\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"resend\"\n            icon=\"corner-left-up\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"authStore.createAuthOtp()\"\n          />\n          <m-button\n            label=\"back\"\n            icon=\"chevron-left\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"\n              authStore.patch({\n                identity: undefined,\n                otp: undefined,\n                otpCounter: undefined,\n                registerNewUser: undefined,\n                resetPassword: undefined,\n                showTerms: undefined,\n                signUp: undefined,\n              })\n            \"\n          />\n        </m-section-button-group>\n      </m-section-form>\n    } @else if (\n      authStore.variant().identity_exiest && !authStore.variant().reset_password && !authStore.variant().create_new_user\n    ) {\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        align=\"center\"\n        [validation]=\"signInValidation\"\n        [data]=\"signInData!\"\n        (formInitialized)=\"authStore.patch({ wrongPassword: undefined })\"\n        (submitted)=\"authStore.updateAuthPassword({ password: btoa($event.password) })\"\n      >\n        <m-text-output label=\"signing-in-as\" [params]=\"activityTranslateParams()\" />\n        <m-section-form-item\n          name=\"password\"\n          type=\"password\"\n          label=\"password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-button\n          label=\"sign-in\"\n          icon=\"check\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"success\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"back\"\n            icon=\"chevron-left\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"authStore.patch({ identity: undefined })\"\n          />\n          <m-button\n            label=\"reset\"\n            icon=\"chevron-right\"\n            [isRightIcon]=\"true\"\n            color=\"textSecondary\"\n            variant=\"ghost\"\n            (clicked)=\"authStore.createAuthOtp()\"\n          />\n        </m-section-button-group>\n      </m-section-form>\n    } @else if (authStore.variant().reset_password && authStore.variant().with_otp) {\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        align=\"center\"\n        [validation]=\"passwordValidation\"\n        [data]=\"passwordData!\"\n        (submitted)=\"authStore.createAuthPassword({ password: $event.confirm, code: $event.code })\"\n      >\n        <m-section-form-item\n          name=\"code\"\n          type=\"one-time-password\"\n          label=\"one-time-password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"resend\"\n            icon=\"corner-left-up\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"authStore.createAuthOtp()\"\n          />\n        </m-section-button-group>\n        <m-section-form-item\n          name=\"password\"\n          type=\"password\"\n          label=\"new-password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-section-form-item\n          name=\"confirm\"\n          type=\"password\"\n          label=\"confirm-password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-button\n          label=\"reset\"\n          icon=\"check\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"mm\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n      </m-section-form>\n    } @else if (authStore.variant().create_new_user && authStore.variant().identity_exiest) {\n      <m-section-form\n        minWidth=\"320px\"\n        maxWidth=\"320px\"\n        label=\"e-mail\"\n        subtitle=\"type-text\"\n        align=\"center\"\n        [data]=\"signupData!\"\n        (submitted)=\"\n          authStore.createAuthSignup({\n            firstName: $event.firstname,\n            lastName: $event.lastname,\n            dob: $event.dob,\n            sex: $event.sex,\n            password: btoa($event.password),\n          })\n        \"\n      >\n        <m-text-output label=\"signing-up-as\" [params]=\"activityTranslateParams()\" />\n        <m-section-form-item\n          name=\"firstname\"\n          type=\"text\"\n          label=\"first-name\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-section-form-item name=\"lastname\" type=\"text\" label=\"last-name\" placeholder=\"type-text\" [required]=\"true\" />\n        <m-section-form-item name=\"dob\" type=\"date\" label=\"date-of-birth\" placeholder=\"type-text\" [required]=\"true\" />\n        <m-section-form-item\n          name=\"sex\"\n          type=\"toggle_radio\"\n          label=\"sex\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n          value=\"male\"\n          mOptions=\"sex\"\n        />\n        <m-section-form-item\n          name=\"password\"\n          type=\"password\"\n          label=\"password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-section-form-item\n          name=\"repassword\"\n          type=\"password\"\n          label=\"confirm-password\"\n          placeholder=\"type-text\"\n          [required]=\"true\"\n        />\n        <m-button\n          label=\"sign-up\"\n          icon=\"check\"\n          isSubmit\n          [isRightIcon]=\"true\"\n          color=\"success\"\n          [fullWidth]=\"true\"\n          variant=\"primary\"\n        />\n        <m-section-button-group [fullWidth]=\"true\">\n          <m-button\n            label=\"back\"\n            icon=\"chevron-left\"\n            color=\"mm\"\n            variant=\"ghost\"\n            (clicked)=\"\n              authStore.patch({\n                identity: undefined,\n                otp: undefined,\n                otpCounter: undefined,\n                registerNewUser: undefined,\n                resetPassword: undefined,\n                showTerms: undefined,\n                signUp: undefined,\n              })\n            \"\n          />\n        </m-section-button-group>\n      </m-section-form>\n    }\n  </m-flex>\n</m-section>\n", styles: [":host{display:block;width:100%;box-sizing:border-box;padding-block:clamp(1.5rem,6vh,4rem)}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: FlexComponent, selector: "m-flex", inputs: ["direction", "justify", "alignItems", "variant", "gap", "padding", "paddingX", "paddingY", "wrap", "inline", "fullHeight", "minHeight", "minWidth", "maxHeight", "maxWidth"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: LogoComponent, selector: "m-logo", inputs: ["animation", "alive", "variant", "interactive", "width", "padding", "border", "color"] }, { kind: "directive", type: OptionsSourceDirective, selector: "[mOptions]", inputs: ["mOptions"] }, { kind: "component", type: SectionButtonGroupComponent, selector: "m-section-button-group", inputs: ["vertical", "align", "variant", "size", "fullWidth"] }, { kind: "component", type: SectionComponent, selector: "m-section", inputs: ["variant", "maxWidth", "heightMode", "maxHeight", "height", "align", "alignX", "alignY", "size"], outputs: ["inView"] }, { kind: "component", type: SectionFormComponent, selector: "m-section-form, m-one-section-form", inputs: ["variant", "maxWidth", "heightMode", "maxHeight", "height", "align", "padding", "paddingX", "paddingY", "margin", "marginX", "marginY", "size", "autofocus", "data", "validation", "disabled", "fieldConfigs", "fieldRenderIds"], outputs: ["dataChange", "submitted", "formInitialized"] }, { kind: "component", type: SectionFormItemComponent, selector: "m-section-form-item, m-one-section-form-item", inputs: ["span", "labelOrientation", "gap", "readonly", "focused", "form", "options", "dir", "element", "data", "template", "aclResolver", "formValues", "type", "label", "placeholder", "params", "required", "disabled", "icon", "prefix", "suffix", "button", "buttonAction", "buttonAcl", "maxWidth", "acl", "testid", "color", "variant", "min", "max", "step", "length", "debounce", "dateFormat", "searchLabel", "vertical", "multiple", "multiSelect", "equalWidth", "iconOnly", "isCheckboxVisible", "enlarge", "optionsAsset", "accept", "maxSize", "dropZone", "readAs", "editor", "ratio", "width", "patterns", "patternMessage", "value"], outputs: ["valueChange", "act", "fieldKey", "dataChange"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "fontWeight", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: UserComponent, selector: "m-user", inputs: ["id", "user", "firstName", "lastName", "profilePic"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AuthActivityPageComponent, decorators: [{
             type: Component,
@@ -19444,7 +19552,7 @@ class SectionCardComponent extends ColComponent {
         this.action.emit({ id: 'icon', label: this.icon() ?? '', icon: this.icon() });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SectionCardComponent, isStandalone: true, selector: "m-section-card", inputs: { margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, actionName: { classPropertyName: "actionName", publicName: "actionName", isSignal: true, isRequired: false, transformFunction: null }, menu: { classPropertyName: "menu", publicName: "menu", isSignal: true, isRequired: false, transformFunction: null }, menuName: { classPropertyName: "menuName", publicName: "menuName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, host: { properties: { "class": "classes()" }, classAttribute: "m-section-card" }, usesInheritance: true, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SectionCardComponent, isStandalone: true, selector: "m-section-card", inputs: { margin: { classPropertyName: "margin", publicName: "margin", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, actionName: { classPropertyName: "actionName", publicName: "actionName", isSignal: true, isRequired: false, transformFunction: null }, menu: { classPropertyName: "menu", publicName: "menu", isSignal: true, isRequired: false, transformFunction: null }, menuName: { classPropertyName: "menuName", publicName: "menuName", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, host: { properties: { "class": "classes()" }, classAttribute: "m-section-card" }, providers: [{ provide: SPACING_INWARD, useValue: { margin: true } }], usesInheritance: true, ngImport: i0, template: `
     @if (icon(); as iconName) {
       <div class="m-section-card__corner">
         <m-button
@@ -19457,7 +19565,7 @@ class SectionCardComponent extends ColComponent {
       </div>
     }
     <ng-content />
-  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;position:relative;grid-column:span 12;box-sizing:border-box;width:100%;margin-inline:auto;border:var(--section-card-border, 1px solid var(--m-backdrop-border));border-radius:var(--section-card-border-radius, 0)}:host(.no-border){border:none}:host.has-padding-x{padding-inline:var(--col-px, var(--section-px, var(--_section-px, 1rem)))}:host.has-padding-y{padding-block:var(--col-py, var(--section-pt, var(--_section-pt, 1.5rem)))}:host.has-margin{margin:var(--section-card-margin, 1rem);width:calc(100% - 2 * var(--section-card-margin, 1rem))}:host.has-corner{padding-inline-end:var(--section-card-corner-inset, 2.25rem)}:host.full-width{margin-inline:calc(-1 * var(--section-px, var(--_section-px, 1rem)))}:host.col-xs-1{grid-column:span 1;width:calc(100% * 1 / 12)}:host.col-xs-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-2{grid-column:span 2;width:calc(100% * 2 / 12)}:host.col-xs-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-3{grid-column:span 3;width:25%}:host.col-xs-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 576px){:host.col-sm-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 768px){:host.col-md-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 992px){:host.col-lg-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1200px){:host.col-xl-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1400px){:host.col-xxl-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-4{grid-column:span 4;width:calc(100% * 4 / 12)}:host.col-xs-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-5{grid-column:span 5;width:calc(100% * 5 / 12)}:host.col-xs-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-6{grid-column:span 6;width:50%}:host.col-xs-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 576px){:host.col-sm-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 768px){:host.col-md-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 992px){:host.col-lg-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1200px){:host.col-xl-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1400px){:host.col-xxl-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-7{grid-column:span 7;width:calc(100% * 7 / 12)}:host.col-xs-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-8{grid-column:span 8;width:calc(100% * 8 / 12)}:host.col-xs-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-9{grid-column:span 9;width:75%}:host.col-xs-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 576px){:host.col-sm-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 768px){:host.col-md-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 992px){:host.col-lg-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1200px){:host.col-xl-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1400px){:host.col-xxl-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-10{grid-column:span 10;width:calc(100% * 10 / 12)}:host.col-xs-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-11{grid-column:span 11;width:calc(100% * 11 / 12)}:host.col-xs-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-12{grid-column:span 12;width:100%}:host.col-xs-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 576px){:host.col-sm-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 768px){:host.col-md-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 992px){:host.col-lg-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1200px){:host.col-xl-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1400px){:host.col-xxl-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}.m-section-card__corner{position:absolute;top:.5rem;right:.5rem;z-index:1}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: ContextMenuComponent, selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted", "options"], outputs: ["toggleChange", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;position:relative;grid-column:span 12;box-sizing:border-box;width:100%;margin-inline:auto;border:var(--section-card-border, 1px solid var(--m-backdrop-border));border-radius:var(--section-card-border-radius, 0)}:host(.no-border){border:none}:host.has-padding-x{padding-inline:var(--col-px, var(--section-px, var(--_section-px, 1rem)))}:host.has-padding-y{padding-block:var(--col-py, var(--section-pt, var(--_section-pt, 1.5rem)))}:host.has-margin{margin:var(--section-card-margin, 1rem);width:calc(100% - 2 * var(--section-card-margin, 1rem))}:host.m-spaced{margin-inline:var(--m-margin-inline, 0px);width:calc(100% - 2 * var(--m-margin-inline, 0px))}:host.has-corner{padding-inline-end:var(--section-card-corner-inset, 2.25rem)}:host.full-width{margin-inline:calc(-1 * var(--section-px, var(--_section-px, 1rem)))}:host.col-xs-1{grid-column:span 1;width:calc(100% * 1 / 12)}:host.col-xs-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-2{grid-column:span 2;width:calc(100% * 2 / 12)}:host.col-xs-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-3{grid-column:span 3;width:25%}:host.col-xs-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 576px){:host.col-sm-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 768px){:host.col-md-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 992px){:host.col-lg-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1200px){:host.col-xl-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1400px){:host.col-xxl-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-4{grid-column:span 4;width:calc(100% * 4 / 12)}:host.col-xs-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-5{grid-column:span 5;width:calc(100% * 5 / 12)}:host.col-xs-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-6{grid-column:span 6;width:50%}:host.col-xs-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 576px){:host.col-sm-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 768px){:host.col-md-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 992px){:host.col-lg-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1200px){:host.col-xl-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1400px){:host.col-xxl-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-7{grid-column:span 7;width:calc(100% * 7 / 12)}:host.col-xs-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-8{grid-column:span 8;width:calc(100% * 8 / 12)}:host.col-xs-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-9{grid-column:span 9;width:75%}:host.col-xs-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 576px){:host.col-sm-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 768px){:host.col-md-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 992px){:host.col-lg-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1200px){:host.col-xl-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1400px){:host.col-xxl-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-10{grid-column:span 10;width:calc(100% * 10 / 12)}:host.col-xs-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-11{grid-column:span 11;width:calc(100% * 11 / 12)}:host.col-xs-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-12{grid-column:span 12;width:100%}:host.col-xs-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 576px){:host.col-sm-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 768px){:host.col-md-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 992px){:host.col-lg-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1200px){:host.col-xl-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1400px){:host.col-xxl-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}.m-section-card__corner{position:absolute;top:.5rem;right:.5rem;z-index:1}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "component", type: ContextMenuComponent, selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted", "options"], outputs: ["toggleChange", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionCardComponent, decorators: [{
             type: Component,
@@ -19474,10 +19582,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
       </div>
     }
     <ng-content />
-  `, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+  `, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: SPACING_INWARD, useValue: { margin: true } }], host: {
                         class: 'm-section-card',
                         '[class]': 'classes()',
-                    }, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;position:relative;grid-column:span 12;box-sizing:border-box;width:100%;margin-inline:auto;border:var(--section-card-border, 1px solid var(--m-backdrop-border));border-radius:var(--section-card-border-radius, 0)}:host(.no-border){border:none}:host.has-padding-x{padding-inline:var(--col-px, var(--section-px, var(--_section-px, 1rem)))}:host.has-padding-y{padding-block:var(--col-py, var(--section-pt, var(--_section-pt, 1.5rem)))}:host.has-margin{margin:var(--section-card-margin, 1rem);width:calc(100% - 2 * var(--section-card-margin, 1rem))}:host.has-corner{padding-inline-end:var(--section-card-corner-inset, 2.25rem)}:host.full-width{margin-inline:calc(-1 * var(--section-px, var(--_section-px, 1rem)))}:host.col-xs-1{grid-column:span 1;width:calc(100% * 1 / 12)}:host.col-xs-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-2{grid-column:span 2;width:calc(100% * 2 / 12)}:host.col-xs-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-3{grid-column:span 3;width:25%}:host.col-xs-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 576px){:host.col-sm-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 768px){:host.col-md-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 992px){:host.col-lg-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1200px){:host.col-xl-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1400px){:host.col-xxl-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-4{grid-column:span 4;width:calc(100% * 4 / 12)}:host.col-xs-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-5{grid-column:span 5;width:calc(100% * 5 / 12)}:host.col-xs-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-6{grid-column:span 6;width:50%}:host.col-xs-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 576px){:host.col-sm-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 768px){:host.col-md-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 992px){:host.col-lg-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1200px){:host.col-xl-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1400px){:host.col-xxl-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-7{grid-column:span 7;width:calc(100% * 7 / 12)}:host.col-xs-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-8{grid-column:span 8;width:calc(100% * 8 / 12)}:host.col-xs-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-9{grid-column:span 9;width:75%}:host.col-xs-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 576px){:host.col-sm-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 768px){:host.col-md-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 992px){:host.col-lg-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1200px){:host.col-xl-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1400px){:host.col-xxl-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-10{grid-column:span 10;width:calc(100% * 10 / 12)}:host.col-xs-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-11{grid-column:span 11;width:calc(100% * 11 / 12)}:host.col-xs-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-12{grid-column:span 12;width:100%}:host.col-xs-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 576px){:host.col-sm-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 768px){:host.col-md-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 992px){:host.col-lg-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1200px){:host.col-xl-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1400px){:host.col-xxl-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}.m-section-card__corner{position:absolute;top:.5rem;right:.5rem;z-index:1}\n"] }]
+                    }, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;position:relative;grid-column:span 12;box-sizing:border-box;width:100%;margin-inline:auto;border:var(--section-card-border, 1px solid var(--m-backdrop-border));border-radius:var(--section-card-border-radius, 0)}:host(.no-border){border:none}:host.has-padding-x{padding-inline:var(--col-px, var(--section-px, var(--_section-px, 1rem)))}:host.has-padding-y{padding-block:var(--col-py, var(--section-pt, var(--_section-pt, 1.5rem)))}:host.has-margin{margin:var(--section-card-margin, 1rem);width:calc(100% - 2 * var(--section-card-margin, 1rem))}:host.m-spaced{margin-inline:var(--m-margin-inline, 0px);width:calc(100% - 2 * var(--m-margin-inline, 0px))}:host.has-corner{padding-inline-end:var(--section-card-corner-inset, 2.25rem)}:host.full-width{margin-inline:calc(-1 * var(--section-px, var(--_section-px, 1rem)))}:host.col-xs-1{grid-column:span 1;width:calc(100% * 1 / 12)}:host.col-xs-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-1.has-margin{width:calc(100% * 1 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-2{grid-column:span 2;width:calc(100% * 2 / 12)}:host.col-xs-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-2.has-margin{width:calc(100% * 2 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-3{grid-column:span 3;width:25%}:host.col-xs-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 576px){:host.col-sm-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 768px){:host.col-md-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 992px){:host.col-lg-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1200px){:host.col-xl-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1400px){:host.col-xxl-3.has-margin{width:calc(100% * 3 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-4{grid-column:span 4;width:calc(100% * 4 / 12)}:host.col-xs-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-4.has-margin{width:calc(100% * 4 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-5{grid-column:span 5;width:calc(100% * 5 / 12)}:host.col-xs-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-5.has-margin{width:calc(100% * 5 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-6{grid-column:span 6;width:50%}:host.col-xs-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 576px){:host.col-sm-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 768px){:host.col-md-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 992px){:host.col-lg-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1200px){:host.col-xl-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1400px){:host.col-xxl-6.has-margin{width:calc(100% * 6 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-7{grid-column:span 7;width:calc(100% * 7 / 12)}:host.col-xs-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-7.has-margin{width:calc(100% * 7 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-8{grid-column:span 8;width:calc(100% * 8 / 12)}:host.col-xs-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-8.has-margin{width:calc(100% * 8 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-9{grid-column:span 9;width:75%}:host.col-xs-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 576px){:host.col-sm-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 768px){:host.col-md-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 992px){:host.col-lg-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1200px){:host.col-xl-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1400px){:host.col-xxl-9.has-margin{width:calc(100% * 9 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-10{grid-column:span 10;width:calc(100% * 10 / 12)}:host.col-xs-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-10.has-margin{width:calc(100% * 10 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-11{grid-column:span 11;width:calc(100% * 11 / 12)}:host.col-xs-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-11.has-margin{width:calc(100% * 11 / 12 - 2 * var(--section-card-margin, 1rem))}}:host.col-xs-12{grid-column:span 12;width:100%}:host.col-xs-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}@container mag-grid (min-width: 576px){:host.col-sm-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 576px){:host.col-sm-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 768px){:host.col-md-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 768px){:host.col-md-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 992px){:host.col-lg-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 992px){:host.col-lg-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1200px){:host.col-xl-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1200px){:host.col-xl-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}@container mag-grid (min-width: 1400px){:host.col-xxl-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1400px){:host.col-xxl-12.has-margin{width:calc(100% * 12 / 12 - 2 * var(--section-card-margin, 1rem))}}.m-section-card__corner{position:absolute;top:.5rem;right:.5rem;z-index:1}\n"] }]
         }], propDecorators: { margin: [{ type: i0.Input, args: [{ isSignal: true, alias: "margin", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], actionName: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionName", required: false }] }], menu: [{ type: i0.Input, args: [{ isSignal: true, alias: "menu", required: false }] }], menuName: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuName", required: false }] }], action: [{ type: i0.Output, args: ["action"] }] } });
 
 class RowComponent extends ConfigComponent {
@@ -23200,7 +23308,7 @@ class WrapperInputComponent extends ConfigComponent {
                 break;
             }
             case InputType.TOGGLE: {
-                const { ToggleInputComponent } = await import('./magmonium-one-toggle-B3RHNaUP.mjs');
+                const { ToggleInputComponent } = await import('./magmonium-one-toggle-DELqFKZY.mjs');
                 this.createDynamicComponent(seq, ToggleInputComponent, [], true);
                 break;
             }
@@ -23212,12 +23320,12 @@ class WrapperInputComponent extends ConfigComponent {
                 break;
             }
             case InputType.PASSWORD: {
-                const { PasswordInputComponent } = await import('./magmonium-one-password-QdZSw46k.mjs');
+                const { PasswordInputComponent } = await import('./magmonium-one-password-CT8y_iYQ.mjs');
                 this.createDynamicComponent(seq, PasswordInputComponent);
                 break;
             }
             case InputType.OTP: {
-                const { OtpInputComponent } = await import('./magmonium-one-otp-D3REoA5M.mjs');
+                const { OtpInputComponent } = await import('./magmonium-one-otp-Ct41thd0.mjs');
                 this.createDynamicComponent(seq, OtpInputComponent);
                 break;
             }
@@ -24931,7 +25039,7 @@ class FileUploadInputComponent extends BaseInputComponent {
         const modalStore = this.modalStore;
         if (!modalStore)
             return undefined;
-        const { ImageEditorComponent } = await import('./magmonium-one-image-editor-tRZa_hey.mjs');
+        const { ImageEditorComponent } = await import('./magmonium-one-image-editor-w_mIbhJH.mjs');
         const ratio = String(this.config()?.ratio ?? '');
         return new Promise((resolve) => {
             const modalRef = new ModalRef();
@@ -26618,14 +26726,14 @@ class CardComponent extends ConfigComponent {
         this.clicked.emit();
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CardComponent, isStandalone: true, selector: "m-card,m-one-card", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null }, fullHeight: { classPropertyName: "fullHeight", publicName: "fullHeight", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { properties: { "class.full-height": "fullHeight() || config()?.fullHeight || variant() === \"dashboard\"", "class.dashboard": "variant() === \"dashboard\"" } }, usesInheritance: true, ngImport: i0, template: "<ng-template #body>\n  <header>\n    <ng-content select=\"[slot=header]\"></ng-content>\n  </header>\n\n  <main>\n    <ng-content select=\"[slot=content]\"></ng-content>\n    <ng-content></ng-content>\n  </main>\n\n  <footer>\n    <ng-content select=\"[slot=footer]\"></ng-content>\n  </footer>\n</ng-template>\n\n@if (href()) {\n  <a [class]=\"classNames()\" [href]=\"href()\" (click)=\"onCardClick($event)\">\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </a>\n} @else {\n  <div\n    [class]=\"classNames()\"\n    [attr.role]=\"isClickable() ? 'button' : null\"\n    [attr.tabindex]=\"isClickable() ? 0 : null\"\n    (click)=\"onCardClick($event)\"\n    (keydown.enter)=\"isClickable() && onCardClick($event)\"\n    (keydown.space)=\"$event.preventDefault(); isClickable() && onCardClick($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </div>\n}\n", styles: [":host{display:block;width:100%}:host.full-height,:host.dashboard{height:100%}.card{display:flex;flex-direction:column;border-radius:var(--m-card-radius, .4em );overflow:hidden;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease;width:100%;min-height:0;border:var(--m-card-border, 1px solid color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-card-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:var(--m-backdrop-standard);border:1px solid var(--m-backdrop-border)}.card header,.card main,.card footer{padding:1rem 1.5rem}.card header{color:var(--m-card-color);border-bottom:1px solid var(--border, var(--m-border))}.card header:empty{display:none}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{margin:0 0 .25rem;font-weight:600;color:#333;line-height:1.3}.card header p{margin:0;color:#666;font-size:.875rem;line-height:1.4}.card main{flex:1;--m-section-min-height: 0;--section-pt: 0}.card main:empty:not(:only-child){display:none}.card main p{margin:0 0 1rem;line-height:1.5;color:#333}.card main p:last-child{margin-bottom:0}.card footer{border-top:1px solid var(--border, var(--m-border));font-size:.75rem;color:#666}.card footer:empty{display:none}@media(min-width:0){.card.xs-size-xs{max-width:240px;min-height:120px}}@media(min-width:0){.card.xs-size-sm{max-width:320px;min-height:160px}}@media(min-width:0){.card.xs-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-sm{max-width:320px;min-height:160px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-md{max-width:480px;min-height:240px}}@media(min-width:768px){.card.md-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-xl{max-width:800px;min-height:400px}}@media(min-width:768px){.card.md-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.md-size-jumbo header{padding:3rem 1rem;text-align:center}.card.md-size-jumbo header h1,.card.md-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.md-size-jumbo header h3,.card.md-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.md-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.md-size-jumbo main{padding:3rem 1rem;text-align:center}.card.md-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.md-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:992px){.card.lg-size-lg{max-width:640px;min-height:320px}}@media(min-width:992px){.card.lg-size-xl{max-width:800px;min-height:400px}}@media(min-width:992px){.card.lg-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.lg-size-jumbo header{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo header h1,.card.lg-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.lg-size-jumbo header h3,.card.lg-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.lg-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.lg-size-jumbo main{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.lg-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1200px){.card.xl-size-xl{max-width:800px;min-height:400px}}@media(min-width:1200px){.card.xl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo header h1,.card.xl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xl-size-jumbo header h3,.card.xl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1400px){.card.xxl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xxl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo header h1,.card.xxl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xxl-size-jumbo header h3,.card.xxl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xxl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xxl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xxl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(max-width:991.98px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{width:100%;max-width:none;margin:0;border-radius:0}}@media(max-width:991.98px)and (min-width:992px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{border-radius:8px;margin:0 1rem}}@media(max-width:767.98px){.card header,.card main,.card footer{padding-left:1rem;padding-right:1rem}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{font-size:1.1rem}.card header p{font-size:.8rem}.card main p{font-size:.9rem}.card footer{font-size:.7rem}}@media(min-width:768px)and (max-width:991.98px){.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2rem}.card.size-jumbo header p{font-size:1.1rem}.card.size-jumbo main p{font-size:1rem}}@media(max-width:575.98px){.card.size-jumbo header{padding:1.5rem 1rem}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:1.8rem}.card.size-jumbo header p{font-size:1rem}.card.size-jumbo main{padding:1.5rem 1rem}.card.size-jumbo main p{font-size:.95rem}.card.size-jumbo footer{padding:1rem}}.card.flat,.card.outlined{border:1px solid var(--border, var(--m-border));box-shadow:none}.card.glass{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border:1px solid var(--m-border)}.card.glass header{border-bottom:1px solid var(--m-border)}.card.glass footer{border-top:1px solid var(--m-border)}.card.beautiful{background:var(--surface-hover);border:1px solid var(--border);box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card.beautiful header{border-bottom:1px solid var(--border);background:rgba(var(--primary-rgb),.03)}.card.beautiful footer{border-top:1px solid var(--border);background:rgba(var(--primary-rgb),.02)}.card.professional{background:#fff;border:1px solid #e2e8f0;border-radius:0;box-shadow:none}.card.professional header{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.card.professional main{padding:2rem}.card.professional footer{padding:1.5rem 2rem;background:#fff;border-top:1px solid #f1f5f9}.card.subtle{background:color-mix(in srgb,var(--m-focus) 2%,var(--m-background));border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );box-shadow:none}.card.subtle header,.card.subtle main,.card.subtle footer{padding:1rem}.card.no-border{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.no-border header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.no-border header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.no-border footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.no-border footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.dashboard header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.dashboard header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.dashboard footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.dashboard footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.dashboard header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.dashboard main{flex:1;overflow-y:auto;min-height:0}.card.dashboard footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}.card.dashboard{border:var(--m-card-border, 1px solid var(--m-backdrop-border));border-radius:var(--m-card-border-radius, 1.5rem);background:var(--m-card-background, var(--m-backdrop-glass));box-shadow:0 8px 32px -4px #0000000a,0 1px 4px #00000005}.card.dashboard header{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);border-bottom:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.dashboard footer{background:linear-gradient(0deg,rgba(255,255,255,.03) 0%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto;border-top:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.roundedBorder{border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );box-shadow:none}.card.highlighted{border:1px solid color-mix(in srgb,var(--mm-color, var(--m-mm)) 55%,var(--m-background));border-radius:var(--m-card-radius, .4em );background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 5%,var(--background, var(--m-background)) 95%);box-shadow:none}.card.clickable{border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );cursor:pointer;transition:border-color .2s ease,background-color .15s ease}.card.clickable:hover{border-color:color-mix(in srgb,var(--mm-color, var(--m-mm)) 55%,var(--m-background));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 4%,var(--m-background))}.card.clickable:active{border-color:var(--mm-color, var(--m-mm));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 8%,transparent)}.card.line{border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );box-shadow:none}.card.padding-none header,.card.padding-none main,.card.padding-none footer{padding:0}.card.padding-x header,.card.padding-x main,.card.padding-x footer{padding-block:0}.card.padding-y header,.card.padding-y main,.card.padding-y footer{padding-inline:0}.card.padding-left header,.card.padding-left main,.card.padding-left footer{padding-top:0;padding-right:0;padding-bottom:0}.card.padding-right header,.card.padding-right main,.card.padding-right footer{padding-top:0;padding-bottom:0;padding-left:0}.card.padding-up header,.card.padding-up main,.card.padding-up footer{padding-right:0;padding-bottom:0;padding-left:0}.card.padding-down header,.card.padding-down main,.card.padding-down footer{padding-top:0;padding-right:0;padding-left:0}.card.compact{border-radius:var(--m-card-radius, .4em )}.card.compact header,.card.compact main,.card.compact footer{padding:.5rem 1rem}.card.spacious{border-radius:var(--m-card-radius, .4em )}.card.spacious header,.card.spacious main,.card.spacious footer{padding:1.5rem 3rem}.card.separated header{border-bottom-width:2px;border-bottom-color:var(--border, var(--m-border))}.card.separated footer{border-top-width:2px;border-top-color:var(--border, var(--m-border))}.card.size-xs{max-width:240px;min-height:120px}.card.size-sm{max-width:320px;min-height:160px}.card.size-md{max-width:480px;min-height:240px}.card.size-lg{max-width:640px;min-height:320px}.card.size-xl{max-width:800px;min-height:400px}.card.size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.size-jumbo header{padding:3rem 1rem;text-align:center}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.size-jumbo header h3,.card.size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.size-jumbo main{padding:3rem 1rem;text-align:center}.card.size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.size-jumbo footer{padding:1.5rem 1rem;text-align:center}.card.size-full-width{width:100%;max-width:none;margin:0;border-radius:0}@media(min-width:992px){.card.size-full-width{border-radius:8px;margin:0 1rem}}.card.full-width{width:100vw;margin-left:50%;transform:translate(-50%);max-width:none;border-radius:0}@media(min-width:1200px){.card.full-width{width:100%;margin-left:0;transform:none;border-radius:8px}}.card.interactive{cursor:pointer}.card.interactive:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a,0 8px 24px #00000014}.card.interactive:active{transform:translateY(0);transition:transform .1s ease-out}a.card{color:inherit;text-decoration:none}.card.elevated{box-shadow:15px 15px 30px #bebebe,-15px -15px 30px #fff;border:none}.card.full-height{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.full-height header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.full-height main{flex:1;overflow-y:auto;min-height:0}.card.full-height footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    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\"" } }, providers: [{ provide: SPACING_INWARD, useValue: { padding: true } }], usesInheritance: true, ngImport: i0, template: "<ng-template #body>\n  <header>\n    <ng-content select=\"[slot=header]\"></ng-content>\n  </header>\n\n  <main>\n    <ng-content select=\"[slot=content]\"></ng-content>\n    <ng-content></ng-content>\n  </main>\n\n  <footer>\n    <ng-content select=\"[slot=footer]\"></ng-content>\n  </footer>\n</ng-template>\n\n@if (href()) {\n  <a [class]=\"classNames()\" [href]=\"href()\" (click)=\"onCardClick($event)\">\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </a>\n} @else {\n  <div\n    [class]=\"classNames()\"\n    [attr.role]=\"isClickable() ? 'button' : null\"\n    [attr.tabindex]=\"isClickable() ? 0 : null\"\n    (click)=\"onCardClick($event)\"\n    (keydown.enter)=\"isClickable() && onCardClick($event)\"\n    (keydown.space)=\"$event.preventDefault(); isClickable() && onCardClick($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </div>\n}\n", styles: [":host{display:block;width:100%}:host.full-height,:host.dashboard{height:100%}.card{display:flex;flex-direction:column;border-radius:var(--m-card-radius, .4em );overflow:hidden;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease;width:100%;min-height:0;border:var(--m-card-border, 1px solid color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-card-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:var(--m-backdrop-standard);border:1px solid var(--m-backdrop-border)}.card header,.card main,.card footer{padding:1rem 1.5rem}.card header{color:var(--m-card-color);border-bottom:1px solid var(--border, var(--m-border))}.card header:empty{display:none}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{margin:0 0 .25rem;font-weight:600;color:#333;line-height:1.3}.card header p{margin:0;color:#666;font-size:.875rem;line-height:1.4}.card main{flex:1;--m-section-min-height: 0;--section-pt: 0}.card main:empty:not(:only-child){display:none}.card main p{margin:0 0 1rem;line-height:1.5;color:#333}.card main p:last-child{margin-bottom:0}.card footer{border-top:1px solid var(--border, var(--m-border));font-size:.75rem;color:#666}.card footer:empty{display:none}@media(min-width:0){.card.xs-size-xs{max-width:240px;min-height:120px}}@media(min-width:0){.card.xs-size-sm{max-width:320px;min-height:160px}}@media(min-width:0){.card.xs-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-sm{max-width:320px;min-height:160px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-md{max-width:480px;min-height:240px}}@media(min-width:768px){.card.md-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-xl{max-width:800px;min-height:400px}}@media(min-width:768px){.card.md-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.md-size-jumbo header{padding:3rem 1rem;text-align:center}.card.md-size-jumbo header h1,.card.md-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.md-size-jumbo header h3,.card.md-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.md-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.md-size-jumbo main{padding:3rem 1rem;text-align:center}.card.md-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.md-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:992px){.card.lg-size-lg{max-width:640px;min-height:320px}}@media(min-width:992px){.card.lg-size-xl{max-width:800px;min-height:400px}}@media(min-width:992px){.card.lg-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.lg-size-jumbo header{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo header h1,.card.lg-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.lg-size-jumbo header h3,.card.lg-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.lg-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.lg-size-jumbo main{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.lg-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1200px){.card.xl-size-xl{max-width:800px;min-height:400px}}@media(min-width:1200px){.card.xl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo header h1,.card.xl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xl-size-jumbo header h3,.card.xl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1400px){.card.xxl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xxl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo header h1,.card.xxl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xxl-size-jumbo header h3,.card.xxl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xxl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xxl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xxl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(max-width:991.98px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{width:100%;max-width:none;margin:0;border-radius:0}}@media(max-width:991.98px)and (min-width:992px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{border-radius:8px;margin:0 1rem}}@media(max-width:767.98px){.card header,.card main,.card footer{padding-left:1rem;padding-right:1rem}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{font-size:1.1rem}.card header p{font-size:.8rem}.card main p{font-size:.9rem}.card footer{font-size:.7rem}}@media(min-width:768px)and (max-width:991.98px){.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2rem}.card.size-jumbo header p{font-size:1.1rem}.card.size-jumbo main p{font-size:1rem}}@media(max-width:575.98px){.card.size-jumbo header{padding:1.5rem 1rem}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:1.8rem}.card.size-jumbo header p{font-size:1rem}.card.size-jumbo main{padding:1.5rem 1rem}.card.size-jumbo main p{font-size:.95rem}.card.size-jumbo footer{padding:1rem}}.card.flat,.card.outlined{border:1px solid var(--border, var(--m-border));box-shadow:none}.card.glass{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border:1px solid var(--m-border)}.card.glass header{border-bottom:1px solid var(--m-border)}.card.glass footer{border-top:1px solid var(--m-border)}.card.beautiful{background:var(--surface-hover);border:1px solid var(--border);box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card.beautiful header{border-bottom:1px solid var(--border);background:rgba(var(--primary-rgb),.03)}.card.beautiful footer{border-top:1px solid var(--border);background:rgba(var(--primary-rgb),.02)}.card.professional{background:#fff;border:1px solid #e2e8f0;border-radius:0;box-shadow:none}.card.professional header{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.card.professional main{padding:2rem}.card.professional footer{padding:1.5rem 2rem;background:#fff;border-top:1px solid #f1f5f9}.card.subtle{background:color-mix(in srgb,var(--m-focus) 2%,var(--m-background));border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );box-shadow:none}.card.subtle header,.card.subtle main,.card.subtle footer{padding:1rem}.card.no-border{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.no-border header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.no-border header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.no-border footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.no-border footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.dashboard header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.dashboard header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.dashboard footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.dashboard footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.dashboard header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.dashboard main{flex:1;overflow-y:auto;min-height:0}.card.dashboard footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}.card.dashboard{border:var(--m-card-border, 1px solid var(--m-backdrop-border));border-radius:var(--m-card-border-radius, 1.5rem);background:var(--m-card-background, var(--m-backdrop-glass));box-shadow:0 8px 32px -4px #0000000a,0 1px 4px #00000005}.card.dashboard header{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);border-bottom:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.dashboard footer{background:linear-gradient(0deg,rgba(255,255,255,.03) 0%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto;border-top:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.roundedBorder{border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );box-shadow:none}.card.highlighted{border:1px solid color-mix(in srgb,var(--mm-color, var(--m-mm)) 55%,var(--m-background));border-radius:var(--m-card-radius, .4em );background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 5%,var(--background, var(--m-background)) 95%);box-shadow:none}.card.clickable{border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );cursor:pointer;transition:border-color .2s ease,background-color .15s ease}.card.clickable:hover{border-color:color-mix(in srgb,var(--mm-color, var(--m-mm)) 55%,var(--m-background));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 4%,var(--m-background))}.card.clickable:active{border-color:var(--mm-color, var(--m-mm));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 8%,transparent)}.card.line{border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );box-shadow:none}.card.padding-none header,.card.padding-none main,.card.padding-none footer{padding:0}.card.padding-x header,.card.padding-x main,.card.padding-x footer{padding-block:0}.card.padding-y header,.card.padding-y main,.card.padding-y footer{padding-inline:0}.card.padding-left header,.card.padding-left main,.card.padding-left footer{padding-top:0;padding-right:0;padding-bottom:0}.card.padding-right header,.card.padding-right main,.card.padding-right footer{padding-top:0;padding-bottom:0;padding-left:0}.card.padding-up header,.card.padding-up main,.card.padding-up footer{padding-right:0;padding-bottom:0;padding-left:0}.card.padding-down header,.card.padding-down main,.card.padding-down footer{padding-top:0;padding-right:0;padding-left:0}.card.compact{border-radius:var(--m-card-radius, .4em )}.card.compact header,.card.compact main,.card.compact footer{padding:.5rem 1rem}.card.spacious{border-radius:var(--m-card-radius, .4em )}.card.spacious header,.card.spacious main,.card.spacious footer{padding:1.5rem 3rem}.card.separated header{border-bottom-width:2px;border-bottom-color:var(--border, var(--m-border))}.card.separated footer{border-top-width:2px;border-top-color:var(--border, var(--m-border))}.card.size-xs{max-width:240px;min-height:120px}.card.size-sm{max-width:320px;min-height:160px}.card.size-md{max-width:480px;min-height:240px}.card.size-lg{max-width:640px;min-height:320px}.card.size-xl{max-width:800px;min-height:400px}.card.size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.size-jumbo header{padding:3rem 1rem;text-align:center}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.size-jumbo header h3,.card.size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.size-jumbo main{padding:3rem 1rem;text-align:center}.card.size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.size-jumbo footer{padding:1.5rem 1rem;text-align:center}.card.size-full-width{width:100%;max-width:none;margin:0;border-radius:0}@media(min-width:992px){.card.size-full-width{border-radius:8px;margin:0 1rem}}.card.full-width{width:100vw;margin-left:50%;transform:translate(-50%);max-width:none;border-radius:0}@media(min-width:1200px){.card.full-width{width:100%;margin-left:0;transform:none;border-radius:8px}}.card.interactive{cursor:pointer}.card.interactive:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a,0 8px 24px #00000014}.card.interactive:active{transform:translateY(0);transition:transform .1s ease-out}a.card{color:inherit;text-decoration:none}.card.elevated{box-shadow:15px 15px 30px #bebebe,-15px -15px 30px #fff;border:none}.card.full-height{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.full-height header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.full-height main{flex:1;overflow-y:auto;min-height:0}.card.full-height footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}:host(.m-padded) .card header,:host(.m-padded) .card main,:host(.m-padded) .card footer{padding-inline:var(--m-padding-inline, 0);padding-block:var(--m-padding-block, 0)}\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: {
+            args: [{ selector: 'm-card,m-one-card', imports: [NgTemplateOutlet], providers: [{ provide: SPACING_INWARD, useValue: { padding: true } }], host: {
                         '[class.full-height]': 'fullHeight() || config()?.fullHeight || variant() === "dashboard"',
                         '[class.dashboard]': 'variant() === "dashboard"',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #body>\n  <header>\n    <ng-content select=\"[slot=header]\"></ng-content>\n  </header>\n\n  <main>\n    <ng-content select=\"[slot=content]\"></ng-content>\n    <ng-content></ng-content>\n  </main>\n\n  <footer>\n    <ng-content select=\"[slot=footer]\"></ng-content>\n  </footer>\n</ng-template>\n\n@if (href()) {\n  <a [class]=\"classNames()\" [href]=\"href()\" (click)=\"onCardClick($event)\">\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </a>\n} @else {\n  <div\n    [class]=\"classNames()\"\n    [attr.role]=\"isClickable() ? 'button' : null\"\n    [attr.tabindex]=\"isClickable() ? 0 : null\"\n    (click)=\"onCardClick($event)\"\n    (keydown.enter)=\"isClickable() && onCardClick($event)\"\n    (keydown.space)=\"$event.preventDefault(); isClickable() && onCardClick($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </div>\n}\n", styles: [":host{display:block;width:100%}:host.full-height,:host.dashboard{height:100%}.card{display:flex;flex-direction:column;border-radius:var(--m-card-radius, .4em );overflow:hidden;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease;width:100%;min-height:0;border:var(--m-card-border, 1px solid color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-card-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:var(--m-backdrop-standard);border:1px solid var(--m-backdrop-border)}.card header,.card main,.card footer{padding:1rem 1.5rem}.card header{color:var(--m-card-color);border-bottom:1px solid var(--border, var(--m-border))}.card header:empty{display:none}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{margin:0 0 .25rem;font-weight:600;color:#333;line-height:1.3}.card header p{margin:0;color:#666;font-size:.875rem;line-height:1.4}.card main{flex:1;--m-section-min-height: 0;--section-pt: 0}.card main:empty:not(:only-child){display:none}.card main p{margin:0 0 1rem;line-height:1.5;color:#333}.card main p:last-child{margin-bottom:0}.card footer{border-top:1px solid var(--border, var(--m-border));font-size:.75rem;color:#666}.card footer:empty{display:none}@media(min-width:0){.card.xs-size-xs{max-width:240px;min-height:120px}}@media(min-width:0){.card.xs-size-sm{max-width:320px;min-height:160px}}@media(min-width:0){.card.xs-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-sm{max-width:320px;min-height:160px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-md{max-width:480px;min-height:240px}}@media(min-width:768px){.card.md-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-xl{max-width:800px;min-height:400px}}@media(min-width:768px){.card.md-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.md-size-jumbo header{padding:3rem 1rem;text-align:center}.card.md-size-jumbo header h1,.card.md-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.md-size-jumbo header h3,.card.md-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.md-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.md-size-jumbo main{padding:3rem 1rem;text-align:center}.card.md-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.md-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:992px){.card.lg-size-lg{max-width:640px;min-height:320px}}@media(min-width:992px){.card.lg-size-xl{max-width:800px;min-height:400px}}@media(min-width:992px){.card.lg-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.lg-size-jumbo header{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo header h1,.card.lg-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.lg-size-jumbo header h3,.card.lg-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.lg-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.lg-size-jumbo main{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.lg-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1200px){.card.xl-size-xl{max-width:800px;min-height:400px}}@media(min-width:1200px){.card.xl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo header h1,.card.xl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xl-size-jumbo header h3,.card.xl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1400px){.card.xxl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xxl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo header h1,.card.xxl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xxl-size-jumbo header h3,.card.xxl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xxl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xxl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xxl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(max-width:991.98px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{width:100%;max-width:none;margin:0;border-radius:0}}@media(max-width:991.98px)and (min-width:992px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{border-radius:8px;margin:0 1rem}}@media(max-width:767.98px){.card header,.card main,.card footer{padding-left:1rem;padding-right:1rem}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{font-size:1.1rem}.card header p{font-size:.8rem}.card main p{font-size:.9rem}.card footer{font-size:.7rem}}@media(min-width:768px)and (max-width:991.98px){.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2rem}.card.size-jumbo header p{font-size:1.1rem}.card.size-jumbo main p{font-size:1rem}}@media(max-width:575.98px){.card.size-jumbo header{padding:1.5rem 1rem}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:1.8rem}.card.size-jumbo header p{font-size:1rem}.card.size-jumbo main{padding:1.5rem 1rem}.card.size-jumbo main p{font-size:.95rem}.card.size-jumbo footer{padding:1rem}}.card.flat,.card.outlined{border:1px solid var(--border, var(--m-border));box-shadow:none}.card.glass{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border:1px solid var(--m-border)}.card.glass header{border-bottom:1px solid var(--m-border)}.card.glass footer{border-top:1px solid var(--m-border)}.card.beautiful{background:var(--surface-hover);border:1px solid var(--border);box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card.beautiful header{border-bottom:1px solid var(--border);background:rgba(var(--primary-rgb),.03)}.card.beautiful footer{border-top:1px solid var(--border);background:rgba(var(--primary-rgb),.02)}.card.professional{background:#fff;border:1px solid #e2e8f0;border-radius:0;box-shadow:none}.card.professional header{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.card.professional main{padding:2rem}.card.professional footer{padding:1.5rem 2rem;background:#fff;border-top:1px solid #f1f5f9}.card.subtle{background:color-mix(in srgb,var(--m-focus) 2%,var(--m-background));border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );box-shadow:none}.card.subtle header,.card.subtle main,.card.subtle footer{padding:1rem}.card.no-border{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.no-border header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.no-border header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.no-border footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.no-border footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.dashboard header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.dashboard header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.dashboard footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.dashboard footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.dashboard header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.dashboard main{flex:1;overflow-y:auto;min-height:0}.card.dashboard footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}.card.dashboard{border:var(--m-card-border, 1px solid var(--m-backdrop-border));border-radius:var(--m-card-border-radius, 1.5rem);background:var(--m-card-background, var(--m-backdrop-glass));box-shadow:0 8px 32px -4px #0000000a,0 1px 4px #00000005}.card.dashboard header{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);border-bottom:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.dashboard footer{background:linear-gradient(0deg,rgba(255,255,255,.03) 0%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto;border-top:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.roundedBorder{border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );box-shadow:none}.card.highlighted{border:1px solid color-mix(in srgb,var(--mm-color, var(--m-mm)) 55%,var(--m-background));border-radius:var(--m-card-radius, .4em );background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 5%,var(--background, var(--m-background)) 95%);box-shadow:none}.card.clickable{border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );cursor:pointer;transition:border-color .2s ease,background-color .15s ease}.card.clickable:hover{border-color:color-mix(in srgb,var(--mm-color, var(--m-mm)) 55%,var(--m-background));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 4%,var(--m-background))}.card.clickable:active{border-color:var(--mm-color, var(--m-mm));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 8%,transparent)}.card.line{border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );box-shadow:none}.card.padding-none header,.card.padding-none main,.card.padding-none footer{padding:0}.card.padding-x header,.card.padding-x main,.card.padding-x footer{padding-block:0}.card.padding-y header,.card.padding-y main,.card.padding-y footer{padding-inline:0}.card.padding-left header,.card.padding-left main,.card.padding-left footer{padding-top:0;padding-right:0;padding-bottom:0}.card.padding-right header,.card.padding-right main,.card.padding-right footer{padding-top:0;padding-bottom:0;padding-left:0}.card.padding-up header,.card.padding-up main,.card.padding-up footer{padding-right:0;padding-bottom:0;padding-left:0}.card.padding-down header,.card.padding-down main,.card.padding-down footer{padding-top:0;padding-right:0;padding-left:0}.card.compact{border-radius:var(--m-card-radius, .4em )}.card.compact header,.card.compact main,.card.compact footer{padding:.5rem 1rem}.card.spacious{border-radius:var(--m-card-radius, .4em )}.card.spacious header,.card.spacious main,.card.spacious footer{padding:1.5rem 3rem}.card.separated header{border-bottom-width:2px;border-bottom-color:var(--border, var(--m-border))}.card.separated footer{border-top-width:2px;border-top-color:var(--border, var(--m-border))}.card.size-xs{max-width:240px;min-height:120px}.card.size-sm{max-width:320px;min-height:160px}.card.size-md{max-width:480px;min-height:240px}.card.size-lg{max-width:640px;min-height:320px}.card.size-xl{max-width:800px;min-height:400px}.card.size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.size-jumbo header{padding:3rem 1rem;text-align:center}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.size-jumbo header h3,.card.size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.size-jumbo main{padding:3rem 1rem;text-align:center}.card.size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.size-jumbo footer{padding:1.5rem 1rem;text-align:center}.card.size-full-width{width:100%;max-width:none;margin:0;border-radius:0}@media(min-width:992px){.card.size-full-width{border-radius:8px;margin:0 1rem}}.card.full-width{width:100vw;margin-left:50%;transform:translate(-50%);max-width:none;border-radius:0}@media(min-width:1200px){.card.full-width{width:100%;margin-left:0;transform:none;border-radius:8px}}.card.interactive{cursor:pointer}.card.interactive:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a,0 8px 24px #00000014}.card.interactive:active{transform:translateY(0);transition:transform .1s ease-out}a.card{color:inherit;text-decoration:none}.card.elevated{box-shadow:15px 15px 30px #bebebe,-15px -15px 30px #fff;border:none}.card.full-height{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.full-height header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.full-height main{flex:1;overflow-y:auto;min-height:0}.card.full-height footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #body>\n  <header>\n    <ng-content select=\"[slot=header]\"></ng-content>\n  </header>\n\n  <main>\n    <ng-content select=\"[slot=content]\"></ng-content>\n    <ng-content></ng-content>\n  </main>\n\n  <footer>\n    <ng-content select=\"[slot=footer]\"></ng-content>\n  </footer>\n</ng-template>\n\n@if (href()) {\n  <a [class]=\"classNames()\" [href]=\"href()\" (click)=\"onCardClick($event)\">\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </a>\n} @else {\n  <div\n    [class]=\"classNames()\"\n    [attr.role]=\"isClickable() ? 'button' : null\"\n    [attr.tabindex]=\"isClickable() ? 0 : null\"\n    (click)=\"onCardClick($event)\"\n    (keydown.enter)=\"isClickable() && onCardClick($event)\"\n    (keydown.space)=\"$event.preventDefault(); isClickable() && onCardClick($event)\"\n  >\n    <ng-container *ngTemplateOutlet=\"body\" />\n  </div>\n}\n", styles: [":host{display:block;width:100%}:host.full-height,:host.dashboard{height:100%}.card{display:flex;flex-direction:column;border-radius:var(--m-card-radius, .4em );overflow:hidden;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease;width:100%;min-height:0;border:var(--m-card-border, 1px solid color-mix(in srgb, var(--m-text) 18%, var(--m-background)));background:var(--m-card-background, color-mix(in srgb, var(--m-focus) 2%, var(--m-background)));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:var(--m-backdrop-standard);border:1px solid var(--m-backdrop-border)}.card header,.card main,.card footer{padding:1rem 1.5rem}.card header{color:var(--m-card-color);border-bottom:1px solid var(--border, var(--m-border))}.card header:empty{display:none}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{margin:0 0 .25rem;font-weight:600;color:#333;line-height:1.3}.card header p{margin:0;color:#666;font-size:.875rem;line-height:1.4}.card main{flex:1;--m-section-min-height: 0;--section-pt: 0}.card main:empty:not(:only-child){display:none}.card main p{margin:0 0 1rem;line-height:1.5;color:#333}.card main p:last-child{margin-bottom:0}.card footer{border-top:1px solid var(--border, var(--m-border));font-size:.75rem;color:#666}.card footer:empty{display:none}@media(min-width:0){.card.xs-size-xs{max-width:240px;min-height:120px}}@media(min-width:0){.card.xs-size-sm{max-width:320px;min-height:160px}}@media(min-width:0){.card.xs-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-sm{max-width:320px;min-height:160px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-md{max-width:480px;min-height:240px}}@media(min-width:576px)and (max-width:767.98px){.card.sm-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-md{max-width:480px;min-height:240px}}@media(min-width:768px){.card.md-size-lg{max-width:640px;min-height:320px}}@media(min-width:768px){.card.md-size-xl{max-width:800px;min-height:400px}}@media(min-width:768px){.card.md-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.md-size-jumbo header{padding:3rem 1rem;text-align:center}.card.md-size-jumbo header h1,.card.md-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.md-size-jumbo header h3,.card.md-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.md-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.md-size-jumbo main{padding:3rem 1rem;text-align:center}.card.md-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.md-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:992px){.card.lg-size-lg{max-width:640px;min-height:320px}}@media(min-width:992px){.card.lg-size-xl{max-width:800px;min-height:400px}}@media(min-width:992px){.card.lg-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.lg-size-jumbo header{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo header h1,.card.lg-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.lg-size-jumbo header h3,.card.lg-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.lg-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.lg-size-jumbo main{padding:3rem 1rem;text-align:center}.card.lg-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.lg-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1200px){.card.xl-size-xl{max-width:800px;min-height:400px}}@media(min-width:1200px){.card.xl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo header h1,.card.xl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xl-size-jumbo header h3,.card.xl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(min-width:1400px){.card.xxl-size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.xxl-size-jumbo header{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo header h1,.card.xxl-size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.xxl-size-jumbo header h3,.card.xxl-size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.xxl-size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.xxl-size-jumbo main{padding:3rem 1rem;text-align:center}.card.xxl-size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.xxl-size-jumbo footer{padding:1.5rem 1rem;text-align:center}}@media(max-width:991.98px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{width:100%;max-width:none;margin:0;border-radius:0}}@media(max-width:991.98px)and (min-width:992px){.card.xs-size-full-width,.card.sm-size-full-width,.card.md-size-full-width{border-radius:8px;margin:0 1rem}}@media(max-width:767.98px){.card header,.card main,.card footer{padding-left:1rem;padding-right:1rem}.card header h1,.card header h2,.card header h3,.card header h4,.card header h5,.card header h6{font-size:1.1rem}.card header p{font-size:.8rem}.card main p{font-size:.9rem}.card footer{font-size:.7rem}}@media(min-width:768px)and (max-width:991.98px){.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2rem}.card.size-jumbo header p{font-size:1.1rem}.card.size-jumbo main p{font-size:1rem}}@media(max-width:575.98px){.card.size-jumbo header{padding:1.5rem 1rem}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:1.8rem}.card.size-jumbo header p{font-size:1rem}.card.size-jumbo main{padding:1.5rem 1rem}.card.size-jumbo main p{font-size:.95rem}.card.size-jumbo footer{padding:1rem}}.card.flat,.card.outlined{border:1px solid var(--border, var(--m-border));box-shadow:none}.card.glass{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:var(--m-backdrop-glass);border:1px solid var(--m-backdrop-border);border:1px solid var(--m-border)}.card.glass header{border-bottom:1px solid var(--m-border)}.card.glass footer{border-top:1px solid var(--m-border)}.card.beautiful{background:var(--surface-hover);border:1px solid var(--border);box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card.beautiful header{border-bottom:1px solid var(--border);background:rgba(var(--primary-rgb),.03)}.card.beautiful footer{border-top:1px solid var(--border);background:rgba(var(--primary-rgb),.02)}.card.professional{background:#fff;border:1px solid #e2e8f0;border-radius:0;box-shadow:none}.card.professional header{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.card.professional main{padding:2rem}.card.professional footer{padding:1.5rem 2rem;background:#fff;border-top:1px solid #f1f5f9}.card.subtle{background:color-mix(in srgb,var(--m-focus) 2%,var(--m-background));border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );box-shadow:none}.card.subtle header,.card.subtle main,.card.subtle footer{padding:1rem}.card.no-border{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.no-border header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.no-border header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.no-border footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.no-border footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{background:var(--m-backdrop-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-radius:1.5rem;box-shadow:0 4px 24px -4px #00000014,0 1px 4px #0000000a;position:relative}.card.dashboard header{position:relative;border-bottom:none;background:linear-gradient(180deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:1.5rem 1.5rem 0 0}.card.dashboard header:after{content:\"\";position:absolute;bottom:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center bottom,center bottom;background-repeat:no-repeat;transform:translateY(3px)}.card.dashboard footer{position:relative;border-top:none;background:linear-gradient(0deg,var(--m-backdrop-frosted) 0%,transparent 100%);border-radius:0 0 1.5rem 1.5rem}.card.dashboard footer:before{content:\"\";position:absolute;top:0;left:0;right:0;height:6px;background:radial-gradient(circle,rgba(0,0,0,.15) 1.5px,transparent 1.5px),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%);background-size:6px 6px,100% 1px;background-position:center top,center top;background-repeat:no-repeat;transform:translateY(-3px)}.card.dashboard{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.dashboard header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.dashboard main{flex:1;overflow-y:auto;min-height:0}.card.dashboard footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}.card.dashboard{border:var(--m-card-border, 1px solid var(--m-backdrop-border));border-radius:var(--m-card-border-radius, 1.5rem);background:var(--m-card-background, var(--m-backdrop-glass));box-shadow:0 8px 32px -4px #0000000a,0 1px 4px #00000005}.card.dashboard header{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);border-bottom:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.dashboard footer{background:linear-gradient(0deg,rgba(255,255,255,.03) 0%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto;border-top:1px solid color-mix(in srgb,var(--m-border) 25%,transparent)}.card.roundedBorder{border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );box-shadow:none}.card.highlighted{border:1px solid color-mix(in srgb,var(--mm-color, var(--m-mm)) 55%,var(--m-background));border-radius:var(--m-card-radius, .4em );background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 5%,var(--background, var(--m-background)) 95%);box-shadow:none}.card.clickable{border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );cursor:pointer;transition:border-color .2s ease,background-color .15s ease}.card.clickable:hover{border-color:color-mix(in srgb,var(--mm-color, var(--m-mm)) 55%,var(--m-background));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 4%,var(--m-background))}.card.clickable:active{border-color:var(--mm-color, var(--m-mm));background:color-mix(in srgb,var(--mm-color, var(--m-mm)) 8%,transparent)}.card.line{border:1px solid color-mix(in srgb,var(--m-text) 18%,var(--m-background));border-radius:var(--m-card-radius, .4em );box-shadow:none}.card.padding-none header,.card.padding-none main,.card.padding-none footer{padding:0}.card.padding-x header,.card.padding-x main,.card.padding-x footer{padding-block:0}.card.padding-y header,.card.padding-y main,.card.padding-y footer{padding-inline:0}.card.padding-left header,.card.padding-left main,.card.padding-left footer{padding-top:0;padding-right:0;padding-bottom:0}.card.padding-right header,.card.padding-right main,.card.padding-right footer{padding-top:0;padding-bottom:0;padding-left:0}.card.padding-up header,.card.padding-up main,.card.padding-up footer{padding-right:0;padding-bottom:0;padding-left:0}.card.padding-down header,.card.padding-down main,.card.padding-down footer{padding-top:0;padding-right:0;padding-left:0}.card.compact{border-radius:var(--m-card-radius, .4em )}.card.compact header,.card.compact main,.card.compact footer{padding:.5rem 1rem}.card.spacious{border-radius:var(--m-card-radius, .4em )}.card.spacious header,.card.spacious main,.card.spacious footer{padding:1.5rem 3rem}.card.separated header{border-bottom-width:2px;border-bottom-color:var(--border, var(--m-border))}.card.separated footer{border-top-width:2px;border-top-color:var(--border, var(--m-border))}.card.size-xs{max-width:240px;min-height:120px}.card.size-sm{max-width:320px;min-height:160px}.card.size-md{max-width:480px;min-height:240px}.card.size-lg{max-width:640px;min-height:320px}.card.size-xl{max-width:800px;min-height:400px}.card.size-jumbo{max-width:1200px;min-height:500px;margin:0 auto}.card.size-jumbo header{padding:3rem 1rem;text-align:center}.card.size-jumbo header h1,.card.size-jumbo header h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.card.size-jumbo header h3,.card.size-jumbo header h4{font-size:1.8rem;margin-bottom:.5rem}.card.size-jumbo header p{font-size:1.2rem;max-width:600px;margin:0 auto;line-height:1.6}.card.size-jumbo main{padding:3rem 1rem;text-align:center}.card.size-jumbo main p{font-size:1.1rem;max-width:800px;margin:0 auto 1.5rem}.card.size-jumbo footer{padding:1.5rem 1rem;text-align:center}.card.size-full-width{width:100%;max-width:none;margin:0;border-radius:0}@media(min-width:992px){.card.size-full-width{border-radius:8px;margin:0 1rem}}.card.full-width{width:100vw;margin-left:50%;transform:translate(-50%);max-width:none;border-radius:0}@media(min-width:1200px){.card.full-width{width:100%;margin-left:0;transform:none;border-radius:8px}}.card.interactive{cursor:pointer}.card.interactive:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a,0 8px 24px #00000014}.card.interactive:active{transform:translateY(0);transition:transform .1s ease-out}a.card{color:inherit;text-decoration:none}.card.elevated{box-shadow:15px 15px 30px #bebebe,-15px -15px 30px #fff;border:none}.card.full-height{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.card.full-height header{flex-shrink:0;position:sticky;top:0;z-index:10}.card.full-height main{flex:1;overflow-y:auto;min-height:0}.card.full-height footer{flex-shrink:0;position:sticky;bottom:0;z-index:10}:host(.m-padded) .card header,:host(.m-padded) .card main,:host(.m-padded) .card footer{padding-inline:var(--m-padding-inline, 0);padding-block:var(--m-padding-block, 0)}\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 {
@@ -40555,5 +40663,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CheckboxGroupComponent as $, ACCESS_DOMAINS as A, ButtonComponent as B, AssetUrlPipe as C, Assets as D, AuthActivityPageComponent as E, AuthApiService as F, AuthStore as G, HeaderComponent$1 as H, InputType as I, AutosizeDirective as J, BadgeComponent as K, LabelComponent as L, MODAL_REF as M, BandingComponent as N, BaseArrayInputComponent as O, BaseRootWebComponent as P, BaseWebComponent as Q, RangeInputComponent as R, ButtonGroupComponent as S, TranslatePipe as T, CALLING_APP_HEADER as U, COMPONENT_INPUT_REGISTRY as V, CardComponent as W, CardWrapperComponent as X, CarouselComponent as Y, ChartComponent as Z, ChatBubbleComponent as _, MIN_ZOOM as a, ICON_SOURCE as a$, CheckboxInputComponent as a0, ClearableInputComponent as a1, ClipboardService as a2, ColComponent as a3, ColorPickerInputComponent as a4, CommentItemComponent as a5, CommentsApiService as a6, CommentsComponent as a7, CommentsStore as a8, CompactNumberPipe as a9, DocComponent as aA, DocEditorComponent as aB, DomService as aC, Domain as aD, DotGridComponent as aE, DragListDirective as aF, DragListItemDirective as aG, DraggableDirective as aH, DropdownInputComponent as aI, FILTER_GROUP_CONTEXT as aJ, FILTER_RANGE_MODES as aK, FILTER_VARIANTS as aL, FLEX_VARIANTS as aM, FOLDER_PICK_LISTENER as aN, FORM_ASSET_FOLDER as aO, FileService as aP, FileUploadDirective as aQ, FileUploadInputComponent as aR, FlexComponent as aS, FlexItemComponent as aT, FormGroupComponent as aU, FrameComponent as aV, FreezeService as aW, GRID_BREAKPOINTS as aX, GetNavService as aY, HighlightDirective as aZ, HttpService as a_, ComponentInputComponent as aa, ComponentStepperComponent as ab, ConfigComponent as ac, ConfirmComponent as ad, ContextMenuComponent as ae, CustomIconClass as af, CustomIconEditComponent as ag, DEFAULT_DENIAL as ah, DEFAULT_DOC_DENSITY as ai, DEFAULT_DOC_VARIANT as aj, DEFAULT_FILTER_RANGE_MODE as ak, DEFAULT_FILTER_VARIANT as al, DEFAULT_NAV_PARAM as am, DEFAULT_NAV_SEGMENT as an, DEFAULT_SIZE as ao, DOCK_MIN_PAGE_REMAINDER as ap, DOCS_FOLDER as aq, DOC_ACTION_ICONS as ar, DOC_DENSITIES as as, DOC_EDIT_ACTIONS as at, DOC_TOOLBAR_GROUPS as au, DOC_VARIANTS as av, DashboardCardComponent as aw, DateInputComponent as ax, DatePickerComponent as ay, DeviceService as az, MAX_ZOOM as b, PLATFORM_ROOT_CHILDREN as b$, IS_SIDE_PANEL as b0, IconComponent as b1, ImgComponent as b2, InstrumentScoreComponent as b3, InterceptorObservables as b4, JumbotronComponent as b5, KeyValueComponent as b6, LAYOUT_ASSET_FOLDER as b7, LOGIN_COMPONENT as b8, LOGIN_STORE as b9, NAV_WC_COMPONENTS as bA, NAV_WIDGET_MAP as bB, NavComponent as bC, NavDetailsComponent as bD, NavHeaderComponent as bE, NavMenuComponent as bF, NavStore as bG, NavTrailComponent as bH, NothingComponent as bI, NotificationElementComponent as bJ, NotificationGroupComponent as bK, NotificationPopupComponent as bL, NotificationService as bM, NotificationStore as bN, NotificationType as bO, NotificationWidgetComponent as bP, ONE_ASSET_BASE_URL as bQ, OPTIONS_SOURCE as bR, OVERLAY_WIDGETS as bS, OneApp as bT, OptionsSourceDirective as bU, OverlayBodyComponent as bV, OverlayRef as bW, OverlayService as bX, PLATFORM_BUTTON_NAV_IDS as bY, PLATFORM_EXTENSIBLE_NAV_IDS as bZ, PLATFORM_NAV_MAP as b_, LanguageComponent as ba, ListComponent as bb, LogoComponent as bc, MAG_SOCKET_EVENT as bd, MHeroColorDirective as be, MHeroComponent as bf, MODAL_STORE_REF as bg, MOUNT_STATIC_SEGMENT as bh, MOUNT_TOKEN as bi, MRefDirective as bj, MStepComponent as bk, MURL_PARAM as bl, MURL_SEP as bm, ManifestEnrichmentService as bn, MenuComponent as bo, ModalDirective as bp, ModalRef as bq, ModalStore as br, MoneyPipe as bs, MultiRangeInputComponent as bt, MurlUrlSerializer as bu, NAV_DEFAULT_MURL as bv, NAV_ID_SEP as bw, NAV_MAIN_BUTTONS as bx, NAV_SEGMENT_RE as by, NAV_STORE_REF as bz, cropRect as c, ShapeComponent as c$, PaginationComponent as c0, PanelComponent as c1, PercentagePipe as c2, PlaygroundComponent as c3, PositionDirective as c4, PwaInstallComponent as c5, RECENT_SEARCH_LIMIT as c6, REMOTE_PAGE_RELOAD as c7, ROOT_NAV$1 as c8, RadioGroupComponent as c9, SectionCardComponent as cA, SectionCarouselComponent as cB, SectionComponent as cC, SectionFilterComponent as cD, SectionFilterGroupComponent as cE, SectionFilterMenuComponent as cF, SectionFilterPanelComponent as cG, SectionFilterRangePanelComponent as cH, SectionFooterComponent as cI, SectionFormComponent as cJ, SectionFormItemComponent as cK, SectionHeaderComponent as cL, SectionHeroComponent as cM, SectionPaginationComponent as cN, SectionSearchComponent as cO, SectionStepperComponent as cP, SectionTableCellComponent as cQ, SectionTableComponent as cR, SectionTableRowComponent as cS, SectionTableSortPipe as cT, SectionTabsComponent as cU, SectionToggleComponent as cV, SectionToggleItemDirective as cW, SelectableCardInputComponent as cX, SelectorDirective as cY, SettingsSearchBarComponent as cZ, SettingsSearchService as c_, RadioInputComponent as ca, RatingInputComponent as cb, ReactiveElementComponent as cc, RemoteComponent as cd, RemoteLoaderService as ce, ResizeElementComponent as cf, RouteContainer as cg, RowComponent as ch, SEARCH_QUERY as ci, SEARCH_RESULTS_EVENT as cj, SECTION_ACCORDION_GROUP as ck, SECTION_FORM_CONTEXT as cl, SECTION_TABLE_VARIANTS as cm, SHARED_ICONS as cn, SIZE_CONTEXT as co, ScoreComponent as cp, ScrollComponent as cq, ScrollService as cr, SearchPanelComponent as cs, SearchStore as ct, SearchUserPanelComponent as cu, SectionAccordionDirective as cv, SectionAccordionGroupDirective as cw, SectionBackComponent as cx, SectionBadgesComponent as cy, SectionButtonGroupComponent as cz, drawFramed as d, calculateRanks as d$, SharedStoreRegistry as d0, SidePanelDirective as d1, Size as d2, SocketStore as d3, SortComponent as d4, StatComponent as d5, StepComponent as d6, StepperComponent as d7, StepsComponent as d8, StorageService as d9, URL_SEP as dA, USER_STORE_REF as dB, USER_TAB_MAP as dC, UniverseComponent as dD, UserApiService as dE, UserAvatarComponent as dF, UserComponent as dG, UserNavComponent as dH, UserSettingsComponent as dI, UserStore as dJ, WC_BUNDLE as dK, WC_NAVIGATE_EVENT as dL, WC_ROUTE_CHANGED_EVENT as dM, WC_SEARCH_GROUPS as dN, WIN_USER_TAB_HOOK as dO, WIN_USER_TAB_KEY as dP, WatermarkComponent as dQ, WcRouterStore as dR, WrapperInputComponent as dS, anchorNavId as dT, applyColorsToElement as dU, applyDocEdit as dV, assetOptions as dW, bootstrapMagApp as dX, bootstrapPwaInstall as dY, buildWcBaseUrl as dZ, calculateLuminance as d_, StrokeLinecap as da, StrokeLinejoin as db, SummaryComponent as dc, SvgGeneratorComponent as dd, SvgGeneratorService as de, SvgService as df, TOTAL_COLUMNS as dg, TRANSLATION_SOURCE as dh, TableComponent as di, TechnicalMeterComponent as dj, TextInputComponent as dk, TextareaInputComponent as dl, ThemeComponent as dm, ThemeDataService as dn, ThemeService as dp, ThemeStore as dq, TimeAgoPipe as dr, TimelineComponent as ds, ToggleButtonComponent as dt, ToggleInputComponent as du, ToggleRadioInputComponent as dv, ToolTipDirective as dw, TooltipComponent as dx, TranslateService as dy, TreeGridComponent as dz, encodeFramed as e, injectScrollSticky as e$, cellText as e0, checkDoc as e1, checkFilterCondition as e2, childNavId as e3, claimDenial as e4, classListSignal as e5, coerceSize as e6, cornerEdge as e7, cornerSide as e8, createMap as e9, filterRange as eA, filterTreeGridRows as eB, filterValueList as eC, filterValues as eD, flattenTreeGridRows as eE, formatBadgeCount as eF, fullName as eG, generateClipPath as eH, generateTransform as eI, getClassList as eJ, getProperty as eK, getScrollParent as eL, getTierFromPreviewPath as eM, getTreeGridRow as eN, getUniqueId as eO, getValue as eP, hasErrorComputed as eQ, hexToRgb as eR, hslToRgb$1 as eS, initMagmoniumApp as eT, initialNotificationState as eU, initialState$2 as eV, initials as eW, injectAuthenticate as eX, injectDefaultDenial as eY, injectInstallApp as eZ, injectParentSize as e_, createPlatformNavMap as ea, definedWcTierOf as eb, deriveAvatarGradient as ec, deriveContrastColor as ed, deriveOppositeColor as ee, derivePropertyName as ef, docActionKey as eg, docAssetCandidates as eh, docProblemKey as ei, docRemotePath as ej, emailValidation as ek, evaluate as el, evaluateBool as em, fieldBoolean as en, fieldNumber as eo, fieldString as ep, filterHoldsList as eq, filterHoldsOneBound as er, filterHoldsOptions as es, filterHoldsRange as et, filterList as eu, filterNumber as ev, filterNumberList as ew, filterOne as ex, filterPanelOf as ey, filterPanelWidth as ez, clampFraming as f, provideAppContext as f$, isBootRedirect as f0, isButtonName as f1, isCancelledComputed as f2, isExtensiblePlatformNavId as f3, isJson as f4, isLoadingComputed as f5, isLocalhost as f6, isNavInstanceConfig as f7, isNavMenuConfig as f8, isNavRowsConfig as f9, mountPatternProblem as fA, mountPatternText as fB, mountSegmentOf as fC, mountTokenOf as fD, navIdChain as fE, navIdFor as fF, navIdSegment as fG, navIdToRoutePath as fH, navIdToSegments as fI, navParamOf as fJ, navTailMatcher as fK, navToId as fL, navVisibilityGuard as fM, nextSectionTableSort as fN, normalizeAssetOptions as fO, offsetOfLine as fP, parentNavId as fQ, parseAddress as fR, parseColor as fS, parseMountPattern as fT, parsePatternNames as fU, patternValidation as fV, patternsValidation as fW, permissionRefusal as fX, platformNavWidgets as fY, privateGuard as fZ, processImageToSvg as f_, isNavVisibilityConfig as fa, isPlatformNavId as fb, isSize as fc, isTierPreview as fd, isUrlLocalhost as fe, isValidNavId as ff, isValidNavSegment as fg, isWebComponent as fh, linkToId as fi, linkToNav as fj, loadingActions as fk, mInterceptor as fl, manualValidation as fm, matchFieldValidation as fn, matchMount as fo, maxLengthValidation as fp, maxValidation as fq, mergePlatformNav as fr, mergeUnique as fs, mergeUniqueBy as ft, mergeUniqueWith as fu, minAgeValidation as fv, minLengthValidation as fw, minValidation as fx, miniMarkToHtml as fy, mountFor as fz, BaseInputComponent as g, provideMagAppConfig as g0, provideMagWcConfig as g1, provideMagWcRoutes as g2, provideModalComponents as g3, provideMurlUrlSerializer as g4, provideNavWidgets as g5, provideOverlayWidgets as g6, providePlatformNavWidgets as g7, provideSearch as g8, provideSizeContext as g9, sortSectionTableRows as gA, splitNavId as gB, splitOnMatch as gC, stringToColor as gD, tailRouteOf as gE, toAttrBool as gF, toAttrNumber as gG, toCssLength as gH, toHostNavId as gI, toLength$1 as gJ, toLocalNavId as gK, toggleTreeGridRow as gL, unfetchedPlatformNav as gM, ungroupedDocActions as gN, urlValidation as gO, wcTierOf as gP, provideUserTabs as ga, publicGuard as gb, readFieldPatterns as gc, recordDefinedWcTier as gd, remoteOutletRoute as ge, renderAddress as gf, renderDocument as gg, requiredValidation as gh, resolveConfigAsset as gi, resolveIconSize as gj, resolvePallet as gk, resolvePatternRules as gl, resolveSize as gm, rgbToHex as gn, rgbToHsl as go, rowHasChildren as gp, samePatterns as gq, sectionTableColumnId as gr, sectionTableColumnWidths as gs, sectionTableFrozenCount as gt, segmentsToNavId as gu, setProperty as gv, setTreeGridChildren as gw, setWcTier as gx, settingsWidgets as gy, shouldShowBadge as gz, BaseTextInputComponent as h, initialFraming as i, TextOutputComponent as j, IS_DESIGN_MODE as k, APP_CONTEXT_REF as l, APP_LINK as m, ASSET_BASE_URL as n, outputSize as o, parseRatio as p, AccordionBodyDirective as q, renameForType as r, AccordionComponent as s, AccordionGroupComponent as t, ActionComponent as u, AnimatedGraphsComponent as v, AppCardComponent as w, AppRelationType as x, AppTileComponent as y, AssetStore as z };
-//# sourceMappingURL=magmonium-one-magmonium-one-E20M_YDk.mjs.map
+export { CheckboxGroupComponent as $, ACCESS_DOMAINS as A, ButtonComponent as B, AssetUrlPipe as C, Assets as D, AuthActivityPageComponent as E, AuthApiService as F, AuthStore as G, HeaderComponent$1 as H, InputType as I, AutosizeDirective as J, BadgeComponent as K, LabelComponent as L, MODAL_REF as M, BandingComponent as N, BaseArrayInputComponent as O, BaseRootWebComponent as P, BaseWebComponent as Q, RangeInputComponent as R, ButtonGroupComponent as S, TranslatePipe as T, CALLING_APP_HEADER as U, COMPONENT_INPUT_REGISTRY as V, CardComponent as W, CardWrapperComponent as X, CarouselComponent as Y, ChartComponent as Z, ChatBubbleComponent as _, MIN_ZOOM as a, ICON_SOURCE as a$, CheckboxInputComponent as a0, ClearableInputComponent as a1, ClipboardService as a2, ColComponent as a3, ColorPickerInputComponent as a4, CommentItemComponent as a5, CommentsApiService as a6, CommentsComponent as a7, CommentsStore as a8, CompactNumberPipe as a9, DocComponent as aA, DocEditorComponent as aB, DomService as aC, Domain as aD, DotGridComponent as aE, DragListDirective as aF, DragListItemDirective as aG, DraggableDirective as aH, DropdownInputComponent as aI, FILTER_GROUP_CONTEXT as aJ, FILTER_RANGE_MODES as aK, FILTER_VARIANTS as aL, FLEX_VARIANTS as aM, FOLDER_PICK_LISTENER as aN, FORM_ASSET_FOLDER as aO, FileService as aP, FileUploadDirective as aQ, FileUploadInputComponent as aR, FlexComponent as aS, FlexItemComponent as aT, FormGroupComponent as aU, FrameComponent as aV, FreezeService as aW, GRID_BREAKPOINTS as aX, GetNavService as aY, HighlightDirective as aZ, HttpService as a_, ComponentInputComponent as aa, ComponentStepperComponent as ab, ConfigComponent as ac, ConfirmComponent as ad, ContextMenuComponent as ae, CustomIconClass as af, CustomIconEditComponent as ag, DEFAULT_DENIAL as ah, DEFAULT_DOC_DENSITY as ai, DEFAULT_DOC_VARIANT as aj, DEFAULT_FILTER_RANGE_MODE as ak, DEFAULT_FILTER_VARIANT as al, DEFAULT_NAV_PARAM as am, DEFAULT_NAV_SEGMENT as an, DEFAULT_SIZE as ao, DOCK_MIN_PAGE_REMAINDER as ap, DOCS_FOLDER as aq, DOC_ACTION_ICONS as ar, DOC_DENSITIES as as, DOC_EDIT_ACTIONS as at, DOC_TOOLBAR_GROUPS as au, DOC_VARIANTS as av, DashboardCardComponent as aw, DateInputComponent as ax, DatePickerComponent as ay, DeviceService as az, MAX_ZOOM as b, PLATFORM_NAV_MAP as b$, IS_SIDE_PANEL as b0, IconComponent as b1, ImgComponent as b2, InstrumentScoreComponent as b3, InterceptorObservables as b4, JumbotronComponent as b5, KeyValueComponent as b6, LAYOUT_ASSET_FOLDER as b7, LOGIN_COMPONENT as b8, LOGIN_STORE as b9, NAV_STORE_REF as bA, NAV_WC_COMPONENTS as bB, NAV_WIDGET_MAP as bC, NavComponent as bD, NavDetailsComponent as bE, NavHeaderComponent as bF, NavMenuComponent as bG, NavStore as bH, NavTrailComponent as bI, NothingComponent as bJ, NotificationElementComponent as bK, NotificationGroupComponent as bL, NotificationPopupComponent as bM, NotificationService as bN, NotificationStore as bO, NotificationType as bP, NotificationWidgetComponent as bQ, ONE_ASSET_BASE_URL as bR, OPTIONS_SOURCE as bS, OVERLAY_WIDGETS as bT, OneApp as bU, OptionsSourceDirective as bV, OverlayBodyComponent as bW, OverlayRef as bX, OverlayService as bY, PLATFORM_BUTTON_NAV_IDS as bZ, PLATFORM_EXTENSIBLE_NAV_IDS as b_, LanguageComponent as ba, ListComponent as bb, LogoComponent as bc, MAG_SOCKET_EVENT as bd, MHeroColorDirective as be, MHeroComponent as bf, MODAL_STORE_REF as bg, MOUNT_STATIC_SEGMENT as bh, MOUNT_TOKEN as bi, MRefDirective as bj, MStepComponent as bk, MURL_PARAM as bl, MURL_SEP as bm, ManifestEnrichmentService as bn, MarginDirective as bo, MenuComponent as bp, ModalDirective as bq, ModalRef as br, ModalStore as bs, MoneyPipe as bt, MultiRangeInputComponent as bu, MurlUrlSerializer as bv, NAV_DEFAULT_MURL as bw, NAV_ID_SEP as bx, NAV_MAIN_BUTTONS as by, NAV_SEGMENT_RE as bz, cropRect as c, SelectorDirective as c$, PLATFORM_ROOT_CHILDREN as c0, PaddingDirective as c1, PaginationComponent as c2, PanelComponent as c3, PercentagePipe as c4, PlaygroundComponent as c5, PositionDirective as c6, PwaInstallComponent as c7, RECENT_SEARCH_LIMIT as c8, REMOTE_PAGE_RELOAD as c9, SectionBackComponent as cA, SectionBadgesComponent as cB, SectionButtonGroupComponent as cC, SectionCardComponent as cD, SectionCarouselComponent as cE, SectionComponent as cF, SectionFilterComponent as cG, SectionFilterGroupComponent as cH, SectionFilterMenuComponent as cI, SectionFilterPanelComponent as cJ, SectionFilterRangePanelComponent as cK, SectionFooterComponent as cL, SectionFormComponent as cM, SectionFormItemComponent as cN, SectionHeaderComponent as cO, SectionHeroComponent as cP, SectionPaginationComponent as cQ, SectionSearchComponent as cR, SectionStepperComponent as cS, SectionTableCellComponent as cT, SectionTableComponent as cU, SectionTableRowComponent as cV, SectionTableSortPipe as cW, SectionTabsComponent as cX, SectionToggleComponent as cY, SectionToggleItemDirective as cZ, SelectableCardInputComponent as c_, ROOT_NAV$1 as ca, RadioGroupComponent as cb, RadioInputComponent as cc, RatingInputComponent as cd, ReactiveElementComponent as ce, RemoteComponent as cf, RemoteLoaderService as cg, ResizeElementComponent as ch, RouteContainer as ci, RowComponent as cj, SEARCH_QUERY as ck, SEARCH_RESULTS_EVENT as cl, SECTION_ACCORDION_GROUP as cm, SECTION_FORM_CONTEXT as cn, SECTION_TABLE_VARIANTS as co, SHARED_ICONS as cp, SIZE_CONTEXT as cq, SPACING_INWARD as cr, ScoreComponent as cs, ScrollComponent as ct, ScrollService as cu, SearchPanelComponent as cv, SearchStore as cw, SearchUserPanelComponent as cx, SectionAccordionDirective as cy, SectionAccordionGroupDirective as cz, drawFramed as d, bootstrapPwaInstall as d$, SettingsSearchBarComponent as d0, SettingsSearchService as d1, ShapeComponent as d2, SharedStoreRegistry as d3, SidePanelDirective as d4, Size as d5, SocketStore as d6, SortComponent as d7, StatComponent as d8, StepComponent as d9, TooltipComponent as dA, TranslateService as dB, TreeGridComponent as dC, URL_SEP as dD, USER_STORE_REF as dE, USER_TAB_MAP as dF, UniverseComponent as dG, UserApiService as dH, UserAvatarComponent as dI, UserComponent as dJ, UserNavComponent as dK, UserSettingsComponent as dL, UserStore as dM, WC_BUNDLE as dN, WC_NAVIGATE_EVENT as dO, WC_ROUTE_CHANGED_EVENT as dP, WC_SEARCH_GROUPS as dQ, WIN_USER_TAB_HOOK as dR, WIN_USER_TAB_KEY as dS, WatermarkComponent as dT, WcRouterStore as dU, WrapperInputComponent as dV, anchorNavId as dW, applyColorsToElement as dX, applyDocEdit as dY, assetOptions as dZ, bootstrapMagApp as d_, StepperComponent as da, StepsComponent as db, StorageService as dc, StrokeLinecap as dd, StrokeLinejoin as de, SummaryComponent as df, SvgGeneratorComponent as dg, SvgGeneratorService as dh, SvgService as di, TOTAL_COLUMNS as dj, TRANSLATION_SOURCE as dk, TableComponent as dl, TechnicalMeterComponent as dm, TextInputComponent as dn, TextareaInputComponent as dp, ThemeComponent as dq, ThemeDataService as dr, ThemeService as ds, ThemeStore as dt, TimeAgoPipe as du, TimelineComponent as dv, ToggleButtonComponent as dw, ToggleInputComponent as dx, ToggleRadioInputComponent as dy, ToolTipDirective as dz, encodeFramed as e, injectDefaultDenial as e$, buildWcBaseUrl as e0, calculateLuminance as e1, calculateRanks as e2, cellText as e3, checkDoc as e4, checkFilterCondition as e5, childNavId as e6, claimDenial as e7, classListSignal as e8, coerceSize as e9, filterOne as eA, filterPanelOf as eB, filterPanelWidth as eC, filterRange as eD, filterTreeGridRows as eE, filterValueList as eF, filterValues as eG, flattenTreeGridRows as eH, formatBadgeCount as eI, fullName as eJ, generateClipPath as eK, generateTransform as eL, getClassList as eM, getProperty as eN, getScrollParent as eO, getTierFromPreviewPath as eP, getTreeGridRow as eQ, getUniqueId as eR, getValue as eS, hasErrorComputed as eT, hexToRgb as eU, hslToRgb$1 as eV, initMagmoniumApp as eW, initialNotificationState as eX, initialState$2 as eY, initials as eZ, injectAuthenticate as e_, cornerEdge as ea, cornerSide as eb, createMap as ec, createPlatformNavMap as ed, definedWcTierOf as ee, deriveAvatarGradient as ef, deriveContrastColor as eg, deriveOppositeColor as eh, derivePropertyName as ei, docActionKey as ej, docAssetCandidates as ek, docProblemKey as el, docRemotePath as em, emailValidation as en, evaluate as eo, evaluateBool as ep, fieldBoolean as eq, fieldNumber as er, fieldString as es, filterHoldsList as et, filterHoldsOneBound as eu, filterHoldsOptions as ev, filterHoldsRange as ew, filterList as ex, filterNumber as ey, filterNumberList as ez, clampFraming as f, platformNavWidgets as f$, injectInstallApp as f0, injectParentSize as f1, injectScrollSticky as f2, isBootRedirect as f3, isButtonName as f4, isCancelledComputed as f5, isExtensiblePlatformNavId as f6, isJson as f7, isLoadingComputed as f8, isLocalhost as f9, minValidation as fA, miniMarkToHtml as fB, mountFor as fC, mountPatternProblem as fD, mountPatternText as fE, mountSegmentOf as fF, mountTokenOf as fG, navIdChain as fH, navIdFor as fI, navIdSegment as fJ, navIdToRoutePath as fK, navIdToSegments as fL, navParamOf as fM, navTailMatcher as fN, navToId as fO, navVisibilityGuard as fP, nextSectionTableSort as fQ, normalizeAssetOptions as fR, offsetOfLine as fS, parentNavId as fT, parseAddress as fU, parseColor as fV, parseMountPattern as fW, parsePatternNames as fX, patternValidation as fY, patternsValidation as fZ, permissionRefusal as f_, isNavInstanceConfig as fa, isNavMenuConfig as fb, isNavRowsConfig as fc, isNavVisibilityConfig as fd, isPlatformNavId as fe, isSize as ff, isTierPreview as fg, isUrlLocalhost as fh, isValidNavId as fi, isValidNavSegment as fj, isWebComponent as fk, linkToId as fl, linkToNav as fm, loadingActions as fn, mInterceptor as fo, manualValidation as fp, matchFieldValidation as fq, matchMount as fr, maxLengthValidation as fs, maxValidation as ft, mergePlatformNav as fu, mergeUnique as fv, mergeUniqueBy as fw, mergeUniqueWith as fx, minAgeValidation as fy, minLengthValidation as fz, BaseInputComponent as g, privateGuard as g0, processImageToSvg as g1, provideAppContext as g2, provideMagAppConfig as g3, provideMagWcConfig as g4, provideMagWcRoutes as g5, provideModalComponents as g6, provideMurlUrlSerializer as g7, provideNavWidgets as g8, provideOverlayWidgets as g9, setTreeGridChildren as gA, setWcTier as gB, settingsWidgets as gC, shouldShowBadge as gD, sortSectionTableRows as gE, splitNavId as gF, splitOnMatch as gG, stringToColor as gH, tailRouteOf as gI, toAttrBool as gJ, toAttrNumber as gK, toCssLength as gL, toHostNavId as gM, toLength$1 as gN, toLocalNavId as gO, toggleTreeGridRow as gP, unfetchedPlatformNav as gQ, ungroupedDocActions as gR, urlValidation as gS, wcTierOf as gT, providePlatformNavWidgets as ga, provideSearch as gb, provideSizeContext as gc, provideUserTabs as gd, publicGuard as ge, readFieldPatterns as gf, recordDefinedWcTier as gg, remoteOutletRoute as gh, renderAddress as gi, renderDocument as gj, requiredValidation as gk, resolveConfigAsset as gl, resolveIconSize as gm, resolvePallet as gn, resolvePatternRules as go, resolveSize as gp, resolveSpacing as gq, rgbToHex as gr, rgbToHsl as gs, rowHasChildren as gt, samePatterns as gu, sectionTableColumnId as gv, sectionTableColumnWidths as gw, sectionTableFrozenCount as gx, segmentsToNavId as gy, setProperty as gz, BaseTextInputComponent as h, initialFraming as i, TextOutputComponent as j, IS_DESIGN_MODE as k, APP_CONTEXT_REF as l, APP_LINK as m, ASSET_BASE_URL as n, outputSize as o, parseRatio as p, AccordionBodyDirective as q, renameForType as r, AccordionComponent as s, AccordionGroupComponent as t, ActionComponent as u, AnimatedGraphsComponent as v, AppCardComponent as w, AppRelationType as x, AppTileComponent as y, AssetStore as z };
+//# sourceMappingURL=magmonium-one-magmonium-one-Cu45fHus.mjs.map