@magmonium/one 0.4.98 → 0.4.100

package/fesm2022/magmonium-one.mjs

@@ -4,27 +4,27 @@ import { a as OverlayService, c as DeviceService, i as OverlayRef, n as Directio
 import { t as FileService } from "./magmonium-one-file.service-D39FjShR.mjs";
 import { C as isLightAppColor, D as readableAppColor, E as normalizeAppColor, O as rebuildLogoGlyph, S as appLogoShadowColor, T as logoGlyphMaskUrl, _ as AppLogoState, a as calculateLuminance, b as LOGO_GLYPH_MAX_BYTES, c as hexToRgb, d as derivePropertyName, f as getProperty, g as APP_THEME_COLOR, h as APP_LOGO_SOURCE, i as deriveOppositeColor, k as ThemeDataService, l as hslToRgb, m as ThemeStore, n as resolvePallet, o as rgbToHex, p as setProperty, r as deriveContrastColor, s as rgbToHsl, t as applyColorsToElement, u as parseColor, v as appThemeColorFactory, w as isReadableOn, x as appColorBrand, y as paintAppColor } from "./magmonium-one-color-utl-BA51l-Rw.mjs";
 import "./magmonium-one-theme-BtQyLRdQ.mjs";
-import { _ as TimeAgoPipe, a as nextSectionTableSort, c as sectionTableFrozenCount, d as SectionTableSortDirection, f as AssetUrlPipe, g as MoneyPipe, h as PercentagePipe, i as defaultSectionTableSort, l as sortSectionTableRows, m as SignColorPipe, n as ToListPipe, o as sectionTableColumnId, p as CompactNumberPipe, r as SectionTableSortPipe, s as sectionTableColumnWidths, t as LabelComponent, u as SECTION_TABLE_VARIANTS } from "./magmonium-one-label-Dkis_mGP.mjs";
+import { _ as TimeAgoPipe, a as nextSectionTableSort, c as sectionTableFrozenCount, d as SectionTableSortDirection, f as AssetUrlPipe, g as MoneyPipe, h as PercentagePipe, i as defaultSectionTableSort, l as sortSectionTableRows, m as SignColorPipe, n as ToListPipe, o as sectionTableColumnId, p as CompactNumberPipe, r as SectionTableSortPipe, s as sectionTableColumnWidths, t as LabelComponent, u as SECTION_TABLE_VARIANTS } from "./magmonium-one-label-D-wnA_Fl.mjs";
 import { a as SIZE_CONTEXT, c as SHARED_ICONS, i as APP_LOGO_ICON, n as CustomIconClass, o as injectParentSize, r as IconComponent, s as provideSizeContext, t as CustomIconEditComponent } from "./magmonium-one-icon-CH-g8CUR.mjs";
 import { i as resolveConfigAsset, n as toAttrNumber, r as ConfigComponent, t as toAttrBool } from "./magmonium-one-attribute-value-CPh-lJPV.mjs";
-import { c as enumValue, d as formatBadgeCount, f as shouldShowBadge, i as ACTION_BUTTON_HOST, l as ReactiveElementComponent, n as SECTION_FORM_CONTEXT, o as actionName, r as ImgComponent, s as isButtonName, t as ButtonComponent, u as BadgeComponent } from "./magmonium-one-button-C5dk4R_m.mjs";
+import { a as ACTION_BUTTON_HOST, c as isButtonName, d as BadgeComponent, f as formatBadgeCount, i as BUTTON_GROUP_HOST, l as enumValue, n as SECTION_FORM_CONTEXT, p as shouldShowBadge, r as ImgComponent, s as actionName, t as ButtonComponent, u as ReactiveElementComponent } from "./magmonium-one-button-BPIU6Ww0.mjs";
 import { t as MRefDirective } from "./magmonium-one-m-ref-DLIAzywu.mjs";
 import { i as OptionsSourceDirective, n as normalizeAssetOptions, r as presetDefaultOption, t as assetOptions } from "./magmonium-one-options-asset-BNd1hbLw.mjs";
 import { t as InputType } from "./magmonium-one-input-DqHPorA1.mjs";
-import { r as PLACED_CHECKBOX, t as CheckboxInputComponent } from "./magmonium-one-checkbox-a3Dwmu2X.mjs";
+import { r as PLACED_CHECKBOX, t as CheckboxInputComponent } from "./magmonium-one-checkbox-BXNvtkzo.mjs";
 import { a as ToolTipDirective, c as DragListItemDirective, d as MarginDirective, f as PaddingDirective, i as PositionDirective, l as DragListDirective, n as stringToColor, o as FileUploadDirective, p as SPACING_INWARD, r as HighlightDirective, s as AutosizeDirective, t as MHeroColorDirective, u as DraggableDirective } from "./magmonium-one-directives-hJ7wkmQn.mjs";
-import { t as HeaderComponent } from "./magmonium-one-header-BZzD8uTJ.mjs";
-import { i as mergeUniqueWith, n as mergeUnique, r as mergeUniqueBy, t as ButtonGroupComponent } from "./magmonium-one-group-bRamdzPO.mjs";
-import { n as ContextMenuBoxComponent, r as MenuComponent, t as ContextMenuComponent } from "./magmonium-one-menu-CJjjxFfu.mjs";
+import { t as HeaderComponent } from "./magmonium-one-header-Cz3oggF7.mjs";
+import { i as mergeUniqueWith, n as mergeUnique, r as mergeUniqueBy, t as ButtonGroupComponent } from "./magmonium-one-group-mOaqnb5q.mjs";
+import { n as ContextMenuBoxComponent, r as MenuComponent, t as ContextMenuComponent } from "./magmonium-one-menu-eSnsKCez.mjs";
 import { t as BaseInputComponent } from "./magmonium-one-base-input-B92NOmxz.mjs";
 import { i as getScrollParent, n as activeElementWithin, r as classListSignal, t as BaseTextInputComponent } from "./magmonium-one-base-text-ChjG3GNw.mjs";
 import { t as TextOutputComponent } from "./magmonium-one-text-output-E6pe3IOL.mjs";
 import { t as BaseCheckboxInputComponent } from "./magmonium-one-base-checkbox-LdM6dqF_.mjs";
-import { t as RadioInputComponent } from "./magmonium-one-radio-DPz4-SAJ.mjs";
-import { t as TextInputComponent } from "./magmonium-one-text-vDPAhn74.mjs";
-import { r as BaseArrayInputComponent, t as MultiRangeInputComponent } from "./magmonium-one-multi-range-DL_JlKVL.mjs";
-import { t as RangeInputComponent } from "./magmonium-one-range-DlQfnl9p.mjs";
-import { n as DROPDOWN_IMPORTS, r as DROPDOWN_TEMPLATE, t as BaseDropdownComponent } from "./magmonium-one-base-dropdown-2hgXcmhE.mjs";
+import { t as RadioInputComponent } from "./magmonium-one-radio-DlS31qJG.mjs";
+import { t as TextInputComponent } from "./magmonium-one-text-4zWYsKpH.mjs";
+import { r as BaseArrayInputComponent, t as MultiRangeInputComponent } from "./magmonium-one-multi-range-C0S7udf5.mjs";
+import { t as RangeInputComponent } from "./magmonium-one-range-CR8go24u.mjs";
+import { n as DROPDOWN_IMPORTS, r as DROPDOWN_TEMPLATE, t as BaseDropdownComponent } from "./magmonium-one-base-dropdown-xhoyZ8I5.mjs";
 import { o as isEditableImage, s as outputSize } from "./magmonium-one-image-frame-BTSaUSAi.mjs";
 import * as i0 from "@angular/core";
 import { ApplicationRef, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, DOCUMENT, DestroyRef, Directive, ElementRef, EventEmitter, HostAttributeToken, HostBinding, HostListener, Injectable, InjectionToken, Injector, Input, LOCALE_ID, Output, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation, afterEveryRender, afterNextRender, afterRenderEffect, booleanAttribute, computed, contentChild, contentChildren, createComponent, effect, forwardRef, inject, input, inputBinding, linkedSignal, makeEnvironmentProviders, model, numberAttribute, output, outputBinding, provideAppInitializer, provideBrowserGlobalErrorListeners, provideZonelessChangeDetection, reflectComponentType, runInInjectionContext, signal, twoWayBinding, untracked, viewChild, viewChildren } from "@angular/core";
@@ -744,7 +744,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 		try {
 			switch (type) {
 				case InputType.RADIO: {
-					const { RadioInputComponent } = await import("./magmonium-one-radio-DPz4-SAJ.mjs").then((n) => n.n);
+					const { RadioInputComponent } = await import("./magmonium-one-radio-DlS31qJG.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, RadioInputComponent);
 					break;
 				}
@@ -759,12 +759,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.PASSWORD: {
-					const { PasswordInputComponent } = await import("./magmonium-one-password-CvgWZkAX.mjs");
+					const { PasswordInputComponent } = await import("./magmonium-one-password-CSNZtS__.mjs");
 					this.createDynamicComponent(seq, PasswordInputComponent);
 					break;
 				}
 				case InputType.OTP: {
-					const { OtpInputComponent } = await import("./magmonium-one-otp-COE0X33y.mjs");
+					const { OtpInputComponent } = await import("./magmonium-one-otp-CeSz8ZZ2.mjs");
 					this.createDynamicComponent(seq, OtpInputComponent);
 					break;
 				}
@@ -774,7 +774,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.CHECKBOX: {
-					const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-a3Dwmu2X.mjs").then((n) => n.n);
+					const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-BXNvtkzo.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, CheckboxInputComponent, [], true);
 					break;
 				}
@@ -789,12 +789,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.RANGE: {
-					const { RangeInputComponent } = await import("./magmonium-one-range-DlQfnl9p.mjs").then((n) => n.n);
+					const { RangeInputComponent } = await import("./magmonium-one-range-CR8go24u.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, RangeInputComponent);
 					break;
 				}
 				case InputType.MULTI_RANGE: {
-					const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-DL_JlKVL.mjs").then((n) => n.n);
+					const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-C0S7udf5.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, MultiRangeInputComponent);
 					break;
 				}
@@ -845,7 +845,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				default: {
-					const { TextInputComponent } = await import("./magmonium-one-text-vDPAhn74.mjs").then((n) => n.n);
+					const { TextInputComponent } = await import("./magmonium-one-text-4zWYsKpH.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, TextInputComponent);
 					break;
 				}
@@ -3002,7 +3002,10 @@ var SectionButtonGroupComponent = class SectionButtonGroupComponent extends Conf
 			"style.font-size": "sizeLength()",
 			"style.--input-size": "sizeLength()"
 		} },
-		providers: [provideSizeContext(SectionButtonGroupComponent)],
+		providers: [provideSizeContext(SectionButtonGroupComponent), {
+			provide: BUTTON_GROUP_HOST,
+			useValue: true
+		}],
 		usesInheritance: true,
 		ngImport: i0,
 		template: `
@@ -3042,7 +3045,10 @@ i0.ɵɵngDeclareClassMetadata({
 				"[style.font-size]": "sizeLength()",
 				"[style.--input-size]": "sizeLength()"
 			},
-			providers: [provideSizeContext(SectionButtonGroupComponent)],
+			providers: [provideSizeContext(SectionButtonGroupComponent), {
+				provide: BUTTON_GROUP_HOST,
+				useValue: 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-section-button-group{display:flex;flex-wrap:wrap;align-items:center;box-sizing:border-box;--m-button-size: var(--input-size, 1em);gap:calc(var(--input-size, 1em) * .375)}m-section-button-group.is-design-mode{min-width:4em;min-height:4em}m-section-button-group.vertical{flex-direction:column}m-section-button-group.vertical.align-left{align-items:flex-start}m-section-button-group.vertical.align-center{align-items:center}m-section-button-group.vertical.align-right{align-items:flex-end}m-section-button-group.horizontal{flex-direction:row}m-section-button-group.align-left{justify-content:flex-start}m-section-button-group.align-center{justify-content:center}m-section-button-group.align-right{justify-content:flex-end}m-section-button-group.is-full-width{width:100%}m-section-button-group.is-full-width.horizontal>*{flex:1 1 0;min-width:0}m-section-button-group.is-full-width.vertical{align-items:stretch}m-section-button-group.is-joined{gap:0;flex-wrap:nowrap}m-section-button-group.is-joined>*{position:relative}m-section-button-group.is-joined>* button{border-radius:0!important}m-section-button-group.is-joined>*:hover,m-section-button-group.is-joined>*:focus-within{z-index:1}m-section-button-group.is-joined.horizontal>*+*{margin-left:-2px}m-section-button-group.is-joined.horizontal>*:first-child button{border-top-left-radius:4px!important;border-bottom-left-radius:4px!important}m-section-button-group.is-joined.horizontal>*:last-child button{border-top-right-radius:4px!important;border-bottom-right-radius:4px!important}m-section-button-group.is-joined.vertical{align-items:stretch}m-section-button-group.is-joined.vertical>*+*{margin-top:-2px}m-section-button-group.is-joined.vertical>*:first-child button{border-top-left-radius:4px!important;border-top-right-radius:4px!important}m-section-button-group.is-joined.vertical>*:last-child button{border-bottom-left-radius:4px!important;border-bottom-right-radius:4px!important}\n"]
 		}]
 	}],
@@ -3250,6 +3256,7 @@ var SectionBackComponent = class SectionBackComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -4105,6 +4112,7 @@ var ClearableInputComponent = class ClearableInputComponent extends BaseTextInpu
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -4733,6 +4741,7 @@ var SectionSearchComponent = class SectionSearchComponent extends BaseTextInputC
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -5885,6 +5894,7 @@ var SectionFilterComponent = class SectionFilterComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -6380,6 +6390,7 @@ var SectionFilterMenuComponent = class SectionFilterMenuComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -6721,6 +6732,7 @@ var SectionFilterGroupComponent = class SectionFilterGroupComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -7099,6 +7111,7 @@ var SectionStepperComponent = class SectionStepperComponent {
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -8033,6 +8046,7 @@ var SectionPaginationComponent = class SectionPaginationComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -11595,6 +11609,7 @@ var AuthActivityPageComponent = class AuthActivityPageComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -12047,6 +12062,7 @@ var ConfirmComponent = class ConfirmComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -12327,6 +12343,7 @@ var DropdownInputComponent = class DropdownInputComponent extends BaseDropdownCo
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -12537,6 +12554,7 @@ var AgreementComponent = class AgreementComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -15885,6 +15903,7 @@ var ToggleButtonComponent = class ToggleButtonComponent extends ConfigComponent
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -16415,6 +16434,7 @@ var SectionCardComponent = class SectionCardComponent extends ColComponent {
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -17063,6 +17083,7 @@ var SectionHeaderComponent = class SectionHeaderComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -17693,6 +17714,7 @@ var SectionTableComponent = class SectionTableComponent extends ConfigComponent
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -17894,8 +17916,15 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 var SectionTableRowComponent = class SectionTableRowComponent {
+	static OWN_CLICK = "a, button, input, select, textarea, label, [role=\"link\"], [role=\"button\"], m-button, m-one-button";
 	item = input(...ngDevMode ? [void 0, { debugName: "item" }] : /* istanbul ignore next */ []);
 	rowClick = output();
+	onClick = (event) => {
+		const row = event.currentTarget;
+		const own = event.target?.closest(SectionTableRowComponent.OWN_CLICK);
+		if (own && row.contains(own)) return;
+		this.rowClick.emit(this.item());
+	};
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.1",
@@ -17919,7 +17948,7 @@ var SectionTableRowComponent = class SectionTableRowComponent {
 		} },
 		outputs: { rowClick: "rowClick" },
 		host: {
-			listeners: { "click": "rowClick.emit(item())" },
+			listeners: { "click": "onClick($event)" },
 			classAttribute: "m-table-body__row m-section-table__row"
 		},
 		ngImport: i0,
@@ -17941,7 +17970,7 @@ i0.ɵɵngDeclareClassMetadata({
 			changeDetection: ChangeDetectionStrategy.OnPush,
 			host: {
 				class: "m-table-body__row m-section-table__row",
-				"(click)": "rowClick.emit(item())"
+				"(click)": "onClick($event)"
 			}
 		}]
 	}],
@@ -20163,6 +20192,7 @@ var SectionTabsComponent = class SectionTabsComponent extends ConfigComponent {
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -21293,6 +21323,7 @@ var DateViewComponent = class DateViewComponent {
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -21405,6 +21436,7 @@ var MonthViewComponent = class MonthViewComponent {
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -21495,6 +21527,7 @@ var YearViewComponent = class YearViewComponent {
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -21871,6 +21904,7 @@ var DateInputComponent = class DateInputComponent extends BaseTextInputComponent
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -22417,6 +22451,7 @@ var MultiselectInputComponent = class MultiselectInputComponent extends BaseDrop
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -23341,6 +23376,7 @@ var ColorPickerBoxComponent = class ColorPickerBoxComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -23732,6 +23768,7 @@ var ColorPickerInputComponent = class ColorPickerInputComponent extends BaseText
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -23968,7 +24005,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 		const seq = ++this.dynamicSeq;
 		switch (this.config()?.type) {
 			case InputType.RADIO: {
-				const { RadioInputComponent } = await import("./magmonium-one-radio-DPz4-SAJ.mjs").then((n) => n.n);
+				const { RadioInputComponent } = await import("./magmonium-one-radio-DlS31qJG.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, RadioInputComponent);
 				break;
 			}
@@ -23983,12 +24020,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.PASSWORD: {
-				const { PasswordInputComponent } = await import("./magmonium-one-password-CvgWZkAX.mjs");
+				const { PasswordInputComponent } = await import("./magmonium-one-password-CSNZtS__.mjs");
 				this.createDynamicComponent(seq, PasswordInputComponent);
 				break;
 			}
 			case InputType.OTP: {
-				const { OtpInputComponent } = await import("./magmonium-one-otp-COE0X33y.mjs");
+				const { OtpInputComponent } = await import("./magmonium-one-otp-CeSz8ZZ2.mjs");
 				this.createDynamicComponent(seq, OtpInputComponent);
 				break;
 			}
@@ -23998,7 +24035,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.CHECKBOX: {
-				const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-a3Dwmu2X.mjs").then((n) => n.n);
+				const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-BXNvtkzo.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, CheckboxInputComponent, [], true);
 				break;
 			}
@@ -24013,12 +24050,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.RANGE: {
-				const { RangeInputComponent } = await import("./magmonium-one-range-DlQfnl9p.mjs").then((n) => n.n);
+				const { RangeInputComponent } = await import("./magmonium-one-range-CR8go24u.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, RangeInputComponent);
 				break;
 			}
 			case InputType.MULTI_RANGE: {
-				const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-DL_JlKVL.mjs").then((n) => n.n);
+				const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-C0S7udf5.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, MultiRangeInputComponent);
 				break;
 			}
@@ -24069,7 +24106,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			default: {
-				const { TextInputComponent } = await import("./magmonium-one-text-vDPAhn74.mjs").then((n) => n.n);
+				const { TextInputComponent } = await import("./magmonium-one-text-4zWYsKpH.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, TextInputComponent);
 				break;
 			}
@@ -24270,6 +24307,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -25955,6 +25993,7 @@ var ComponentInputComponent = class ComponentInputComponent extends BaseTextInpu
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -26459,7 +26498,7 @@ var FileUploadInputComponent = class FileUploadInputComponent extends BaseInputC
 	openEditor = async (file, size) => {
 		const modalStore = this.modalStore;
 		if (!modalStore) return void 0;
-		const { ImageEditorComponent } = await import("./magmonium-one-image-editor-BLqlV2ki.mjs");
+		const { ImageEditorComponent } = await import("./magmonium-one-image-editor-D40RzxsY.mjs");
 		const ratio = String(this.config()?.ratio ?? "");
 		return new Promise((resolve) => {
 			const modalRef = new ModalRef();
@@ -26683,6 +26722,7 @@ var FileUploadInputComponent = class FileUploadInputComponent extends BaseInputC
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -32453,6 +32493,7 @@ var RemoteComponent = class RemoteComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -33736,6 +33777,7 @@ var PaginationComponent = class PaginationComponent extends ConfigComponent {
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -34071,6 +34113,7 @@ var SortComponent = class SortComponent extends ConfigComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -37722,6 +37765,7 @@ var DocEditorComponent = class DocEditorComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -39110,6 +39154,7 @@ var TableBodyComponent = class TableBodyComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -41679,6 +41724,7 @@ var TreeGridComponent = class TreeGridComponent extends ConfigComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -42532,6 +42578,7 @@ var SummaryComponent = class SummaryComponent extends ConfigComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -43378,6 +43425,7 @@ var TimelineComponent = class TimelineComponent extends ConfigComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -43624,6 +43672,7 @@ var NothingComponent = class NothingComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -43992,6 +44041,7 @@ var AppCardComponent = class AppCardComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -44525,6 +44575,7 @@ var PlaygroundComponent = class PlaygroundComponent {
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -45400,6 +45451,7 @@ var ModalComponent = class ModalComponent extends ConfigComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -45673,6 +45725,7 @@ var PanelComponent = class PanelComponent {
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -47178,6 +47231,7 @@ var NavHeaderComponent = class NavHeaderComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -47548,6 +47602,7 @@ var NavMenuComponent = class NavMenuComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -48415,6 +48470,7 @@ var NavComponent = class NavComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -48748,6 +48804,7 @@ var NotificationElementComponent = class NotificationElementComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -50155,6 +50212,7 @@ var NotificationGroupComponent = class NotificationGroupComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -51909,6 +51967,7 @@ var UserSettingsComponent = class UserSettingsComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -54484,6 +54543,7 @@ var SvgGeneratorComponent = class SvgGeneratorComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -54758,6 +54818,7 @@ var SearchUserPanelComponent = class SearchUserPanelComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -55357,6 +55418,7 @@ var CommentItemComponent = class CommentItemComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -55621,6 +55683,7 @@ var CommentsComponent = class CommentsComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -56188,6 +56251,7 @@ var AudiencePickerBoxComponent = class AudiencePickerBoxComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -56495,6 +56559,7 @@ var AudiencePickerComponent = class AudiencePickerComponent extends ConfigCompon
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",