@magmonium/one 0.4.29 → 0.4.31

package/fesm2022/magmonium-one-group-Cue4x6tD.mjs

@@ -0,0 +1,428 @@
+import { i as resolveSize, t as coerceSize } from "./magmonium-one-size-converter-B-UubQQ0.mjs";
+import { r as deriveContrastColor } from "./magmonium-one-color-utl-CirPzUFk.mjs";
+import { a as injectParentSize, o as provideSizeContext } from "./magmonium-one-icon-Dso-9RMN.mjs";
+import { r as ConfigComponent } from "./magmonium-one-attribute-value-CLBOZcme.mjs";
+import { i as deriveGroupClass, t as ButtonComponent } from "./magmonium-one-button-rVNnp6G8.mjs";
+import { t as ContextMenuComponent } from "./magmonium-one-menu-BBOnOK4M.mjs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, effect, forwardRef, input, output } from "@angular/core";
+import { forkJoin, map, of } from "rxjs";
+import { rxResource } from "@angular/core/rxjs-interop";
+function mergeUnique(...arrays) {
+	return [...new Set(arrays.flat())];
+}
+function mergeUniqueBy(arrays, key) {
+	const map = /* @__PURE__ */ new Map();
+	arrays.flat().forEach((item) => {
+		if (!map.has(item[key])) map.set(item[key], item);
+	});
+	return Array.from(map.values());
+}
+function mergeUniqueWith(arrays, compareFn) {
+	const map = /* @__PURE__ */ new Map();
+	arrays.flat().forEach((item) => {
+		const key = compareFn(item);
+		if (!map.has(key)) map.set(key, item);
+	});
+	return Array.from(map.values());
+}
+var ButtonGroupComponent = class ButtonGroupComponent extends ConfigComponent {
+	buttons = input(...ngDevMode ? [void 0, { debugName: "buttons" }] : /* istanbul ignore next */ []);
+	names = input(...ngDevMode ? [void 0, { debugName: "names" }] : /* istanbul ignore next */ []);
+	exclude = input(...ngDevMode ? [void 0, { debugName: "exclude" }] : /* istanbul ignore next */ []);
+	vertical = input(...ngDevMode ? [void 0, { debugName: "vertical" }] : /* istanbul ignore next */ []);
+	size = input(...ngDevMode ? [void 0, { debugName: "size" }] : /* istanbul ignore next */ []);
+	parentSize = injectParentSize();
+	resolvedSize = computed(() => coerceSize(this.size(), this.config()?.size, this.parentSize?.size()), ...ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []);
+	sizeLength = computed(() => resolveSize(this.resolvedSize()), ...ngDevMode ? [{ debugName: "sizeLength" }] : /* istanbul ignore next */ []);
+	subFolder = "button_groups";
+	clicked = output();
+	classList = computed(() => {
+		const base = deriveGroupClass(this.config());
+		if (this.isPrimaryVisible()) return base.includes("is-primary") ? base : `${base} is-primary`.trim();
+		return base.replace("is-primary", "").trim();
+	}, ...ngDevMode ? [{ debugName: "classList" }] : /* istanbul ignore next */ []);
+	isPrimaryVisible = computed(() => {
+		const primary = this.primaryButton();
+		if (!primary) return false;
+		return !!(this.isPrimary(primary.name) || primary.variant === "primary");
+	}, ...ngDevMode ? [{ debugName: "isPrimaryVisible" }] : /* istanbul ignore next */ []);
+	contextMenuIconColor = computed(() => {
+		if (!this.isPrimaryVisible()) return;
+		const oppColor = this.pallet()?.oppositeColor;
+		if (oppColor) return deriveContrastColor(oppColor);
+		return "white";
+	}, ...ngDevMode ? [{ debugName: "contextMenuIconColor" }] : /* istanbul ignore next */ []);
+	mergedNames = computed(() => {
+		const exclude = this.exclude() ?? [];
+		const names = mergeUnique(this.names() ?? [], this.config()?.names ?? []).filter((name) => !exclude.includes(name));
+		const buttonNames = new Set(this.mergedButtons().map((b) => b.name));
+		return names.filter((name) => !buttonNames.has(name));
+	}, ...ngDevMode ? [{ debugName: "mergedNames" }] : /* istanbul ignore next */ []);
+	buttonsResource = rxResource({
+		params: () => {
+			const config = this.config();
+			if (!config?.isContext) return void 0;
+			const namesFromAsset = config.names ?? [];
+			const buttonNamesFromAsset = config.buttons?.map((b) => b.name) ?? [];
+			const allNames = mergeUnique(this.names() ?? [], mergeUnique(namesFromAsset, buttonNamesFromAsset));
+			if (allNames.length === 0) return void 0;
+			return {
+				names: allNames,
+				isOne: this.isFromOne()
+			};
+		},
+		stream: ({ params }) => {
+			if (!params) return of([]);
+			return forkJoin(params.names.map((name) => this.assetStore.resolve("buttons", name, params.isOne).pipe(map((button) => ({
+				...button,
+				name
+			})))));
+		}
+	});
+	mergedButtons = computed(() => {
+		const config = this.config();
+		const buttonOverrides = this.buttons();
+		const exclude = this.exclude() ?? [];
+		const yamlButtons = (config?.isContext ? this.buttonsResource.value() ?? [] : [...config?.buttons ?? [], ...config?.names?.map((name) => ({ name })) ?? []]).map((b) => typeof b === "string" ? { name: b } : b);
+		const merged = yamlButtons.filter((b) => !b.name || !exclude.includes(b.name)).map((button) => ({
+			...button,
+			...button.name && buttonOverrides?.[button.name] ? buttonOverrides[button.name] : {}
+		}));
+		if (!buttonOverrides) return merged;
+		const yamlNames = new Set(yamlButtons.map((b) => b.name));
+		const configNames = new Set(config?.names ?? []);
+		const extra = Object.entries(buttonOverrides).filter(([name]) => !yamlNames.has(name) && !configNames.has(name) && !exclude.includes(name)).map(([name, override]) => ({
+			name,
+			...override
+		}));
+		return [...merged, ...extra];
+	}, ...ngDevMode ? [{ debugName: "mergedButtons" }] : /* istanbul ignore next */ []);
+	primaryButton = computed(() => {
+		const buttons = this.mergedButtons();
+		const primaryName = this.config()?.primary;
+		if (!primaryName) return buttons[0];
+		return buttons.find((b) => b.name === primaryName) ?? buttons[0];
+	}, ...ngDevMode ? [{ debugName: "primaryButton" }] : /* istanbul ignore next */ []);
+	secondaryActions = computed(() => {
+		const primary = this.primaryButton();
+		const secondary = this.mergedButtons().filter((b) => b !== primary);
+		if (secondary.length === 0) return void 0;
+		return [secondary.map((b) => ({
+			id: b.name ?? "",
+			label: b.label ?? b.name ?? "",
+			icon: b.icon,
+			nav: b.nav,
+			link: b.href,
+			disabled: b.disabled ? true : void 0
+		}))];
+	}, ...ngDevMode ? [{ debugName: "secondaryActions" }] : /* istanbul ignore next */ []);
+	constructor() {
+		super();
+		effect(this.updateProperty);
+	}
+	isPrimary(name) {
+		const config = this.config();
+		if (!config?.primary || !name) return;
+		return name === config.primary ? true : void 0;
+	}
+	isDisabled(name) {
+		if (!name) return void 0;
+		const buttonOverride = this.buttons()?.[name];
+		if (typeof buttonOverride?.disabled !== "undefined") return buttonOverride.disabled;
+		const config = this.config();
+		if (!config?.disabled) return void 0;
+		return config.disabled[name];
+	}
+	handleMenuAction(item) {
+		const button = this.mergedButtons().find((b) => b.name === item.id);
+		this.clicked.emit(button);
+	}
+	updateProperty = () => {
+		const updatedConfig = {};
+		const vertical = this.vertical();
+		if (typeof vertical !== "undefined") updatedConfig.vertical = vertical;
+		this.config.update((prev) => ({
+			...prev ?? {},
+			...updatedConfig
+		}));
+	};
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ButtonGroupComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: ButtonGroupComponent,
+		isStandalone: true,
+		selector: "m-button-group, m-one-button-group",
+		inputs: {
+			buttons: {
+				classPropertyName: "buttons",
+				publicName: "buttons",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			names: {
+				classPropertyName: "names",
+				publicName: "names",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			exclude: {
+				classPropertyName: "exclude",
+				publicName: "exclude",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			vertical: {
+				classPropertyName: "vertical",
+				publicName: "vertical",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { clicked: "clicked" },
+		host: { properties: { "style.font-size": "sizeLength()" } },
+		providers: [provideSizeContext(ButtonGroupComponent)],
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    @if (config(); as group) {
+      <div
+        class="button-group {{ classList() }}"
+        [class.is-context]="group.isContext"
+      >
+        @if (group.isContext) {
+          @if (primaryButton(); as primary) {
+            <m-button
+              [variant]="isPrimaryVisible() ? 'primary' : undefined"
+              [disabled]="isDisabled(primary.name)"
+              [color]="group.color"
+              [config]="primary"
+              [name]="primary.name"
+              [one]="isFromOne()"
+              [remote]="remote() ?? group.remote"
+              (clicked)="clicked.emit($event)"
+            />
+          }
+          @if (secondaryActions(); as actions) {
+            <m-context-menu
+              [config]="{
+                icon: {
+                  name: config()?.contextMenuIcon ?? 'ellipsis-vertical',
+                  color: contextMenuIconColor(),
+                },
+                options: actions,
+              }"
+              [inverted]="group.inverted"
+              [remote]="remote() ?? group.remote"
+              (action)="handleMenuAction($event)"
+            />
+          }
+        } @else {
+          @for (button of mergedButtons(); track $index) {
+            <m-button
+              [variant]="isPrimary(button.name) ? 'primary' : undefined"
+              [disabled]="isDisabled(button.name)"
+              [color]="group.color"
+              [config]="button"
+              [name]="button.name"
+              [one]="isFromOne()"
+              [remote]="remote() ?? group.remote"
+              (clicked)="clicked.emit($event)"
+            />
+          }
+        }
+      </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)}}m-button-group .button-group:not(.is-context),m-one-button-group .button-group:not(.is-context){display:flex;flex-wrap:wrap;align-items:stretch;gap:.375em}m-button-group .button-group:not(.is-context).vertical,m-one-button-group .button-group:not(.is-context).vertical{flex-direction:column;align-items:center}m-button-group .button-group:not(.is-context).horizontal,m-one-button-group .button-group:not(.is-context).horizontal{flex-direction:row;align-items:center}m-button-group .button-group:not(.is-context).align-right,m-one-button-group .button-group:not(.is-context).align-right{justify-content:flex-end}m-button-group .button-group:not(.is-context).align-center,m-button-group .button-group:not(.is-context).center,m-one-button-group .button-group:not(.is-context).align-center,m-one-button-group .button-group:not(.is-context).center{justify-content:center}m-button-group .button-group:not(.is-context).align-left,m-one-button-group .button-group:not(.is-context).align-left{justify-content:flex-start}m-button-group .button-group.is-context,m-one-button-group .button-group.is-context{--m-grp-height: var(--m-button-group-height, 2.75em);--m-grp-radius: var(--m-button-group-radius, .875em);display:inline-flex;align-items:stretch;height:var(--m-grp-height);border-radius:var(--m-grp-radius);background:transparent;overflow:visible;position:relative;gap:.375em;will-change:transform;transition:transform .4s cubic-bezier(.16,1,.3,1)}m-button-group .button-group.is-context.is-primary,m-one-button-group .button-group.is-context.is-primary{background:var(--m-button-group-color-opposite, var(--m-one-button-group-color-opposite, var(--m-mm-dark)));--m-button-color-contrast: var(--m-inverse-text);--m-button-hover-background: rgba(0, 0, 0, .12)}m-button-group .button-group.is-context.is-primary m-button,m-button-group .button-group.is-context.is-primary m-one-button,m-button-group .button-group.is-context.is-primary .m-button,m-button-group .button-group.is-context.is-primary .m-one-button,m-one-button-group .button-group.is-context.is-primary m-button,m-one-button-group .button-group.is-context.is-primary m-one-button,m-one-button-group .button-group.is-context.is-primary .m-button,m-one-button-group .button-group.is-context.is-primary .m-one-button{--m-button-hover-background: rgba(0, 0, 0, .1)}m-button-group .button-group.is-context.is-primary m-context-menu,m-button-group .button-group.is-context.is-primary m-one-context-menu,m-button-group .button-group.is-context.is-primary .m-context-menu,m-one-button-group .button-group.is-context.is-primary m-context-menu,m-one-button-group .button-group.is-context.is-primary m-one-context-menu,m-one-button-group .button-group.is-context.is-primary .m-context-menu{--m-action-dots-hover-icon-color: var(--m-inverse-text)}m-button-group .button-group.is-context.is-primary m-context-menu:hover,m-button-group .button-group.is-context.is-primary m-one-context-menu:hover,m-button-group .button-group.is-context.is-primary .m-context-menu:hover,m-one-button-group .button-group.is-context.is-primary m-context-menu:hover,m-one-button-group .button-group.is-context.is-primary m-one-context-menu:hover,m-one-button-group .button-group.is-context.is-primary .m-context-menu:hover{background:#00000026}m-button-group .button-group.is-context:hover,m-one-button-group .button-group.is-context:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000001a}m-button-group .button-group.is-context:active,m-one-button-group .button-group.is-context:active{transform:scale(.98)}m-button-group .button-group.is-context m-button,m-button-group .button-group.is-context m-one-button,m-button-group .button-group.is-context .m-button,m-button-group .button-group.is-context .m-one-button,m-one-button-group .button-group.is-context m-button,m-one-button-group .button-group.is-context m-one-button,m-one-button-group .button-group.is-context .m-button,m-one-button-group .button-group.is-context .m-one-button{flex:1;z-index:2;height:100%;--m-button-border: none;--m-button-radius: 0;--m-button-padding: 0 1.25rem;--m-button-background: transparent;--m-button-hover-background: rgba(0, 0, 0, .05);transition:all .3s cubic-bezier(.16,1,.3,1)}m-button-group .button-group.is-context m-button button,m-button-group .button-group.is-context m-one-button button,m-button-group .button-group.is-context .m-button button,m-button-group .button-group.is-context .m-one-button button,m-one-button-group .button-group.is-context m-button button,m-one-button-group .button-group.is-context m-one-button button,m-one-button-group .button-group.is-context .m-button button,m-one-button-group .button-group.is-context .m-one-button button{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-top-left-radius:var(--m-grp-radius)!important;border-bottom-left-radius:var(--m-grp-radius)!important}m-button-group .button-group.is-context m-button button:hover,m-button-group .button-group.is-context m-one-button button:hover,m-button-group .button-group.is-context .m-button button:hover,m-button-group .button-group.is-context .m-one-button button:hover,m-one-button-group .button-group.is-context m-button button:hover,m-one-button-group .button-group.is-context m-one-button button:hover,m-one-button-group .button-group.is-context .m-button button:hover,m-one-button-group .button-group.is-context .m-one-button button:hover{transform:none!important;box-shadow:none!important}m-button-group .button-group.is-context m-button button:active,m-button-group .button-group.is-context m-one-button button:active,m-button-group .button-group.is-context .m-button button:active,m-button-group .button-group.is-context .m-one-button button:active,m-one-button-group .button-group.is-context m-button button:active,m-one-button-group .button-group.is-context m-one-button button:active,m-one-button-group .button-group.is-context .m-button button:active,m-one-button-group .button-group.is-context .m-one-button button:active{transform:none!important}m-button-group .button-group.is-context m-button,m-button-group .button-group.is-context m-one-button,m-button-group .button-group.is-context .m-button,m-button-group .button-group.is-context .m-one-button,m-one-button-group .button-group.is-context m-button,m-one-button-group .button-group.is-context m-one-button,m-one-button-group .button-group.is-context .m-button,m-one-button-group .button-group.is-context .m-one-button{--m-button-radius: var(--m-grp-radius)}m-button-group .button-group.is-context m-button button,m-button-group .button-group.is-context m-one-button button,m-button-group .button-group.is-context .m-button button,m-button-group .button-group.is-context .m-one-button button,m-one-button-group .button-group.is-context m-button button,m-one-button-group .button-group.is-context m-one-button button,m-one-button-group .button-group.is-context .m-button button,m-one-button-group .button-group.is-context .m-one-button button{border-radius:var(--m-grp-radius)!important}m-button-group .button-group.is-context m-context-menu,m-button-group .button-group.is-context m-one-context-menu,m-button-group .button-group.is-context .m-context-menu,m-one-button-group .button-group.is-context m-context-menu,m-one-button-group .button-group.is-context m-one-context-menu,m-one-button-group .button-group.is-context .m-context-menu{display:flex;align-items:center;justify-content:center;width:var(--m-grp-height);height:100%;z-index:2;transition:all .4s cubic-bezier(.16,1,.3,1);border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:var(--m-grp-radius)!important;border-bottom-right-radius:var(--m-grp-radius)!important;overflow:hidden;--m-action-dots-padding: 0;--m-action-dots-width: 100%;--m-action-dots-height: 100%;--m-action-dots-icon-color: var(--m-text-secondary);--m-action-dots-icon-opacity: .7;--m-action-dots-hover-icon-color: var(--m-mm);--m-action-dots-hover-icon-opacity: 1;--m-action-dots-hover-icon-transform: scale(1.1)}m-button-group .button-group.is-context m-context-menu .action-dots,m-button-group .button-group.is-context m-one-context-menu .action-dots,m-button-group .button-group.is-context .m-context-menu .action-dots,m-one-button-group .button-group.is-context m-context-menu .action-dots,m-one-button-group .button-group.is-context m-one-context-menu .action-dots,m-one-button-group .button-group.is-context .m-context-menu .action-dots{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:var(--m-grp-radius)!important;border-bottom-right-radius:var(--m-grp-radius)!important}m-button-group .button-group.is-context m-context-menu:hover,m-button-group .button-group.is-context m-one-context-menu:hover,m-button-group .button-group.is-context .m-context-menu:hover,m-one-button-group .button-group.is-context m-context-menu:hover,m-one-button-group .button-group.is-context m-one-context-menu:hover,m-one-button-group .button-group.is-context .m-context-menu:hover{background:#0000000f}\n"],
+		dependencies: [{
+			kind: "component",
+			type: i0.forwardRef(() => ButtonComponent),
+			selector: "m-button,m-one-button",
+			inputs: [
+				"config",
+				"color",
+				"labelClass",
+				"fullWidth",
+				"nav",
+				"navParams",
+				"href",
+				"disabled",
+				"variant",
+				"name",
+				"baseUrl",
+				"one",
+				"remote",
+				"label",
+				"noTranslate",
+				"params",
+				"noNative",
+				"icon",
+				"isRightIcon",
+				"iconOnly",
+				"stacked",
+				"imgSrc",
+				"nonClickable",
+				"inverted",
+				"isSubmit",
+				"tabindex"
+			],
+			outputs: ["configChange", "clicked"]
+		}, {
+			kind: "component",
+			type: i0.forwardRef(() => ContextMenuComponent),
+			selector: "m-context-menu, m-one-context-menu",
+			inputs: [
+				"toggle",
+				"remote",
+				"exclude",
+				"visibilityRule",
+				"disableRule",
+				"extraData",
+				"inverted",
+				"options"
+			],
+			outputs: ["toggleChange", "action"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: ButtonGroupComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "m-button-group, m-one-button-group",
+			template: `
+    @if (config(); as group) {
+      <div
+        class="button-group {{ classList() }}"
+        [class.is-context]="group.isContext"
+      >
+        @if (group.isContext) {
+          @if (primaryButton(); as primary) {
+            <m-button
+              [variant]="isPrimaryVisible() ? 'primary' : undefined"
+              [disabled]="isDisabled(primary.name)"
+              [color]="group.color"
+              [config]="primary"
+              [name]="primary.name"
+              [one]="isFromOne()"
+              [remote]="remote() ?? group.remote"
+              (clicked)="clicked.emit($event)"
+            />
+          }
+          @if (secondaryActions(); as actions) {
+            <m-context-menu
+              [config]="{
+                icon: {
+                  name: config()?.contextMenuIcon ?? 'ellipsis-vertical',
+                  color: contextMenuIconColor(),
+                },
+                options: actions,
+              }"
+              [inverted]="group.inverted"
+              [remote]="remote() ?? group.remote"
+              (action)="handleMenuAction($event)"
+            />
+          }
+        } @else {
+          @for (button of mergedButtons(); track $index) {
+            <m-button
+              [variant]="isPrimary(button.name) ? 'primary' : undefined"
+              [disabled]="isDisabled(button.name)"
+              [color]="group.color"
+              [config]="button"
+              [name]="button.name"
+              [one]="isFromOne()"
+              [remote]="remote() ?? group.remote"
+              (clicked)="clicked.emit($event)"
+            />
+          }
+        }
+      </div>
+    }
+  `,
+			imports: [forwardRef(() => ButtonComponent), ContextMenuComponent],
+			encapsulation: ViewEncapsulation.None,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { "[style.font-size]": "sizeLength()" },
+			providers: [provideSizeContext(ButtonGroupComponent)],
+			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-button-group .button-group:not(.is-context),m-one-button-group .button-group:not(.is-context){display:flex;flex-wrap:wrap;align-items:stretch;gap:.375em}m-button-group .button-group:not(.is-context).vertical,m-one-button-group .button-group:not(.is-context).vertical{flex-direction:column;align-items:center}m-button-group .button-group:not(.is-context).horizontal,m-one-button-group .button-group:not(.is-context).horizontal{flex-direction:row;align-items:center}m-button-group .button-group:not(.is-context).align-right,m-one-button-group .button-group:not(.is-context).align-right{justify-content:flex-end}m-button-group .button-group:not(.is-context).align-center,m-button-group .button-group:not(.is-context).center,m-one-button-group .button-group:not(.is-context).align-center,m-one-button-group .button-group:not(.is-context).center{justify-content:center}m-button-group .button-group:not(.is-context).align-left,m-one-button-group .button-group:not(.is-context).align-left{justify-content:flex-start}m-button-group .button-group.is-context,m-one-button-group .button-group.is-context{--m-grp-height: var(--m-button-group-height, 2.75em);--m-grp-radius: var(--m-button-group-radius, .875em);display:inline-flex;align-items:stretch;height:var(--m-grp-height);border-radius:var(--m-grp-radius);background:transparent;overflow:visible;position:relative;gap:.375em;will-change:transform;transition:transform .4s cubic-bezier(.16,1,.3,1)}m-button-group .button-group.is-context.is-primary,m-one-button-group .button-group.is-context.is-primary{background:var(--m-button-group-color-opposite, var(--m-one-button-group-color-opposite, var(--m-mm-dark)));--m-button-color-contrast: var(--m-inverse-text);--m-button-hover-background: rgba(0, 0, 0, .12)}m-button-group .button-group.is-context.is-primary m-button,m-button-group .button-group.is-context.is-primary m-one-button,m-button-group .button-group.is-context.is-primary .m-button,m-button-group .button-group.is-context.is-primary .m-one-button,m-one-button-group .button-group.is-context.is-primary m-button,m-one-button-group .button-group.is-context.is-primary m-one-button,m-one-button-group .button-group.is-context.is-primary .m-button,m-one-button-group .button-group.is-context.is-primary .m-one-button{--m-button-hover-background: rgba(0, 0, 0, .1)}m-button-group .button-group.is-context.is-primary m-context-menu,m-button-group .button-group.is-context.is-primary m-one-context-menu,m-button-group .button-group.is-context.is-primary .m-context-menu,m-one-button-group .button-group.is-context.is-primary m-context-menu,m-one-button-group .button-group.is-context.is-primary m-one-context-menu,m-one-button-group .button-group.is-context.is-primary .m-context-menu{--m-action-dots-hover-icon-color: var(--m-inverse-text)}m-button-group .button-group.is-context.is-primary m-context-menu:hover,m-button-group .button-group.is-context.is-primary m-one-context-menu:hover,m-button-group .button-group.is-context.is-primary .m-context-menu:hover,m-one-button-group .button-group.is-context.is-primary m-context-menu:hover,m-one-button-group .button-group.is-context.is-primary m-one-context-menu:hover,m-one-button-group .button-group.is-context.is-primary .m-context-menu:hover{background:#00000026}m-button-group .button-group.is-context:hover,m-one-button-group .button-group.is-context:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000001a}m-button-group .button-group.is-context:active,m-one-button-group .button-group.is-context:active{transform:scale(.98)}m-button-group .button-group.is-context m-button,m-button-group .button-group.is-context m-one-button,m-button-group .button-group.is-context .m-button,m-button-group .button-group.is-context .m-one-button,m-one-button-group .button-group.is-context m-button,m-one-button-group .button-group.is-context m-one-button,m-one-button-group .button-group.is-context .m-button,m-one-button-group .button-group.is-context .m-one-button{flex:1;z-index:2;height:100%;--m-button-border: none;--m-button-radius: 0;--m-button-padding: 0 1.25rem;--m-button-background: transparent;--m-button-hover-background: rgba(0, 0, 0, .05);transition:all .3s cubic-bezier(.16,1,.3,1)}m-button-group .button-group.is-context m-button button,m-button-group .button-group.is-context m-one-button button,m-button-group .button-group.is-context .m-button button,m-button-group .button-group.is-context .m-one-button button,m-one-button-group .button-group.is-context m-button button,m-one-button-group .button-group.is-context m-one-button button,m-one-button-group .button-group.is-context .m-button button,m-one-button-group .button-group.is-context .m-one-button button{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-top-left-radius:var(--m-grp-radius)!important;border-bottom-left-radius:var(--m-grp-radius)!important}m-button-group .button-group.is-context m-button button:hover,m-button-group .button-group.is-context m-one-button button:hover,m-button-group .button-group.is-context .m-button button:hover,m-button-group .button-group.is-context .m-one-button button:hover,m-one-button-group .button-group.is-context m-button button:hover,m-one-button-group .button-group.is-context m-one-button button:hover,m-one-button-group .button-group.is-context .m-button button:hover,m-one-button-group .button-group.is-context .m-one-button button:hover{transform:none!important;box-shadow:none!important}m-button-group .button-group.is-context m-button button:active,m-button-group .button-group.is-context m-one-button button:active,m-button-group .button-group.is-context .m-button button:active,m-button-group .button-group.is-context .m-one-button button:active,m-one-button-group .button-group.is-context m-button button:active,m-one-button-group .button-group.is-context m-one-button button:active,m-one-button-group .button-group.is-context .m-button button:active,m-one-button-group .button-group.is-context .m-one-button button:active{transform:none!important}m-button-group .button-group.is-context m-button,m-button-group .button-group.is-context m-one-button,m-button-group .button-group.is-context .m-button,m-button-group .button-group.is-context .m-one-button,m-one-button-group .button-group.is-context m-button,m-one-button-group .button-group.is-context m-one-button,m-one-button-group .button-group.is-context .m-button,m-one-button-group .button-group.is-context .m-one-button{--m-button-radius: var(--m-grp-radius)}m-button-group .button-group.is-context m-button button,m-button-group .button-group.is-context m-one-button button,m-button-group .button-group.is-context .m-button button,m-button-group .button-group.is-context .m-one-button button,m-one-button-group .button-group.is-context m-button button,m-one-button-group .button-group.is-context m-one-button button,m-one-button-group .button-group.is-context .m-button button,m-one-button-group .button-group.is-context .m-one-button button{border-radius:var(--m-grp-radius)!important}m-button-group .button-group.is-context m-context-menu,m-button-group .button-group.is-context m-one-context-menu,m-button-group .button-group.is-context .m-context-menu,m-one-button-group .button-group.is-context m-context-menu,m-one-button-group .button-group.is-context m-one-context-menu,m-one-button-group .button-group.is-context .m-context-menu{display:flex;align-items:center;justify-content:center;width:var(--m-grp-height);height:100%;z-index:2;transition:all .4s cubic-bezier(.16,1,.3,1);border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:var(--m-grp-radius)!important;border-bottom-right-radius:var(--m-grp-radius)!important;overflow:hidden;--m-action-dots-padding: 0;--m-action-dots-width: 100%;--m-action-dots-height: 100%;--m-action-dots-icon-color: var(--m-text-secondary);--m-action-dots-icon-opacity: .7;--m-action-dots-hover-icon-color: var(--m-mm);--m-action-dots-hover-icon-opacity: 1;--m-action-dots-hover-icon-transform: scale(1.1)}m-button-group .button-group.is-context m-context-menu .action-dots,m-button-group .button-group.is-context m-one-context-menu .action-dots,m-button-group .button-group.is-context .m-context-menu .action-dots,m-one-button-group .button-group.is-context m-context-menu .action-dots,m-one-button-group .button-group.is-context m-one-context-menu .action-dots,m-one-button-group .button-group.is-context .m-context-menu .action-dots{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:var(--m-grp-radius)!important;border-bottom-right-radius:var(--m-grp-radius)!important}m-button-group .button-group.is-context m-context-menu:hover,m-button-group .button-group.is-context m-one-context-menu:hover,m-button-group .button-group.is-context .m-context-menu:hover,m-one-button-group .button-group.is-context m-context-menu:hover,m-one-button-group .button-group.is-context m-one-context-menu:hover,m-one-button-group .button-group.is-context .m-context-menu:hover{background:#0000000f}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		buttons: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "buttons",
+				required: false
+			}]
+		}],
+		names: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "names",
+				required: false
+			}]
+		}],
+		exclude: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "exclude",
+				required: false
+			}]
+		}],
+		vertical: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "vertical",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		clicked: [{
+			type: i0.Output,
+			args: ["clicked"]
+		}]
+	}
+});
+export { mergeUniqueWith as i, mergeUnique as n, mergeUniqueBy as r, ButtonGroupComponent as t };
+
+//# sourceMappingURL=magmonium-one-group-Cue4x6tD.mjs.map

package/fesm2022/magmonium-one-group-Cue4x6tD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"magmonium-one-group-Cue4x6tD.mjs","names":[],"sources":["../../../../libs/one/src/lib/shared/lib/utils/array.ts","../../../../libs/one/src/lib/shared/ui/button/ui/group/group.ts"],"sourcesContent":["/**\n * Merges multiple arrays and removes duplicates\n * @param arrays - Arrays to merge\n * @returns Merged array with unique values\n */\nexport function mergeUnique<T>(...arrays: T[][]): T[] {\n  return [...new Set(arrays.flat())];\n}\n\n/**\n * Merges arrays of objects and removes duplicates by key\n * @param arrays - Arrays to merge\n * @param key - Property to use for uniqueness check\n * @returns Merged array with unique objects\n */\nexport function mergeUniqueBy<T, K extends keyof T>(\n  arrays: T[][],\n  key: K\n): T[] {\n  const map = new Map<T[K], T>();\n\n  arrays.flat().forEach((item) => {\n    if (!map.has(item[key])) {\n      map.set(item[key], item);\n    }\n  });\n\n  return Array.from(map.values());\n}\n\n/**\n * Merges arrays with custom comparator\n */\nexport function mergeUniqueWith<T>(\n  arrays: T[][],\n  compareFn: (item: T) => unknown\n): T[] {\n  const map = new Map<unknown, T>();\n\n  arrays.flat().forEach((item) => {\n    const key = compareFn(item);\n    if (!map.has(key)) {\n      map.set(key, item);\n    }\n  });\n\n  return Array.from(map.values());\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  forwardRef,\n  input,\n  output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { Button, ButtonGroup } from '../../type/button';\nimport { ButtonComponent } from '../button';\nimport { ConfigComponent } from '../../../../lib/components/config-component';\nimport { mergeUnique } from '../../../../lib/utils/array';\nimport { ContextMenuComponent, MenuItem } from '../../../menu';\nimport { rxResource } from '@angular/core/rxjs-interop';\nimport { forkJoin, map, of } from 'rxjs';\nimport { deriveContrastColor } from '../../../../functions/color/operations';\n\nimport { deriveGroupClass } from '../../lib';\nimport {\n  injectParentSize,\n  provideSizeContext,\n} from '../../../../config/size-context.token';\nimport { Size } from '../../../../enum/scaling/size';\nimport {\n  coerceSize,\n  resolveSize,\n} from '../../../../functions/size/size-converter';\n\n@Component({\n  selector: 'm-button-group, m-one-button-group',\n  template: `\n    @if (config(); as group) {\n      <div\n        class=\"button-group {{ classList() }}\"\n        [class.is-context]=\"group.isContext\"\n      >\n        @if (group.isContext) {\n          @if (primaryButton(); as primary) {\n            <m-button\n              [variant]=\"isPrimaryVisible() ? 'primary' : undefined\"\n              [disabled]=\"isDisabled(primary.name)\"\n              [color]=\"group.color\"\n              [config]=\"primary\"\n              [name]=\"primary.name\"\n              [one]=\"isFromOne()\"\n              [remote]=\"remote() ?? group.remote\"\n              (clicked)=\"clicked.emit($event)\"\n            />\n          }\n          @if (secondaryActions(); as actions) {\n            <m-context-menu\n              [config]=\"{\n                icon: {\n                  name: config()?.contextMenuIcon ?? 'ellipsis-vertical',\n                  color: contextMenuIconColor(),\n                },\n                options: actions,\n              }\"\n              [inverted]=\"group.inverted\"\n              [remote]=\"remote() ?? group.remote\"\n              (action)=\"handleMenuAction($event)\"\n            />\n          }\n        } @else {\n          @for (button of mergedButtons(); track $index) {\n            <m-button\n              [variant]=\"isPrimary(button.name) ? 'primary' : undefined\"\n              [disabled]=\"isDisabled(button.name)\"\n              [color]=\"group.color\"\n              [config]=\"button\"\n              [name]=\"button.name\"\n              [one]=\"isFromOne()\"\n              [remote]=\"remote() ?? group.remote\"\n              (clicked)=\"clicked.emit($event)\"\n            />\n          }\n        }\n      </div>\n    }\n  `,\n  imports: [forwardRef(() => ButtonComponent), ContextMenuComponent],\n  styleUrls: ['./group.sass'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    // The one non-Section that may declare a Size, because a cluster of\n    // actions routinely needs to differ from the region holding it (ADR 0008).\n    '[style.font-size]': 'sizeLength()',\n  },\n  providers: [\n    provideSizeContext(ButtonGroupComponent),\n  ],\n})\nexport class ButtonGroupComponent extends ConfigComponent<ButtonGroup> {\n  // to overwrite specific button config\n  buttons = input<Record<string, Partial<Button>>>();\n\n  // to add names\n  names = input<string[]>();\n  exclude = input<string[]>();\n  vertical = input<boolean | undefined>();\n\n  size = input<Size | undefined>();\n\n  private readonly parentSize = injectParentSize();\n\n  readonly resolvedSize = computed<Size>(() =>\n    coerceSize(this.size(), this.config()?.size, this.parentSize?.size())\n  );\n  protected readonly sizeLength = computed(() =>\n    resolveSize(this.resolvedSize())\n  );\n\n  override subFolder = 'button_groups';\n  readonly clicked = output<Button | undefined>();\n\n  protected readonly classList = computed(() => {\n    const base = deriveGroupClass(this.config());\n    if (this.isPrimaryVisible()) {\n      return base.includes('is-primary') ? base : `${base} is-primary`.trim();\n    }\n    return base.replace('is-primary', '').trim();\n  });\n\n  protected readonly isPrimaryVisible = computed(() => {\n    const primary = this.primaryButton();\n    if (!primary) return false;\n    return !!(this.isPrimary(primary.name) || primary.variant === 'primary');\n  });\n\n  protected readonly contextMenuIconColor = computed(() => {\n    if (!this.isPrimaryVisible()) {\n      return undefined;\n    }\n    const oppColor = this.pallet()?.oppositeColor;\n    if (oppColor) {\n      return deriveContrastColor(oppColor);\n    }\n    return 'white';\n  });\n\n  protected readonly mergedNames = computed(() => {\n    const exclude = this.exclude() ?? [];\n    const names = mergeUnique<string>(\n      this.names() ?? [],\n      this.config()?.names ?? []\n    ).filter((name) => !exclude.includes(name));\n    const buttonNames = new Set(this.mergedButtons().map((b) => b.name));\n    return names.filter((name) => !buttonNames.has(name));\n  });\n\n  protected readonly buttonsResource = rxResource({\n    params: () => {\n      const config = this.config();\n      if (!config?.isContext) return undefined;\n\n      const namesFromAsset = config.names ?? [];\n      const buttonNamesFromAsset = config.buttons?.map((b) => b.name) ?? [];\n      const manualNames = this.names() ?? [];\n\n      const allNames = mergeUnique<string>(\n        manualNames,\n        mergeUnique<string>(namesFromAsset, buttonNamesFromAsset as string[])\n      );\n\n      if (allNames.length === 0) return undefined;\n\n      return { names: allNames, isOne: this.isFromOne() };\n    },\n    stream: ({ params }) => {\n      if (!params) return of([]);\n      return forkJoin(\n        params.names.map((name) =>\n          this.assetStore\n            .resolve<Button>('buttons', name, params.isOne)\n            .pipe(map((button) => ({ ...button, name })))\n        )\n      );\n    },\n  });\n\n  protected readonly mergedButtons = computed(() => {\n    const config = this.config();\n    const buttonOverrides = this.buttons();\n    const exclude = this.exclude() ?? [];\n\n    // If isContext is true, we use the resolved buttons from the resource\n    // Otherwise we use buttons from config, and also include names as partial buttons\n    const yamlButtons = (\n      config?.isContext\n        ? (this.buttonsResource.value() ?? [])\n        : [\n            ...(config?.buttons ?? []),\n            ...(config?.names?.map((name) => ({ name }) as Button) ?? []),\n          ]\n    ).map((b) => (typeof b === 'string' ? ({ name: b } as Button) : b));\n\n    const merged = yamlButtons\n      .filter((b) => !b.name || !exclude.includes(b.name))\n      .map((button) => ({\n        ...button,\n        ...(button.name && buttonOverrides?.[button.name]\n          ? buttonOverrides[button.name]\n          : {}),\n      }));\n\n    if (!buttonOverrides) {\n      return merged;\n    }\n\n    const yamlNames = new Set(yamlButtons.map((b) => b.name));\n    const configNames = new Set(config?.names ?? []);\n    const extra = Object.entries(buttonOverrides)\n      .filter(\n        ([name]) =>\n          !yamlNames.has(name) &&\n          !configNames.has(name) &&\n          !exclude.includes(name)\n      )\n      .map(([name, override]) => ({ name, ...override }) as Button);\n\n    return [...merged, ...extra];\n  });\n\n  protected readonly primaryButton = computed(() => {\n    const buttons = this.mergedButtons();\n    const primaryName = this.config()?.primary;\n    if (!primaryName) return buttons[0];\n    return buttons.find((b) => b.name === primaryName) ?? buttons[0];\n  });\n\n  protected readonly secondaryActions = computed<MenuItem[][] | undefined>(\n    () => {\n      const primary = this.primaryButton();\n      const secondary = this.mergedButtons().filter((b) => b !== primary);\n\n      if (secondary.length === 0) return undefined;\n\n      const items: MenuItem[] = secondary.map((b) => ({\n        id: b.name ?? '',\n        label: b.label ?? b.name ?? '',\n        icon: b.icon,\n        nav: b.nav,\n        link: b.href,\n        disabled: b.disabled ? true : undefined,\n      }));\n\n      return [items];\n    }\n  );\n\n  constructor() {\n    super();\n    effect(this.updateProperty);\n  }\n\n  isPrimary(name?: string): true | undefined {\n    const config = this.config();\n    if (!config?.primary || !name) {\n      return undefined;\n    }\n    return name === config.primary ? true : undefined;\n  }\n\n  isDisabled(name?: string): boolean | undefined {\n    if (!name) return undefined;\n    const buttonOverride = this.buttons()?.[name];\n    if (typeof buttonOverride?.disabled !== 'undefined') {\n      return buttonOverride.disabled;\n    }\n    const config = this.config();\n    if (!config?.disabled) return undefined;\n    return config.disabled[name];\n  }\n\n  protected handleMenuAction(item: MenuItem) {\n    const button = this.mergedButtons().find((b) => b.name === item.id);\n    this.clicked.emit(button);\n  }\n\n  private readonly updateProperty = (): void => {\n    const updatedConfig = <ButtonGroup>{};\n    const vertical = this.vertical();\n    if (typeof vertical !== 'undefined') {\n      updatedConfig.vertical = vertical;\n    }\n    this.config.update((prev) => ({\n      ...(prev ?? {}),\n      ...updatedConfig,\n    }));\n  };\n\n}\n"],"mappings":";;;;;;;;;;AAKA,SAAgB,YAAe,GAAG,QAAa;CAC7C,OAAO,CAAC,GAAG,IAAI,IAAI,OAAO,KAAI,CAAE,CAAC;AACnC;AAQA,SAAgB,cACd,QACA,KAAM;CAEN,MAAM,sBAAM,IAAI,IAAG;CAEnB,OAAO,KAAI,CAAE,CAAC,SAAS,SAAQ;EAC7B,IAAI,CAAC,IAAI,IAAI,KAAK,IAAI,GACpB,IAAI,IAAI,KAAK,MAAM,IAAI;CAE3B,CAAC;CAED,OAAO,MAAM,KAAK,IAAI,OAAM,CAAE;AAChC;AAKA,SAAgB,gBACd,QACA,WAA+B;CAE/B,MAAM,sBAAM,IAAI,IAAG;CAEnB,OAAO,KAAI,CAAE,CAAC,SAAS,SAAQ;EAC7B,MAAM,MAAM,UAAU,IAAI;EAC1B,IAAI,CAAC,IAAI,IAAI,GAAG,GACd,IAAI,IAAI,KAAK,IAAI;CAErB,CAAC;CAED,OAAO,MAAM,KAAK,IAAI,OAAM,CAAE;AAChC;ACgDA,IAAa,uBAAb,MAAa,6BAA6B,gBAA4B;CAEpE,UAAU,MAAwC,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAGlD,QAAQ,MAAiB,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CACzB,UAAU,MAAiB,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAC3B,WAAW,MAA4B,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAEvC,OAAO,MAAyB,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAEf,aAAa,iBAAgB;CAErC,eAAe,eACtB,WAAW,KAAK,KAAI,GAAI,KAAK,OAAM,CAAE,EAAE,MAAM,KAAK,YAAY,KAAI,CAAE,GACrE,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CACkB,aAAa,eAC9B,YAAY,KAAK,aAAY,CAAE,GAChC,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CAEQ,YAAY;CACZ,UAAU,OAAM;CAEN,YAAY,eAAc;EAC3C,MAAM,OAAO,iBAAiB,KAAK,OAAM,CAAE;EAC3C,IAAI,KAAK,iBAAgB,GACvB,OAAO,KAAK,SAAS,YAAY,IAAI,OAAO,GAAG,KAAI,aAAc,KAAI;EAEvE,OAAO,KAAK,QAAQ,cAAc,EAAE,CAAC,CAAC,KAAI;CAC5C,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAEiB,mBAAmB,eAAc;EAClD,MAAM,UAAU,KAAK,cAAa;EAClC,IAAI,CAAC,SAAS,OAAO;EACrB,OAAO,CAAC,EAAE,KAAK,UAAU,QAAQ,IAAI,KAAK,QAAQ,YAAY;CAChE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,mBAAA,CAAA,+BAAA,CAAA,CAAA;CAEiB,uBAAuB,eAAc;EACtD,IAAI,CAAC,KAAK,iBAAgB,GACxB;EAEF,MAAM,WAAW,KAAK,OAAM,CAAE,EAAE;EAChC,IAAI,UACF,OAAO,oBAAoB,QAAQ;EAErC,OAAO;CACT,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,uBAAA,CAAA,+BAAA,CAAA,CAAA;CAEiB,cAAc,eAAc;EAC7C,MAAM,UAAU,KAAK,QAAO,KAAM,CAAA;EAClC,MAAM,QAAQ,YACZ,KAAK,MAAK,KAAM,CAAA,GAChB,KAAK,OAAM,CAAE,EAAE,SAAS,CAAA,CAAE,CAC3B,CAAC,QAAQ,SAAS,CAAC,QAAQ,SAAS,IAAI,CAAC;EAC1C,MAAM,cAAc,IAAI,IAAI,KAAK,cAAa,CAAE,CAAC,KAAK,MAAM,EAAE,IAAI,CAAC;EACnE,OAAO,MAAM,QAAQ,SAAS,CAAC,YAAY,IAAI,IAAI,CAAC;CACtD,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAEiB,kBAAkB,WAAW;EAC9C,cAAa;GACX,MAAM,SAAS,KAAK,OAAM;GAC1B,IAAI,CAAC,QAAQ,WAAW,OAAO;GAE/B,MAAM,iBAAiB,OAAO,SAAS,CAAA;GACvC,MAAM,uBAAuB,OAAO,SAAS,KAAK,MAAM,EAAE,IAAI,KAAK,CAAA;GAGnE,MAAM,WAAW,YAFG,KAAK,MAAK,KAAM,CAAA,GAIlC,YAAoB,gBAAgB,oBAAgC,CAAC;GAGvE,IAAI,SAAS,WAAW,GAAG,OAAO;GAElC,OAAO;IAAE,OAAO;IAAU,OAAO,KAAK,UAAS;GAAE;EACnD;EACA,SAAS,EAAE,aAAY;GACrB,IAAI,CAAC,QAAQ,OAAO,GAAG,CAAA,CAAE;GACzB,OAAO,SACL,OAAO,MAAM,KAAK,SAChB,KAAK,WACF,QAAgB,WAAW,MAAM,OAAO,KAAK,CAAC,CAC9C,KAAK,KAAK,YAAY;IAAE,GAAG;IAAQ;GAAI,EAAG,CAAC,CAAC,CAChD;EAEL;CACD,CAAA;CAEkB,gBAAgB,eAAc;EAC/C,MAAM,SAAS,KAAK,OAAM;EAC1B,MAAM,kBAAkB,KAAK,QAAO;EACpC,MAAM,UAAU,KAAK,QAAO,KAAM,CAAA;EAIlC,MAAM,eACJ,QAAQ,YACH,KAAK,gBAAgB,MAAK,KAAM,CAAA,IACjC,CACE,GAAI,QAAQ,WAAW,CAAA,GACvB,GAAI,QAAQ,OAAO,KAAK,UAAU,EAAE,KAAI,EAAa,KAAK,CAAA,CAC3D,EAAA,CACL,KAAK,MAAO,OAAO,MAAM,WAAY,EAAE,MAAM,EAAC,IAAgB,CAAE;EAElE,MAAM,SAAS,YACZ,QAAQ,MAAM,CAAC,EAAE,QAAQ,CAAC,QAAQ,SAAS,EAAE,IAAI,CAAC,CAAC,CACnD,KAAK,YAAY;GAChB,GAAG;GACH,GAAI,OAAO,QAAQ,kBAAkB,OAAO,QACxC,gBAAgB,OAAO,QACvB,CAAA;EACL,EAAC;EAEJ,IAAI,CAAC,iBACH,OAAO;EAGT,MAAM,YAAY,IAAI,IAAI,YAAY,KAAK,MAAM,EAAE,IAAI,CAAC;EACxD,MAAM,cAAc,IAAI,IAAI,QAAQ,SAAS,CAAA,CAAE;EAC/C,MAAM,QAAQ,OAAO,QAAQ,eAAe,CAAC,CAC1C,QACE,CAAC,UACA,CAAC,UAAU,IAAI,IAAI,KACnB,CAAC,YAAY,IAAI,IAAI,KACrB,CAAC,QAAQ,SAAS,IAAI,CAAC,CAC1B,CACA,KAAK,CAAC,MAAM,eAAe;GAAE;GAAM,GAAG;EAAQ,EAAa;EAE9D,OAAO,CAAC,GAAG,QAAQ,GAAG,KAAK;CAC7B,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,gBAAA,CAAA,+BAAA,CAAA,CAAA;CAEiB,gBAAgB,eAAc;EAC/C,MAAM,UAAU,KAAK,cAAa;EAClC,MAAM,cAAc,KAAK,OAAM,CAAE,EAAE;EACnC,IAAI,CAAC,aAAa,OAAO,QAAQ;EACjC,OAAO,QAAQ,MAAM,MAAM,EAAE,SAAS,WAAW,KAAK,QAAQ;CAChE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,gBAAA,CAAA,+BAAA,CAAA,CAAA;CAEiB,mBAAmB,eAC/B;EACH,MAAM,UAAU,KAAK,cAAa;EAClC,MAAM,YAAY,KAAK,cAAa,CAAE,CAAC,QAAQ,MAAM,MAAM,OAAO;EAElE,IAAI,UAAU,WAAW,GAAG,OAAO;EAWnC,OAAO,CATmB,UAAU,KAAK,OAAO;GAC9C,IAAI,EAAE,QAAQ;GACd,OAAO,EAAE,SAAS,EAAE,QAAQ;GAC5B,MAAM,EAAE;GACR,KAAK,EAAE;GACP,MAAM,EAAE;GACR,UAAU,EAAE,WAAW,OAAO;EAC/B,EAEO,CAAK;CACf,GACD,GAAA,YAAA,CAAA,EAAA,WAAA,mBAAA,CAAA,+BAAA,CAAA,CAAA;CAED,cAAA;EACE,MAAK;EACL,OAAO,KAAK,cAAc;CAC5B;CAEA,UAAU,MAAa;EACrB,MAAM,SAAS,KAAK,OAAM;EAC1B,IAAI,CAAC,QAAQ,WAAW,CAAC,MACvB;EAEF,OAAO,SAAS,OAAO,UAAU,OAAO;CAC1C;CAEA,WAAW,MAAa;EACtB,IAAI,CAAC,MAAM,OAAO;EAClB,MAAM,iBAAiB,KAAK,QAAO,CAAE,GAAG;EACxC,IAAI,OAAO,gBAAgB,aAAa,aACtC,OAAO,eAAe;EAExB,MAAM,SAAS,KAAK,OAAM;EAC1B,IAAI,CAAC,QAAQ,UAAU,OAAO;EAC9B,OAAO,OAAO,SAAS;CACzB;CAEU,iBAAiB,MAAc;EACvC,MAAM,SAAS,KAAK,cAAa,CAAE,CAAC,MAAM,MAAM,EAAE,SAAS,KAAK,EAAE;EAClE,KAAK,QAAQ,KAAK,MAAM;CAC1B;CAEiB,uBAA4B;EAC3C,MAAM,gBAA6B,CAAA;EACnC,MAAM,WAAW,KAAK,SAAQ;EAC9B,IAAI,OAAO,aAAa,aACtB,cAAc,WAAW;EAE3B,KAAK,OAAO,QAAQ,UAAU;GAC5B,GAAI,QAAQ,CAAA;GACZ,GAAG;EACJ,EAAC;CACJ;CArMW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAoB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAApB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAoB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,SAAA,EAAA,SAAA,UAAA;EAAA,MAAA,EAAA,YAAA,EAAA,mBAAA,eAAA,EAAA;EAAA,WAJpB,CACT,mBAAmB,oBAAoB,CACxC;EAAA,iBAAA;EAAA,UAAA;EAAA,UA7DS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDT,UAAA;EAAA,QAAA,CAAA,8hSAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MAAA,GAAA,iBAC0B,eAAe;GAAA,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;GAAA;GAAA,SAAA,CAAA,gBAAA,SAAA;EAAA,GAAA;GAAA,MAAA;GAAA,MAAA,GAAA,iBAAG,oBAAoB;GAAA,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;GAAA;GAAA,SAAA,CAAA,gBAAA,QAAA;EAAA,CAAA;EAAA,iBAAA,GAAA,wBAAA;EAAA,eAAA,GAAA,kBAAA;CAAA,CAAA;;AAatD,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAoB,YAAA,CAAA;EAjEhC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAoC,UACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDT,SACQ,CAAC,iBAAiB,eAAe,GAAG,oBAAoB;GAAC,eAEnD,kBAAkB;GAAI,iBACpB,wBAAwB;GAAM,MACzC,EAGJ,qBAAqB,eACtB;GAAA,WACU,CACT,mBAAkB,oBAAA,CACnB;GAAA,QAAA,CAAA,8hSAAA;EAAA,CAAA"}