@magmonium/one 0.4.61 → 0.4.64

package/fesm2022/magmonium-one.mjs

@@ -7670,106 +7670,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-var SectionFooterComponent = class SectionFooterComponent {
-	sticky = input(false, ...ngDevMode ? [{ debugName: "sticky" }] : /* istanbul ignore next */ []);
-	align = input("right", ...ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []);
-	scrollSticky = injectScrollSticky(0, "none");
-	isSticky = computed(() => this.sticky() && this.scrollSticky(), ...ngDevMode ? [{ debugName: "isSticky" }] : /* istanbul ignore next */ []);
-	sectionContext = inject(SECTION_CONTEXT, { optional: true });
-	sidepanel = computed(() => this.sectionContext?.sidepanel() ?? false, ...ngDevMode ? [{ debugName: "sidepanel" }] : /* istanbul ignore next */ []);
-	noBorder = computed(() => this.sectionContext?.variant() === "noBorder", ...ngDevMode ? [{ debugName: "noBorder" }] : /* istanbul ignore next */ []);
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.1",
-		ngImport: i0,
-		type: SectionFooterComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.1.0",
-		version: "22.2.1",
-		type: SectionFooterComponent,
-		isStandalone: true,
-		selector: "m-section-footer",
-		inputs: {
-			sticky: {
-				classPropertyName: "sticky",
-				publicName: "sticky",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			},
-			align: {
-				classPropertyName: "align",
-				publicName: "align",
-				isSignal: true,
-				isRequired: false,
-				transformFunction: null
-			}
-		},
-		host: {
-			properties: {
-				"class.is-sticky-enabled": "sticky()",
-				"class.is-sticky": "isSticky()",
-				"class.align-left": "align() === \"left\"",
-				"class.align-center": "align() === \"center\"",
-				"class.align-right": "align() === \"right\"",
-				"class.has-sidepanel": "sidepanel()",
-				"class.no-border": "noBorder()"
-			},
-			classAttribute: "m-section-footer"
-		},
-		ngImport: i0,
-		template: `<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:flex;align-items:center;justify-content:flex-end;gap:.5rem;min-height:var(--section-footer-min-height, calc(var(--section-footer-py, .5rem) * 2 + 1.25rem));border-top:1px solid var(--m-backdrop-border);padding:var(--section-footer-py, .85rem) var(--section-px, 1rem);width:100%}:host(.no-border){border-top:none}:host(.align-left){justify-content:flex-start}:host(.align-center){justify-content:center}:host(.align-right){justify-content:flex-end}:host(.is-sticky-enabled){position:sticky;bottom:0;z-index:10}:host(.is-sticky-enabled){background:color-mix(in srgb,var(--m-background) 80%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}\n"],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.1",
-	ngImport: i0,
-	type: SectionFooterComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "m-section-footer",
-			template: `<ng-content />`,
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			host: {
-				class: "m-section-footer",
-				"[class.is-sticky-enabled]": "sticky()",
-				"[class.is-sticky]": "isSticky()",
-				"[class.align-left]": "align() === \"left\"",
-				"[class.align-center]": "align() === \"center\"",
-				"[class.align-right]": "align() === \"right\"",
-				"[class.has-sidepanel]": "sidepanel()",
-				"[class.no-border]": "noBorder()"
-			},
-			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;min-height:var(--section-footer-min-height, calc(var(--section-footer-py, .5rem) * 2 + 1.25rem));border-top:1px solid var(--m-backdrop-border);padding:var(--section-footer-py, .85rem) var(--section-px, 1rem);width:100%}:host(.no-border){border-top:none}:host(.align-left){justify-content:flex-start}:host(.align-center){justify-content:center}:host(.align-right){justify-content:flex-end}:host(.is-sticky-enabled){position:sticky;bottom:0;z-index:10}:host(.is-sticky-enabled){background:color-mix(in srgb,var(--m-background) 80%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}\n"]
-		}]
-	}],
-	propDecorators: {
-		sticky: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "sticky",
-				required: false
-			}]
-		}],
-		align: [{
-			type: i0.Input,
-			args: [{
-				isSignal: true,
-				alias: "align",
-				required: false
-			}]
-		}]
-	}
-});
 const DEFAULT_PER_PAGE_OPTIONS = [
 	10,
 	25,
@@ -9781,7 +9681,6 @@ var SectionComponent = class SectionComponent extends ConfigComponent {
 	hero = contentChild(SectionHeroComponent, ...ngDevMode ? [{ debugName: "hero" }] : /* istanbul ignore next */ []);
 	jumbotron = contentChild(JumbotronComponent, ...ngDevMode ? [{ debugName: "jumbotron" }] : /* istanbul ignore next */ []);
 	carousel = contentChild(CarouselComponent, ...ngDevMode ? [{ debugName: "carousel" }] : /* istanbul ignore next */ []);
-	footer = contentChild(SectionFooterComponent, ...ngDevMode ? [{ debugName: "footer" }] : /* istanbul ignore next */ []);
 	pagination = contentChild(SectionPaginationComponent, ...ngDevMode ? [{ debugName: "pagination" }] : /* istanbul ignore next */ []);
 	variant = input(void 0, ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
 	maxWidth = input(...ngDevMode ? [void 0, { debugName: "maxWidth" }] : /* istanbul ignore next */ []);
@@ -10031,13 +9930,6 @@ var SectionComponent = class SectionComponent extends ConfigComponent {
 				descendants: true,
 				isSignal: true
 			},
-			{
-				propertyName: "footer",
-				first: true,
-				predicate: SectionFooterComponent,
-				descendants: true,
-				isSignal: true
-			},
 			{
 				propertyName: "pagination",
 				first: true,
@@ -10100,9 +9992,10 @@ var SectionComponent = class SectionComponent extends ConfigComponent {
         @if (pagination()) {
           <ng-content select="m-section-pagination" />
         }
-        @if (footer()) {
-          <ng-content select="m-section-footer" />
-        }
+        <!-- Ungated for the header's reason: the design Canvas draws its
+             footer through an ngTemplateOutlet, which a contentChild query
+             never sees. -->
+        <ng-content select="m-section-footer" />
       </div>
     </div>
   `,
@@ -10172,9 +10065,10 @@ i0.ɵɵngDeclareClassMetadata({
         @if (pagination()) {
           <ng-content select="m-section-pagination" />
         }
-        @if (footer()) {
-          <ng-content select="m-section-footer" />
-        }
+        <!-- Ungated for the header's reason: the design Canvas draws its
+             footer through an ngTemplateOutlet, which a contentChild query
+             never sees. -->
+        <ng-content select="m-section-footer" />
       </div>
     </div>
   `,
@@ -10267,10 +10161,6 @@ i0.ɵɵngDeclareClassMetadata({
 			type: i0.ContentChild,
 			args: [i0.forwardRef(() => CarouselComponent), { isSignal: true }]
 		}],
-		footer: [{
-			type: i0.ContentChild,
-			args: [i0.forwardRef(() => SectionFooterComponent), { isSignal: true }]
-		}],
 		pagination: [{
 			type: i0.ContentChild,
 			args: [i0.forwardRef(() => SectionPaginationComponent), { isSignal: true }]
@@ -14536,7 +14426,7 @@ const NavStore = signalStore({ providedIn: "root" }, withState(initialState$3),
 	}, ...ngDevMode ? [{ debugName: "instanceLoaders" }] : /* istanbul ignore next */ []);
 	const resolvedWidget = computed(() => {
 		const hit = widgetEntry();
-		if (!hit || isNavMenuConfig(hit.entry) || isNavRowsConfig(hit.entry)) return null;
+		if (!hit || isNavMenuConfig(hit.entry)) return null;
 		const entry = hit.entry;
 		if (typeof entry !== "function" && !("content" in entry)) return null;
 		const config = normalizeNavWidgetEntry(entry);
@@ -17293,6 +17183,130 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+var SectionFooterComponent = class SectionFooterComponent {
+	sticky = input(false, ...ngDevMode ? [{ debugName: "sticky" }] : /* istanbul ignore next */ []);
+	align = input("right", ...ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []);
+	maxWidth = input(...ngDevMode ? [void 0, { debugName: "maxWidth" }] : /* istanbul ignore next */ []);
+	scrollSticky = injectScrollSticky(0, "none");
+	isSticky = computed(() => this.sticky() && this.scrollSticky(), ...ngDevMode ? [{ debugName: "isSticky" }] : /* istanbul ignore next */ []);
+	sectionContext = inject(SECTION_CONTEXT, { optional: true });
+	sidepanel = computed(() => this.sectionContext?.sidepanel() ?? false, ...ngDevMode ? [{ debugName: "sidepanel" }] : /* istanbul ignore next */ []);
+	noBorder = computed(() => this.sectionContext?.variant() === "noBorder", ...ngDevMode ? [{ debugName: "noBorder" }] : /* istanbul ignore next */ []);
+	resolvedMaxWidth = computed(() => this.maxWidth() ?? this.sectionContext?.maxWidth?.(), ...ngDevMode ? [{ debugName: "resolvedMaxWidth" }] : /* istanbul ignore next */ []);
+	boxAlign = computed(() => this.sectionContext?.align?.() ?? "left", ...ngDevMode ? [{ debugName: "boxAlign" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: SectionFooterComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.1",
+		type: SectionFooterComponent,
+		isStandalone: true,
+		selector: "m-section-footer",
+		inputs: {
+			sticky: {
+				classPropertyName: "sticky",
+				publicName: "sticky",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			align: {
+				classPropertyName: "align",
+				publicName: "align",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			maxWidth: {
+				classPropertyName: "maxWidth",
+				publicName: "maxWidth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"class.is-sticky-enabled": "sticky()",
+				"class.is-sticky": "isSticky()",
+				"class.align-left": "align() === \"left\"",
+				"class.align-center": "align() === \"center\"",
+				"class.align-right": "align() === \"right\"",
+				"class.has-sidepanel": "sidepanel()",
+				"class.no-border": "noBorder()",
+				"class.box-center": "boxAlign() === \"center\"",
+				"class.box-right": "boxAlign() === \"right\"",
+				"style.--m-section-footer-max-width": "resolvedMaxWidth()"
+			},
+			classAttribute: "m-section-footer"
+		},
+		ngImport: i0,
+		template: `<div class="section-footer__container"><ng-content /></div>`,
+		isInline: true,
+		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:flex;align-items:center;min-height:var(--section-footer-min-height, calc(var(--section-footer-py, .5rem) * 2 + 1.25rem));border-top:1px solid var(--m-backdrop-border);padding:var(--section-footer-py, .85rem) var(--section-px, 1rem);width:100%;box-sizing:border-box}:host(.no-border){border-top:none}.section-footer__container{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;width:100%;min-width:0;max-width:var(--m-section-footer-max-width, none);margin-inline:0 auto}:host(.box-center) .section-footer__container{margin-inline:auto}:host(.box-right) .section-footer__container{margin-inline:auto 0}:host(.align-left) .section-footer__container{justify-content:flex-start}:host(.align-center) .section-footer__container{justify-content:center}:host(.align-right) .section-footer__container{justify-content:flex-end}:host(.is-sticky-enabled){position:sticky;bottom:0;z-index:10}:host(.is-sticky-enabled){background:color-mix(in srgb,var(--m-background) 80%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: SectionFooterComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "m-section-footer",
+			template: `<div class="section-footer__container"><ng-content /></div>`,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "m-section-footer",
+				"[class.is-sticky-enabled]": "sticky()",
+				"[class.is-sticky]": "isSticky()",
+				"[class.align-left]": "align() === \"left\"",
+				"[class.align-center]": "align() === \"center\"",
+				"[class.align-right]": "align() === \"right\"",
+				"[class.has-sidepanel]": "sidepanel()",
+				"[class.no-border]": "noBorder()",
+				"[class.box-center]": "boxAlign() === \"center\"",
+				"[class.box-right]": "boxAlign() === \"right\"",
+				"[style.--m-section-footer-max-width]": "resolvedMaxWidth()"
+			},
+			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:flex;align-items:center;min-height:var(--section-footer-min-height, calc(var(--section-footer-py, .5rem) * 2 + 1.25rem));border-top:1px solid var(--m-backdrop-border);padding:var(--section-footer-py, .85rem) var(--section-px, 1rem);width:100%;box-sizing:border-box}:host(.no-border){border-top:none}.section-footer__container{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;width:100%;min-width:0;max-width:var(--m-section-footer-max-width, none);margin-inline:0 auto}:host(.box-center) .section-footer__container{margin-inline:auto}:host(.box-right) .section-footer__container{margin-inline:auto 0}:host(.align-left) .section-footer__container{justify-content:flex-start}:host(.align-center) .section-footer__container{justify-content:center}:host(.align-right) .section-footer__container{justify-content:flex-end}:host(.is-sticky-enabled){position:sticky;bottom:0;z-index:10}:host(.is-sticky-enabled){background:color-mix(in srgb,var(--m-background) 80%,transparent);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}\n"]
+		}]
+	}],
+	propDecorators: {
+		sticky: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sticky",
+				required: false
+			}]
+		}],
+		align: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "align",
+				required: false
+			}]
+		}],
+		maxWidth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxWidth",
+				required: false
+			}]
+		}]
+	}
+});
 const SECTION_TABLE_CONTEXT = new InjectionToken("SECTION_TABLE_CONTEXT");
 const FOLDED_WIDTH = "3rem";
 var SectionTableComponent = class SectionTableComponent extends ConfigComponent {
@@ -38232,11 +38246,13 @@ var TreeGridComponent = class TreeGridComponent extends ConfigComponent {
         [style.max-height.px]="config()?.maxHeight || null"
       >
         <table class="m-table__table">
-          <m-table-header
-            [visibleColumns]="visibleColumns()"
-            [fixedCount]="effectiveFixedCount()"
-            [fixedOffset]="fixedOffsetFn()"
-          />
+          @if (!config()?.hideHeader) {
+            <m-table-header
+              [visibleColumns]="visibleColumns()"
+              [fixedCount]="effectiveFixedCount()"
+              [fixedOffset]="fixedOffsetFn()"
+            />
+          }
           <tbody class="m-table-body">
             @for (flat of displayRows(); track flat.pathKey) {
               <tr
@@ -38662,11 +38678,13 @@ i0.ɵɵngDeclareClassMetadata({
         [style.max-height.px]="config()?.maxHeight || null"
       >
         <table class="m-table__table">
-          <m-table-header
-            [visibleColumns]="visibleColumns()"
-            [fixedCount]="effectiveFixedCount()"
-            [fixedOffset]="fixedOffsetFn()"
-          />
+          @if (!config()?.hideHeader) {
+            <m-table-header
+              [visibleColumns]="visibleColumns()"
+              [fixedCount]="effectiveFixedCount()"
+              [fixedOffset]="fixedOffsetFn()"
+            />
+          }
           <tbody class="m-table-body">
             @for (flat of displayRows(); track flat.pathKey) {
               <tr
@@ -45344,133 +45362,6 @@ function provideUserTabs(tabs) {
 		useValue: tabs
 	}];
 }
-var FooterComponent = class FooterComponent {
-	#navStore = inject(NavStore);
-	currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-	activeApp = this.#navStore.currentWcConfig;
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.1",
-		ngImport: i0,
-		type: FooterComponent,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.1",
-		type: FooterComponent,
-		isStandalone: true,
-		selector: "m-footer",
-		ngImport: i0,
-		template: `
-    <footer class="m-footer">
-      <div class="m-footer__inner">
-        <div class="m-footer__brand">
-          <m-icon name="copyright"></m-icon>
-          <span class="m-footer__copy">{{ 'with' | translate }} <span class="m-footer__heart">♥</span> {{ 'magmonium' | translate }}</span>
-          @if (activeApp(); as app) {
-            <span class="m-footer__sep">|</span>
-            <span class="m-footer__v">v{{ app.version }}</span>
-          }
-        </div>
-        @if (activeApp(); as app) {
-          <div class="m-footer__meta">
-            <div class="m-footer__meta-item">
-              <span class="m-footer__label">{{ 'app' | translate }}:</span>
-              <span class="m-footer__val">{{ app.app }}</span>
-            </div>
-            @if (app.timestamp) {
-              <div class="m-footer__meta-item">
-                <span class="m-footer__label">{{ 'built' | translate }}:</span>
-                <span class="m-footer__val">{{ app.timestamp | date: 'MMM d, HH:mm' }}</span>
-              </div>
-            }
-          </div>
-        }
-      </div>
-    </footer>
-  `,
-		isInline: true,
-		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.m-footer{width:100%;padding:1.5rem 32px;border-top:1px solid var(--m-border);background:var(--m-background);color:var(--m-text-secondary);font-size:11px;font-weight:500;letter-spacing:.02em}.m-footer__inner{display:flex;justify-content:space-between;align-items:center;max-width:1920px;margin:0 auto}.m-footer__brand{display:flex;align-items:center;gap:.5rem}.m-footer__sep{opacity:.3;margin:0 .25rem}.m-footer__heart{color:var(--m-error)}.m-footer__v,.m-footer__copy{font-weight:700}.m-footer__meta{display:flex;gap:1.5rem}.m-footer__meta-item{display:flex;gap:.35rem}.m-footer__meta .m-footer__val{color:var(--m-text);font-weight:600}@media(max-width:768px){.m-footer{padding:1.25rem 20px}.m-footer__inner{flex-direction:column;align-items:flex-start;gap:.75rem}.m-footer__meta{gap:1rem;font-size:10px}}\n"],
-		dependencies: [
-			{
-				kind: "component",
-				type: IconComponent,
-				selector: "m-icon, m-one-icon",
-				inputs: [
-					"config",
-					"name",
-					"color",
-					"size",
-					"one",
-					"baseUrl",
-					"remote",
-					"shadow"
-				],
-				outputs: ["configChange"]
-			},
-			{
-				kind: "pipe",
-				type: DatePipe,
-				name: "date"
-			},
-			{
-				kind: "pipe",
-				type: TranslatePipe,
-				name: "translate"
-			}
-		],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.1",
-	ngImport: i0,
-	type: FooterComponent,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "m-footer",
-			imports: [
-				IconComponent,
-				DatePipe,
-				TranslatePipe
-			],
-			template: `
-    <footer class="m-footer">
-      <div class="m-footer__inner">
-        <div class="m-footer__brand">
-          <m-icon name="copyright"></m-icon>
-          <span class="m-footer__copy">{{ 'with' | translate }} <span class="m-footer__heart">♥</span> {{ 'magmonium' | translate }}</span>
-          @if (activeApp(); as app) {
-            <span class="m-footer__sep">|</span>
-            <span class="m-footer__v">v{{ app.version }}</span>
-          }
-        </div>
-        @if (activeApp(); as app) {
-          <div class="m-footer__meta">
-            <div class="m-footer__meta-item">
-              <span class="m-footer__label">{{ 'app' | translate }}:</span>
-              <span class="m-footer__val">{{ app.app }}</span>
-            </div>
-            @if (app.timestamp) {
-              <div class="m-footer__meta-item">
-                <span class="m-footer__label">{{ 'built' | translate }}:</span>
-                <span class="m-footer__val">{{ app.timestamp | date: 'MMM d, HH:mm' }}</span>
-              </div>
-            }
-          </div>
-        }
-      </div>
-    </footer>
-  `,
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.m-footer{width:100%;padding:1.5rem 32px;border-top:1px solid var(--m-border);background:var(--m-background);color:var(--m-text-secondary);font-size:11px;font-weight:500;letter-spacing:.02em}.m-footer__inner{display:flex;justify-content:space-between;align-items:center;max-width:1920px;margin:0 auto}.m-footer__brand{display:flex;align-items:center;gap:.5rem}.m-footer__sep{opacity:.3;margin:0 .25rem}.m-footer__heart{color:var(--m-error)}.m-footer__v,.m-footer__copy{font-weight:700}.m-footer__meta{display:flex;gap:1.5rem}.m-footer__meta-item{display:flex;gap:.35rem}.m-footer__meta .m-footer__val{color:var(--m-text);font-weight:600}@media(max-width:768px){.m-footer{padding:1.25rem 20px}.m-footer__inner{flex-direction:column;align-items:flex-start;gap:.75rem}.m-footer__meta{gap:1rem;font-size:10px}}\n"]
-		}]
-	}]
-});
 var NotificationElementComponent = class NotificationElementComponent {
 	NotificationType = NotificationType;
 	#notificationService = inject(NotificationService);
@@ -46049,33 +45940,22 @@ var FrameComponent = class FrameComponent {
       <div class="content">
         <ng-content />
       </div>
-      @if (!isPreview) {
-        <m-footer />
-      }
     </div>
   `,
 		isInline: true,
 		styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%;min-height:100vh}.main{display:flex;flex-direction:column;width:100%;z-index:0;background-color:var(--m-background);min-height:100vh;box-sizing:border-box;transition:padding .5s cubic-bezier(.16,1,.3,1);padding-left:var(--m-nav-padding, 0)}.main.is-mobile{padding-left:0;padding-bottom:56px}.main .content{flex:1;width:100%}\n"],
-		dependencies: [
-			{
-				kind: "component",
-				type: NavComponent,
-				selector: "m-nav",
-				inputs: ["isHost", "showLogo"],
-				outputs: ["menuClicked"]
-			},
-			{
-				kind: "component",
-				type: FooterComponent,
-				selector: "m-footer"
-			},
-			{
-				kind: "component",
-				type: NotificationPopupComponent,
-				selector: "m-notification-popup",
-				outputs: ["actionClicked"]
-			}
-		],
+		dependencies: [{
+			kind: "component",
+			type: NavComponent,
+			selector: "m-nav",
+			inputs: ["isHost", "showLogo"],
+			outputs: ["menuClicked"]
+		}, {
+			kind: "component",
+			type: NotificationPopupComponent,
+			selector: "m-notification-popup",
+			outputs: ["actionClicked"]
+		}],
 		changeDetection: i0.ChangeDetectionStrategy.OnPush
 	});
 };
@@ -46088,11 +45968,7 @@ i0.ɵɵngDeclareClassMetadata({
 		type: Component,
 		args: [{
 			selector: "m-frame",
-			imports: [
-				NavComponent,
-				FooterComponent,
-				NotificationPopupComponent
-			],
+			imports: [NavComponent, NotificationPopupComponent],
 			template: `
     <m-notification-popup />
     @if (!isPreview) {
@@ -46107,9 +45983,6 @@ i0.ɵɵngDeclareClassMetadata({
       <div class="content">
         <ng-content />
       </div>
-      @if (!isPreview) {
-        <m-footer />
-      }
     </div>
   `,
 			changeDetection: ChangeDetectionStrategy.OnPush,