@magmonium/one 0.4.63 → 0.4.64

package/fesm2022/magmonium-one.mjs

@@ -17186,11 +17186,14 @@ 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",
@@ -17219,6 +17222,13 @@ var SectionFooterComponent = class SectionFooterComponent {
 				isSignal: true,
 				isRequired: false,
 				transformFunction: null
+			},
+			maxWidth: {
+				classPropertyName: "maxWidth",
+				publicName: "maxWidth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
 			}
 		},
 		host: {
@@ -17229,14 +17239,17 @@ var SectionFooterComponent = class SectionFooterComponent {
 				"class.align-center": "align() === \"center\"",
 				"class.align-right": "align() === \"right\"",
 				"class.has-sidepanel": "sidepanel()",
-				"class.no-border": "noBorder()"
+				"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: `<ng-content />`,
+		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;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"],
+		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
 	});
 };
@@ -17249,7 +17262,7 @@ i0.ɵɵngDeclareClassMetadata({
 		type: Component,
 		args: [{
 			selector: "m-section-footer",
-			template: `<ng-content />`,
+			template: `<div class="section-footer__container"><ng-content /></div>`,
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			host: {
 				class: "m-section-footer",
@@ -17259,9 +17272,12 @@ i0.ɵɵngDeclareClassMetadata({
 				"[class.align-center]": "align() === \"center\"",
 				"[class.align-right]": "align() === \"right\"",
 				"[class.has-sidepanel]": "sidepanel()",
-				"[class.no-border]": "noBorder()"
+				"[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;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"]
+			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: {
@@ -17280,6 +17296,14 @@ i0.ɵɵngDeclareClassMetadata({
 				alias: "align",
 				required: false
 			}]
+		}],
+		maxWidth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxWidth",
+				required: false
+			}]
 		}]
 	}
 });