@magmonium/one 0.4.99 → 0.4.101

package/fesm2022/magmonium-one.mjs

@@ -1,30 +1,29 @@
 import { t as __exportAll } from "./magmonium-one-rolldown-runtime-DpJrqANO.mjs";
-import { $ as SEARCH_RESULTS_EVENT, A as isLocalhost, B as FOLDER_PICK_LISTENER, C as definedWcTierOf, D as wcLocalBaseOf, E as setWcTier, F as APP_LINK, G as LOADING_ACTIONS_REF, H as ICON_SOURCE, I as ASSET_BASE_URL, J as MODAL_STORE_REF, K as LOGIN_COMPONENT, L as AppAvailability, M as isUrlLocalhost, N as isWebComponent, O as wcTierOf, P as APP_CONTEXT_REF, Q as SEARCH_QUERY, R as AppRelationType, S as definedWcBundleOf, T as setWcLocalPort, U as IS_DESIGN_MODE, V as HOST_SESSION, W as IS_SIDE_PANEL, X as ONE_ASSET_BASE_URL, Y as NAV_STORE_REF, Z as OPTIONS_SOURCE, _ as StorageService, a as resolveSpacing, at as LAYOUT_ASSET_FOLDER, b as HttpService, c as TranslatePipe, ct as Size, d as browserLocale, et as TRANSLATION_SOURCE, f as escapeHtml, g as SharedStoreRegistry, h as AssetStore, i as resolveSize, it as FORM_ASSET_FOLDER, j as isTierPreview, k as getTierFromPreviewPath, l as TranslateService, m as miniMarkToHtml, n as isSize, nt as WC_BUNDLE, o as toCssLength, ot as Assets, p as miniMarkInlineToHtml, q as LOGIN_STORE, r as resolveIconSize, rt as WC_SEARCH_GROUPS, s as toLength, st as DEFAULT_SIZE, t as coerceSize, tt as USER_STORE_REF, u as BrowserLocaleService, v as isJson, w as recordDefinedWcTier, x as buildWcBaseUrl, y as ACCESS_DOMAINS, z as COMPONENT_INPUT_REGISTRY } from "./magmonium-one-size-converter-BqkALIWA.mjs";
-import { a as OverlayService, c as DeviceService, i as OverlayRef, n as Direction, o as ScrollService, r as ThemeService, s as DomService, t as SelectorDirective } from "./magmonium-one-selector-BK48N5us.mjs";
+import { $ as OPTIONS_SOURCE, A as wcTierOf, B as AppRelationType, C as buildWcBaseUrl, D as setWcLocalPort, E as recordDefinedWcTier, F as isWebComponent, G as IS_DESIGN_MODE, H as FOLDER_PICK_LISTENER, I as APP_CONTEXT_REF, J as LOGIN_COMPONENT, K as IS_SIDE_PANEL, L as APP_LINK, M as isLocalhost, N as isTierPreview, O as setWcTier, P as isUrlLocalhost, Q as ONE_ASSET_BASE_URL, R as ASSET_BASE_URL, S as HttpService, T as definedWcTierOf, U as HOST_SESSION, V as COMPONENT_INPUT_REGISTRY, W as ICON_SOURCE, X as MODAL_STORE_REF, Y as LOGIN_STORE, Z as NAV_STORE_REF, _ as AssetStore, a as resolveIconSize, at as WC_SEARCH_GROUPS, b as isJson, c as toCssLength, ct as Assets, d as TranslateService, et as SEARCH_QUERY, f as BrowserLocaleService, g as miniMarkToHtml, h as miniMarkInlineToHtml, i as isSize, it as WC_BUNDLE, j as getTierFromPreviewPath, k as wcLocalBaseOf, l as toLength, lt as DEFAULT_SIZE, m as escapeHtml, nt as TRANSLATION_SOURCE, o as resolveSize, ot as FORM_ASSET_FOLDER, p as browserLocale, q as LOADING_ACTIONS_REF, r as coerceSize, rt as USER_STORE_REF, s as resolveSpacing, st as LAYOUT_ASSET_FOLDER, t as BaseInputComponent, tt as SEARCH_RESULTS_EVENT, u as TranslatePipe, ut as Size, v as SharedStoreRegistry, w as definedWcBundleOf, x as ACCESS_DOMAINS, y as StorageService, z as AppAvailability } from "./magmonium-one-base-input-BeyBAbV4.mjs";
+import { a as OverlayService, c as DeviceService, i as OverlayRef, n as Direction, o as ScrollService, r as ThemeService, s as DomService, t as SelectorDirective } from "./magmonium-one-selector-QB49Ju9l.mjs";
 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-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 { 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 { 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-DMLkkE-z.mjs";
+import "./magmonium-one-theme-DEgFM1wD.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-BNxbDSwc.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-CXFTG4mD.mjs";
+import { i as resolveConfigAsset, n as toAttrNumber, r as ConfigComponent, t as toAttrBool } from "./magmonium-one-attribute-value-BXEWw7xP.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-DC_fLy-J.mjs";
+import { t as MRefDirective } from "./magmonium-one-m-ref-CoK96ogW.mjs";
+import { i as OptionsSourceDirective, n as normalizeAssetOptions, r as presetDefaultOption, t as assetOptions } from "./magmonium-one-options-asset-DWjdYQe0.mjs";
 import { t as InputType } from "./magmonium-one-input-DqHPorA1.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 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-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-CmUfiOAb.mjs";
+import { r as PLACED_CHECKBOX, t as CheckboxInputComponent } from "./magmonium-one-checkbox-C85FEuTs.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-CJK7xDPK.mjs";
+import { t as HeaderComponent } from "./magmonium-one-header-BC-74GOn.mjs";
+import { i as mergeUniqueWith, n as mergeUnique, r as mergeUniqueBy, t as ButtonGroupComponent } from "./magmonium-one-group-qu3xLiI8.mjs";
+import { n as ContextMenuBoxComponent, r as MenuComponent, t as ContextMenuComponent } from "./magmonium-one-menu-D_HAqfel.mjs";
+import { i as getScrollParent, n as activeElementWithin, r as classListSignal, t as BaseTextInputComponent } from "./magmonium-one-base-text-BBeMl8XM.mjs";
+import { t as TextOutputComponent } from "./magmonium-one-text-output-DiA4R1pw.mjs";
+import { t as BaseCheckboxInputComponent } from "./magmonium-one-base-checkbox-CIUMxkzu.mjs";
+import { t as RadioInputComponent } from "./magmonium-one-radio-DGTbRRXb.mjs";
+import { t as TextInputComponent } from "./magmonium-one-text-CMULvvAr.mjs";
+import { r as BaseArrayInputComponent, t as MultiRangeInputComponent } from "./magmonium-one-multi-range-DqtW4U_x.mjs";
+import { t as RangeInputComponent } from "./magmonium-one-range-Dw4YACtP.mjs";
+import { n as DROPDOWN_IMPORTS, r as DROPDOWN_TEMPLATE, t as BaseDropdownComponent } from "./magmonium-one-base-dropdown-BMsV5USo.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,12 +743,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 		try {
 			switch (type) {
 				case InputType.RADIO: {
-					const { RadioInputComponent } = await import("./magmonium-one-radio-DlS31qJG.mjs").then((n) => n.n);
+					const { RadioInputComponent } = await import("./magmonium-one-radio-DGTbRRXb.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, RadioInputComponent);
 					break;
 				}
 				case InputType.TOGGLE: {
-					const { ToggleInputComponent } = await import("./magmonium-one-toggle-BPInV6K-.mjs");
+					const { ToggleInputComponent } = await import("./magmonium-one-toggle-sUSXzxMl.mjs");
 					this.createDynamicComponent(seq, ToggleInputComponent, [], true);
 					break;
 				}
@@ -759,12 +758,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.PASSWORD: {
-					const { PasswordInputComponent } = await import("./magmonium-one-password-BKdXAZ_p.mjs");
+					const { PasswordInputComponent } = await import("./magmonium-one-password-BqdyEDF6.mjs");
 					this.createDynamicComponent(seq, PasswordInputComponent);
 					break;
 				}
 				case InputType.OTP: {
-					const { OtpInputComponent } = await import("./magmonium-one-otp-CeSz8ZZ2.mjs");
+					const { OtpInputComponent } = await import("./magmonium-one-otp-DOPvjYJz.mjs");
 					this.createDynamicComponent(seq, OtpInputComponent);
 					break;
 				}
@@ -774,7 +773,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.CHECKBOX: {
-					const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-BXNvtkzo.mjs").then((n) => n.n);
+					const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-C85FEuTs.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, CheckboxInputComponent, [], true);
 					break;
 				}
@@ -789,12 +788,12 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				case InputType.RANGE: {
-					const { RangeInputComponent } = await import("./magmonium-one-range-CR8go24u.mjs").then((n) => n.n);
+					const { RangeInputComponent } = await import("./magmonium-one-range-Dw4YACtP.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, RangeInputComponent);
 					break;
 				}
 				case InputType.MULTI_RANGE: {
-					const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-C0S7udf5.mjs").then((n) => n.n);
+					const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-DqtW4U_x.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, MultiRangeInputComponent);
 					break;
 				}
@@ -845,7 +844,7 @@ var SectionFormItemComponent = class SectionFormItemComponent extends ConfigComp
 					break;
 				}
 				default: {
-					const { TextInputComponent } = await import("./magmonium-one-text-4zWYsKpH.mjs").then((n) => n.n);
+					const { TextInputComponent } = await import("./magmonium-one-text-CMULvvAr.mjs").then((n) => n.n);
 					this.createDynamicComponent(seq, TextInputComponent);
 					break;
 				}
@@ -3002,7 +3001,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 +3044,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 +3255,7 @@ var SectionBackComponent = class SectionBackComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -3848,7 +3854,6 @@ var ClearableInputComponent = class ClearableInputComponent extends BaseTextInpu
 	focused = input(false, ...ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []);
 	touched = model(false, ...ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []);
 	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
-	showErrors = computed(() => this.touched() && this.invalid(), ...ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []);
 	icon = input(...ngDevMode ? [void 0, { debugName: "icon" }] : /* istanbul ignore next */ []);
 	placeholder = input("", ...ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []);
 	type = input("text", ...ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []);
@@ -4105,6 +4110,7 @@ var ClearableInputComponent = class ClearableInputComponent extends BaseTextInpu
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -4733,6 +4739,7 @@ var SectionSearchComponent = class SectionSearchComponent extends BaseTextInputC
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -5885,6 +5892,7 @@ var SectionFilterComponent = class SectionFilterComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -6380,6 +6388,7 @@ var SectionFilterMenuComponent = class SectionFilterMenuComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -6721,6 +6730,7 @@ var SectionFilterGroupComponent = class SectionFilterGroupComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -7099,6 +7109,7 @@ var SectionStepperComponent = class SectionStepperComponent {
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -8033,6 +8044,7 @@ var SectionPaginationComponent = class SectionPaginationComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -11595,6 +11607,7 @@ var AuthActivityPageComponent = class AuthActivityPageComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -12047,6 +12060,7 @@ var ConfirmComponent = class ConfirmComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -12327,6 +12341,7 @@ var DropdownInputComponent = class DropdownInputComponent extends BaseDropdownCo
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -12537,6 +12552,7 @@ var AgreementComponent = class AgreementComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -15885,6 +15901,7 @@ var ToggleButtonComponent = class ToggleButtonComponent extends ConfigComponent
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -16415,6 +16432,7 @@ var SectionCardComponent = class SectionCardComponent extends ColComponent {
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -17063,6 +17081,7 @@ var SectionHeaderComponent = class SectionHeaderComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -17693,6 +17712,7 @@ var SectionTableComponent = class SectionTableComponent extends ConfigComponent
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -17894,8 +17914,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 +17946,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 +17968,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 +20190,7 @@ var SectionTabsComponent = class SectionTabsComponent extends ConfigComponent {
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -21293,6 +21321,7 @@ var DateViewComponent = class DateViewComponent {
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -21405,6 +21434,7 @@ var MonthViewComponent = class MonthViewComponent {
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -21495,6 +21525,7 @@ var YearViewComponent = class YearViewComponent {
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -21871,6 +21902,7 @@ var DateInputComponent = class DateInputComponent extends BaseTextInputComponent
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -22417,6 +22449,7 @@ var MultiselectInputComponent = class MultiselectInputComponent extends BaseDrop
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -23341,6 +23374,7 @@ var ColorPickerBoxComponent = class ColorPickerBoxComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -23732,6 +23766,7 @@ var ColorPickerInputComponent = class ColorPickerInputComponent extends BaseText
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -23968,12 +24003,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 		const seq = ++this.dynamicSeq;
 		switch (this.config()?.type) {
 			case InputType.RADIO: {
-				const { RadioInputComponent } = await import("./magmonium-one-radio-DlS31qJG.mjs").then((n) => n.n);
+				const { RadioInputComponent } = await import("./magmonium-one-radio-DGTbRRXb.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, RadioInputComponent);
 				break;
 			}
 			case InputType.TOGGLE: {
-				const { ToggleInputComponent } = await import("./magmonium-one-toggle-BPInV6K-.mjs");
+				const { ToggleInputComponent } = await import("./magmonium-one-toggle-sUSXzxMl.mjs");
 				this.createDynamicComponent(seq, ToggleInputComponent, [], true);
 				break;
 			}
@@ -23983,12 +24018,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.PASSWORD: {
-				const { PasswordInputComponent } = await import("./magmonium-one-password-BKdXAZ_p.mjs");
+				const { PasswordInputComponent } = await import("./magmonium-one-password-BqdyEDF6.mjs");
 				this.createDynamicComponent(seq, PasswordInputComponent);
 				break;
 			}
 			case InputType.OTP: {
-				const { OtpInputComponent } = await import("./magmonium-one-otp-CeSz8ZZ2.mjs");
+				const { OtpInputComponent } = await import("./magmonium-one-otp-DOPvjYJz.mjs");
 				this.createDynamicComponent(seq, OtpInputComponent);
 				break;
 			}
@@ -23998,7 +24033,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.CHECKBOX: {
-				const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-BXNvtkzo.mjs").then((n) => n.n);
+				const { CheckboxInputComponent } = await import("./magmonium-one-checkbox-C85FEuTs.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, CheckboxInputComponent, [], true);
 				break;
 			}
@@ -24013,12 +24048,12 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			case InputType.RANGE: {
-				const { RangeInputComponent } = await import("./magmonium-one-range-CR8go24u.mjs").then((n) => n.n);
+				const { RangeInputComponent } = await import("./magmonium-one-range-Dw4YACtP.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, RangeInputComponent);
 				break;
 			}
 			case InputType.MULTI_RANGE: {
-				const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-C0S7udf5.mjs").then((n) => n.n);
+				const { MultiRangeInputComponent } = await import("./magmonium-one-multi-range-DqtW4U_x.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, MultiRangeInputComponent);
 				break;
 			}
@@ -24069,7 +24104,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				break;
 			}
 			default: {
-				const { TextInputComponent } = await import("./magmonium-one-text-4zWYsKpH.mjs").then((n) => n.n);
+				const { TextInputComponent } = await import("./magmonium-one-text-CMULvvAr.mjs").then((n) => n.n);
 				this.createDynamicComponent(seq, TextInputComponent);
 				break;
 			}
@@ -24270,6 +24305,7 @@ var WrapperInputComponent = class WrapperInputComponent extends ConfigComponent
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -25562,7 +25598,6 @@ var RatingInputComponent = class RatingInputComponent extends BaseInputComponent
 	touched = model(false, ...ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []);
 	focused = input(false, ...ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []);
 	errors = input([], ...ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []);
-	showErrors = computed(() => this.touched() && this.invalid(), ...ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []);
 	themeStore = inject(ThemeStore);
 	stars = STARS;
 	filledColor = computed(() => {
@@ -25955,6 +25990,7 @@ var ComponentInputComponent = class ComponentInputComponent extends BaseTextInpu
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -26459,7 +26495,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-BV0x-SA3.mjs");
+		const { ImageEditorComponent } = await import("./magmonium-one-image-editor-BAF7cdC2.mjs");
 		const ratio = String(this.config()?.ratio ?? "");
 		return new Promise((resolve) => {
 			const modalRef = new ModalRef();
@@ -26683,6 +26719,7 @@ var FileUploadInputComponent = class FileUploadInputComponent extends BaseInputC
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -32453,6 +32490,7 @@ var RemoteComponent = class RemoteComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -33736,6 +33774,7 @@ var PaginationComponent = class PaginationComponent extends ConfigComponent {
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -34071,6 +34110,7 @@ var SortComponent = class SortComponent extends ConfigComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -37722,6 +37762,7 @@ var DocEditorComponent = class DocEditorComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -39110,6 +39151,7 @@ var TableBodyComponent = class TableBodyComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -41679,6 +41721,7 @@ var TreeGridComponent = class TreeGridComponent extends ConfigComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -42532,6 +42575,7 @@ var SummaryComponent = class SummaryComponent extends ConfigComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -43378,6 +43422,7 @@ var TimelineComponent = class TimelineComponent extends ConfigComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -43624,6 +43669,7 @@ var NothingComponent = class NothingComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -43992,6 +44038,7 @@ var AppCardComponent = class AppCardComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -44525,6 +44572,7 @@ var PlaygroundComponent = class PlaygroundComponent {
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -45400,6 +45448,7 @@ var ModalComponent = class ModalComponent extends ConfigComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -45673,6 +45722,7 @@ var PanelComponent = class PanelComponent {
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",
@@ -47178,6 +47228,7 @@ var NavHeaderComponent = class NavHeaderComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -47548,6 +47599,7 @@ var NavMenuComponent = class NavMenuComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -48415,6 +48467,7 @@ var NavComponent = class NavComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -48748,6 +48801,7 @@ var NotificationElementComponent = class NotificationElementComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -50155,6 +50209,7 @@ var NotificationGroupComponent = class NotificationGroupComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -51909,6 +51964,7 @@ var UserSettingsComponent = class UserSettingsComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -54484,6 +54540,7 @@ var SvgGeneratorComponent = class SvgGeneratorComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -54758,6 +54815,7 @@ var SearchUserPanelComponent = class SearchUserPanelComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -55357,6 +55415,7 @@ var CommentItemComponent = class CommentItemComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -55621,6 +55680,7 @@ var CommentsComponent = class CommentsComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -56188,6 +56248,7 @@ var AudiencePickerBoxComponent = class AudiencePickerBoxComponent {
 					"icon",
 					"isRightIcon",
 					"iconOnly",
+					"size",
 					"stacked",
 					"imgSrc",
 					"nonClickable",
@@ -56495,6 +56556,7 @@ var AudiencePickerComponent = class AudiencePickerComponent extends ConfigCompon
 				"icon",
 				"isRightIcon",
 				"iconOnly",
+				"size",
 				"stacked",
 				"imgSrc",
 				"nonClickable",