@magmonium/one 0.4.92 → 0.4.94

package/fesm2022/magmonium-one.mjs

@@ -4424,7 +4424,8 @@ var SectionSearchComponent = class SectionSearchComponent extends BaseTextInputC
 	resultText = signal("", ...ngDevMode ? [{ debugName: "resultText" }] : /* istanbul ignore next */ []);
 	isDesignMode = !!inject(IS_DESIGN_MODE, { optional: true });
 	scrollSticky = injectScrollSticky(0, "none");
-	isSticky = computed(() => this.sticky() && this.scrollSticky(), ...ngDevMode ? [{ debugName: "isSticky" }] : /* istanbul ignore next */ []);
+	stickyOn = computed(() => this.sticky() && !this.isDesignMode, ...ngDevMode ? [{ debugName: "stickyOn" }] : /* istanbul ignore next */ []);
+	isSticky = computed(() => this.stickyOn() && 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 */ []);
@@ -4626,7 +4627,7 @@ var SectionSearchComponent = class SectionSearchComponent extends BaseTextInputC
 		host: {
 			listeners: { "focusout": "onFocusOut($event)" },
 			properties: {
-				"class.is-sticky-enabled": "sticky()",
+				"class.is-sticky-enabled": "stickyOn()",
 				"class.is-sticky": "isSticky()",
 				"class.has-sidepanel": "sidepanel()",
 				"class.has-results": "showResults()",
@@ -4829,7 +4830,7 @@ i0.ɵɵngDeclareClassMetadata({
 			],
 			host: {
 				"(focusout)": "onFocusOut($event)",
-				"[class.is-sticky-enabled]": "sticky()",
+				"[class.is-sticky-enabled]": "stickyOn()",
 				"[class.is-sticky]": "isSticky()",
 				"[class.has-sidepanel]": "sidepanel()",
 				"[class.has-results]": "showResults()",
@@ -7743,7 +7744,8 @@ var SectionPaginationComponent = class SectionPaginationComponent {
 	selectorDir = viewChild(SelectorDirective, ...ngDevMode ? [{ debugName: "selectorDir" }] : /* istanbul ignore next */ []);
 	scrollSticky = injectScrollSticky(0, "none");
 	sectionContext = inject(SECTION_CONTEXT, { optional: true });
-	isSticky = computed(() => this.sticky() && this.scrollSticky(), ...ngDevMode ? [{ debugName: "isSticky" }] : /* istanbul ignore next */ []);
+	stickyOn = computed(() => this.sticky() && !this.isDesignMode, ...ngDevMode ? [{ debugName: "stickyOn" }] : /* istanbul ignore next */ []);
+	isSticky = computed(() => this.stickyOn() && this.scrollSticky(), ...ngDevMode ? [{ debugName: "isSticky" }] : /* istanbul ignore next */ []);
 	noBorder = computed(() => this.sectionContext?.variant() === "noBorder", ...ngDevMode ? [{ debugName: "noBorder" }] : /* istanbul ignore next */ []);
 	options = computed(() => {
 		const authored = (this.perPageOptions() ?? "").split(",").map((entry) => Number(entry.trim())).filter((size) => Number.isFinite(size) && size > 0);
@@ -7937,7 +7939,7 @@ var SectionPaginationComponent = class SectionPaginationComponent {
 		host: {
 			properties: {
 				"class.is-hidden": "!visible()",
-				"class.is-sticky-enabled": "sticky()",
+				"class.is-sticky-enabled": "stickyOn()",
 				"class.is-sticky": "isSticky()",
 				"class.align-left": "align() === \"left\"",
 				"class.align-center": "align() === \"center\"",
@@ -8113,7 +8115,7 @@ i0.ɵɵngDeclareClassMetadata({
 			host: {
 				class: "m-section-pagination",
 				"[class.is-hidden]": "!visible()",
-				"[class.is-sticky-enabled]": "sticky()",
+				"[class.is-sticky-enabled]": "stickyOn()",
 				"[class.is-sticky]": "isSticky()",
 				"[class.align-left]": "align() === \"left\"",
 				"[class.align-center]": "align() === \"center\"",
@@ -9768,8 +9770,9 @@ var SectionComponent = class SectionComponent extends ConfigComponent {
 	resolvedMaxWidth = computed(() => this.maxWidth() ?? this.config()?.maxWidth, ...ngDevMode ? [{ debugName: "resolvedMaxWidth" }] : /* istanbul ignore next */ []);
 	resolvedHeightMode = computed(() => this.heightMode() ?? this.config()?.heightMode, ...ngDevMode ? [{ debugName: "resolvedHeightMode" }] : /* istanbul ignore next */ []);
 	resolvedMaxHeight = computed(() => this.maxHeight() ?? this.height() ?? this.config()?.maxHeight ?? this.config()?.height, ...ngDevMode ? [{ debugName: "resolvedMaxHeight" }] : /* istanbul ignore next */ []);
-	isFullHeight = computed(() => this.resolvedHeightMode() === "full" || this.resolvedMaxHeight() === "full", ...ngDevMode ? [{ debugName: "isFullHeight" }] : /* istanbul ignore next */ []);
+	isFullHeight = computed(() => !this.isDesignMode && (this.resolvedHeightMode() === "full" || this.resolvedMaxHeight() === "full"), ...ngDevMode ? [{ debugName: "isFullHeight" }] : /* istanbul ignore next */ []);
 	cssMaxHeight = computed(() => {
+		if (this.isDesignMode) return void 0;
 		const mode = this.resolvedHeightMode();
 		const val = this.resolvedMaxHeight();
 		if (mode === "full" || val === "full") return "100vh";
@@ -16736,6 +16739,7 @@ var SectionHeaderComponent = class SectionHeaderComponent {
 	translateService = inject(TranslateService);
 	host = inject(ElementRef);
 	subText = computed(() => this.noTranslate() ? this.subLabel() : this.translateService.translate(this.subLabel(), this.params()), ...ngDevMode ? [{ debugName: "subText" }] : /* istanbul ignore next */ []);
+	isDesignMode = !!inject(IS_DESIGN_MODE, { optional: true });
 	scrollSticky = injectScrollSticky(120, "none");
 	sectionContext = inject(SECTION_CONTEXT, { optional: true });
 	sidepanel = computed(() => this.sectionContext?.sidepanel() ?? false, ...ngDevMode ? [{ debugName: "sidepanel" }] : /* istanbul ignore next */ []);
@@ -16743,7 +16747,8 @@ var SectionHeaderComponent = class SectionHeaderComponent {
 	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 */ []);
 	iconBox = computed(() => HEADER_LINE_BOX[this.level()], ...ngDevMode ? [{ debugName: "iconBox" }] : /* istanbul ignore next */ []);
-	isSticky = computed(() => this.sticky() && this.scrollSticky(), ...ngDevMode ? [{ debugName: "isSticky" }] : /* istanbul ignore next */ []);
+	stickyOn = computed(() => this.sticky() && !this.isDesignMode, ...ngDevMode ? [{ debugName: "stickyOn" }] : /* istanbul ignore next */ []);
+	isSticky = computed(() => this.stickyOn() && this.scrollSticky(), ...ngDevMode ? [{ debugName: "isSticky" }] : /* istanbul ignore next */ []);
 	hasMenu = computed(() => !!this.menu() || !!this.menuName(), ...ngDevMode ? [{ debugName: "hasMenu" }] : /* istanbul ignore next */ []);
 	actionConfig = computed(() => {
 		const icon = this.actionButton();
@@ -16943,7 +16948,7 @@ var SectionHeaderComponent = class SectionHeaderComponent {
 		host: {
 			listeners: { "click": "onHeaderClick($event)" },
 			properties: {
-				"class.is-sticky-enabled": "sticky()",
+				"class.is-sticky-enabled": "stickyOn()",
 				"class.is-sticky": "isSticky()",
 				"class.has-menu": "hasMenu()",
 				"class.align-left": "alignment() === \"left\"",
@@ -17086,7 +17091,7 @@ i0.ɵɵngDeclareClassMetadata({
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			host: {
 				class: "m-section-header",
-				"[class.is-sticky-enabled]": "sticky()",
+				"[class.is-sticky-enabled]": "stickyOn()",
 				"[class.is-sticky]": "isSticky()",
 				"[class.has-menu]": "hasMenu()",
 				"[class.align-left]": "alignment() === \"left\"",
@@ -17286,8 +17291,10 @@ var SectionFooterComponent = class SectionFooterComponent {
 	align = input("right", ...ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []);
 	maxWidth = input(...ngDevMode ? [void 0, { debugName: "maxWidth" }] : /* istanbul ignore next */ []);
 	fullWidth = input(false, ...ngDevMode ? [{ debugName: "fullWidth" }] : /* istanbul ignore next */ []);
+	isDesignMode = !!inject(IS_DESIGN_MODE, { optional: true });
 	scrollSticky = injectScrollSticky(0, "none");
-	isSticky = computed(() => this.sticky() && this.scrollSticky(), ...ngDevMode ? [{ debugName: "isSticky" }] : /* istanbul ignore next */ []);
+	stickyOn = computed(() => this.sticky() && !this.isDesignMode, ...ngDevMode ? [{ debugName: "stickyOn" }] : /* istanbul ignore next */ []);
+	isSticky = computed(() => this.stickyOn() && 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 */ []);
@@ -17339,7 +17346,7 @@ var SectionFooterComponent = class SectionFooterComponent {
 		},
 		host: {
 			properties: {
-				"class.is-sticky-enabled": "sticky()",
+				"class.is-sticky-enabled": "stickyOn()",
 				"class.is-sticky": "isSticky()",
 				"class.align-left": "align() === \"left\"",
 				"class.align-center": "align() === \"center\"",
@@ -17373,7 +17380,7 @@ i0.ɵɵngDeclareClassMetadata({
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			host: {
 				class: "m-section-footer",
-				"[class.is-sticky-enabled]": "sticky()",
+				"[class.is-sticky-enabled]": "stickyOn()",
 				"[class.is-sticky]": "isSticky()",
 				"[class.align-left]": "align() === \"left\"",
 				"[class.align-center]": "align() === \"center\"",