@radix-ng/primitives 0.51.0 → 1.0.0-beta.0

package/fesm2022/radix-ng-primitives-toggle-group.mjs

@@ -1,313 +1,187 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, input, booleanAttribute, computed, effect, Directive, model, output, signal } from '@angular/core';
+import { model, input, booleanAttribute, output, computed, signal, effect, untracked, Directive, inject } from '@angular/core';
+import { createContext, provideValueAccessor } from '@radix-ng/primitives/core';
 import * as i1 from '@radix-ng/primitives/roving-focus';
-import { RdxRovingFocusItemDirective, RdxRovingFocusGroupDirective } from '@radix-ng/primitives/roving-focus';
-import * as i2 from '@radix-ng/primitives/toggle';
-import { RdxToggleDirective } from '@radix-ng/primitives/toggle';
-import { provideValueAccessor, isEqual, isValueEqualOrExist, provideToken } from '@radix-ng/primitives/core';
+import { RdxRovingFocusGroupDirective } from '@radix-ng/primitives/roving-focus';
 
-const RdxToggleGroupItemToken = new InjectionToken('RdxToggleGroupItemToken');
-function injectToggleGroupItem() {
-    return inject(RdxToggleGroupItemToken);
+/** Builds the shared context a {@link RdxToggle} reads when it belongs to this group. */
+function toggleGroupContext(instance) {
+    return {
+        value: instance.pressedValues,
+        disabled: instance.isDisabled,
+        multiple: instance.multiple,
+        orientation: instance.orientation,
+        toggle: (value) => instance.toggle(value)
+    };
 }
-
-const RdxToggleGroupToken = new InjectionToken('RdxToggleGroupToken');
-function injectToggleGroup() {
-    return inject(RdxToggleGroupToken);
-}
-
 /**
- * @group Components
+ * Shared state and behavior for the toggle group. Concrete directives add the roving-focus group
+ * ({@link RdxToggleGroup}) or omit it when an ancestor already owns focus, e.g. a toolbar
+ * ({@link RdxToggleGroupWithoutFocus}).
  */
-class RdxToggleGroupItemDirective {
+class RdxToggleGroupBase {
     constructor() {
-        this.rdxToggleDirective = inject(RdxToggleDirective);
-        this.rdxRovingFocusItemDirective = inject(RdxRovingFocusItemDirective);
         /**
-         * Access the toggle group.
-         * @ignore
+         * The pressed values. Always an array — a single value is `[value]`. Use with `(onValueChange)`
+         * for controlled state.
          */
-        this.rootContext = injectToggleGroup();
+        this.value = model(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+        /** The values pressed when the group is initially rendered (uncontrolled). */
+        this.defaultValue = input(...(ngDevMode ? [undefined, { debugName: "defaultValue" }] : /* istanbul ignore next */ []));
         /**
-         * The value of this toggle button.
+         * Whether multiple items can be pressed at the same time.
          *
-         * @group Props
-         */
-        this.value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-        /**
-         * Whether this toggle button is disabled.
-         * @defaultValue false
-         * @group Props
-         */
-        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        this.isPressed = computed(() => {
-            return this.rootContext.type() === 'single'
-                ? this.rootContext.value() === this.value()
-                : this.rootContext.value()?.includes(this.value());
-        }, ...(ngDevMode ? [{ debugName: "isPressed" }] : /* istanbul ignore next */ []));
-        this.isDisabled = computed(() => this.rootContext.disabled() || this.rootContext.accessorDisabled() || this.disabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
-        effect(() => {
-            this.rdxToggleDirective.cva.writeValue(!!this.isPressed());
-            this.rdxToggleDirective.cva.setValue(!!this.isPressed());
-            this.rdxToggleDirective.cva.setDisabledState(this.isDisabled());
-            this.rdxRovingFocusItemDirective.setActive(!!this.isPressed());
-        });
-    }
-    /**
-     * @ignore
-     */
-    toggle() {
-        if (this.disabled()) {
-            return;
-        }
-        this.rootContext.toggle(this.value());
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxToggleGroupItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxToggleGroupItemDirective, isStandalone: true, selector: "[rdxToggleGroupItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "toggle()" } }, providers: [{ provide: RdxToggleGroupItemToken, useExisting: RdxToggleGroupItemDirective }], exportAs: ["rdxToggleGroupItem"], hostDirectives: [{ directive: i1.RdxRovingFocusItemDirective, inputs: ["focusable", "focusable", "active", "active", "allowShiftKey", "allowShiftKey"] }, { directive: i2.RdxToggleDirective, inputs: ["pressed", "pressed", "disabled", "disabled"] }], ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxToggleGroupItemDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[rdxToggleGroupItem]',
-                    exportAs: 'rdxToggleGroupItem',
-                    providers: [{ provide: RdxToggleGroupItemToken, useExisting: RdxToggleGroupItemDirective }],
-                    hostDirectives: [
-                        {
-                            directive: RdxRovingFocusItemDirective,
-                            inputs: ['focusable', 'active', 'allowShiftKey']
-                        },
-                        {
-                            directive: RdxToggleDirective,
-                            inputs: ['pressed', 'disabled']
-                        }
-                    ],
-                    host: {
-                        '(click)': 'toggle()'
-                    }
-                }]
-        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
-
-let nextId$1 = 0;
-class RdxToggleGroupWithoutFocusDirective {
-    constructor() {
-        /**
-         * @ignore
-         */
-        this.id = `rdx-toggle-group-${nextId$1++}`;
-        /**
-         * @group Props
+         * @default false
          */
-        this.value = model(undefined, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        this.multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
-         * @group Props
-         */
-        this.type = input('single', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
-        /**
-         * Whether the toggle group is disabled.
-         * @defaultValue false
-         * @group Props
+         * Whether the whole group is disabled.
+         *
+         * @default false
          */
         this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
-         * Event emitted when the selected toggle button changes.
-         * @group Emits
+         * The orientation of the group, controlling arrow-key navigation.
+         *
+         * @default 'horizontal'
          */
+        this.orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+        /** Event emitted when the pressed values change. */
         this.onValueChange = output();
+        /** @ignore */
+        this.pressedValues = computed(() => this.value() ?? [], ...(ngDevMode ? [{ debugName: "pressedValues" }] : /* istanbul ignore next */ []));
         this.accessorDisabled = signal(false, ...(ngDevMode ? [{ debugName: "accessorDisabled" }] : /* istanbul ignore next */ []));
+        /** @ignore */
+        this.isDisabled = computed(() => this.disabled() || this.accessorDisabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            const initial = this.defaultValue();
+            if (initial !== undefined && untracked(this.value) === undefined) {
+                this.value.set(initial);
+            }
+        });
     }
-    /**
-     * Toggle a value.
-     * @param value The value to toggle.
-     * @ignore
-     */
+    /** @ignore */
     toggle(value) {
-        if (this.disabled()) {
+        if (this.isDisabled()) {
             return;
         }
-        if (this.type() === 'single') {
-            this.value.set(value);
+        const current = this.pressedValues();
+        let next;
+        if (this.multiple()) {
+            next = current.includes(value) ? current.filter((item) => item !== value) : [...current, value];
         }
         else {
-            this.value.set(((currentValue) => currentValue && Array.isArray(currentValue)
-                ? currentValue.includes(value)
-                    ? currentValue.filter((v) => v !== value) // delete
-                    : [...currentValue, value] // update
-                : [value])(this.value()));
+            next = current.includes(value) ? [] : [value];
         }
-        this.onValueChange.emit(this.value());
-        this.onChange?.(this.value());
+        this.value.set(next);
+        this.onValueChange.emit(next);
+        this.onChange?.(next);
     }
-    /**
-     * Select a value from Angular forms.
-     * @param value The value to select.
-     * @ignore
-     */
+    /** @ignore */
     writeValue(value) {
-        this.value.set(value);
+        this.value.set(value == null ? [] : Array.isArray(value) ? value : [value]);
     }
-    /**
-     * Register a callback to be called when the value changes.
-     * @param fn The callback to register.
-     * @ignore
-     */
+    /** @ignore */
     registerOnChange(fn) {
         this.onChange = fn;
     }
-    /**
-     * Register a callback to be called when the toggle group is touched.
-     * @param fn The callback to register.
-     * @ignore
-     */
+    /** @ignore */
     registerOnTouched(fn) {
         this.onTouched = fn;
     }
-    /**
-     * Set the disabled state of the toggle group.
-     * @param isDisabled Whether the toggle group is disabled.
-     * @ignore
-     */
+    /** @ignore */
     setDisabledState(isDisabled) {
         this.accessorDisabled.set(isDisabled);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxToggleGroupWithoutFocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxToggleGroupWithoutFocusDirective, isStandalone: true, selector: "[rdxToggleGroupWithoutFocus]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onValueChange: "onValueChange" }, host: { attributes: { "role": "group" }, listeners: { "focusout": "onTouched?.()" } }, providers: [
-            { provide: RdxToggleGroupToken, useExisting: RdxToggleGroupWithoutFocusDirective },
-            provideValueAccessor(RdxToggleGroupWithoutFocusDirective)
-        ], exportAs: ["rdxToggleGroupWithoutFocus"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxToggleGroupBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxToggleGroupBase, isStandalone: true, inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onValueChange: "onValueChange" }, host: { attributes: { "role": "group" }, listeners: { "focusout": "onTouched?.()" }, properties: { "attr.data-orientation": "orientation()", "attr.data-disabled": "isDisabled() ? \"\" : undefined", "attr.data-multiple": "multiple() ? \"\" : undefined" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxToggleGroupWithoutFocusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxToggleGroupBase, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[rdxToggleGroupWithoutFocus]',
-                    exportAs: 'rdxToggleGroupWithoutFocus',
-                    providers: [
-                        { provide: RdxToggleGroupToken, useExisting: RdxToggleGroupWithoutFocusDirective },
-                        provideValueAccessor(RdxToggleGroupWithoutFocusDirective)
-                    ],
                     host: {
                         role: 'group',
+                        '[attr.data-orientation]': 'orientation()',
+                        '[attr.data-disabled]': 'isDisabled() ? "" : undefined',
+                        '[attr.data-multiple]': 'multiple() ? "" : undefined',
                         '(focusout)': 'onTouched?.()'
                     }
                 }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], onValueChange: [{ type: i0.Output, args: ["onValueChange"] }] } });
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], onValueChange: [{ type: i0.Output, args: ["onValueChange"] }] } });
+
+const [injectToggleGroupContext, provideToggleGroupContext] = createContext('RdxToggleGroupContext');
 
-let nextId = 0;
 /**
- * @group Components
+ * A set of two-state buttons that can be toggled on or off. Owns roving keyboard focus over its
+ * `[rdxToggle]` children.
+ *
+ * @see https://base-ui.com/react/components/toggle-group
  */
-class RdxToggleGroupDirective {
+class RdxToggleGroup extends RdxToggleGroupBase {
     constructor() {
+        super();
+        /** Text direction for arrow-key navigation. */
+        this.dir = input('ltr', ...(ngDevMode ? [{ debugName: "dir" }] : /* istanbul ignore next */ []));
         /**
-         * @ignore
-         */
-        this.id = `rdx-toggle-group-${nextId++}`;
-        /**
-         * @group Props
-         */
-        this.value = model(undefined, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-        /**
-         * @group Props
-         */
-        this.type = input('single', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
-        /**
-         * Whether the toggle group is disabled.
-         * @defaultValue false
-         * @group Props
-         */
-        this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /**
-         * Event emitted when the selected toggle button changes.
-         * @group Emits
+         * Whether keyboard navigation should loop from the last item back to the first.
+         *
+         * @default true
          */
-        this.onValueChange = output();
-        this.accessorDisabled = signal(false, ...(ngDevMode ? [{ debugName: "accessorDisabled" }] : /* istanbul ignore next */ []));
-    }
-    /**
-     * Toggle a value.
-     * @param value The value to toggle.
-     * @ignore
-     */
-    toggle(value) {
-        if (this.disabled()) {
-            return;
-        }
-        if (this.type() === 'single') {
-            this.value.set(isEqual(value, this.value()) ? undefined : value);
-        }
-        else {
-            const modelValueArray = Array.isArray(this.value())
-                ? [...(this.value() || [])]
-                : [this.value()].filter(Boolean);
-            if (isValueEqualOrExist(modelValueArray, value)) {
-                const index = modelValueArray.findIndex((i) => isEqual(i, value));
-                modelValueArray.splice(index, 1);
-            }
-            else {
-                modelValueArray.push(value);
-            }
-            this.value.set(modelValueArray);
-        }
-        this.onValueChange.emit(this.value());
-        this.onChange?.(this.value());
-    }
-    /**
-     * Select a value from Angular forms.
-     * @param value The value to select.
-     * @ignore
-     */
-    writeValue(value) {
-        this.value.set(value);
-    }
-    /**
-     * Register a callback to be called when the value changes.
-     * @param fn The callback to register.
-     * @ignore
-     */
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    /**
-     * Register a callback to be called when the toggle group is touched.
-     * @param fn The callback to register.
-     * @ignore
-     */
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    /**
-     * Set the disabled state of the toggle group.
-     * @param isDisabled Whether the toggle group is disabled.
-     * @ignore
-     */
-    setDisabledState(isDisabled) {
-        this.accessorDisabled.set(isDisabled);
+        this.loopFocus = input(true, { ...(ngDevMode ? { debugName: "loopFocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.rovingFocusGroup = inject(RdxRovingFocusGroupDirective, { self: true });
+        effect(() => {
+            this.rovingFocusGroup.setOrientation(this.orientation());
+            this.rovingFocusGroup.setDir(this.dir());
+            this.rovingFocusGroup.setLoop(this.loopFocus());
+        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxToggleGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxToggleGroupDirective, isStandalone: true, selector: "[rdxToggleGroup]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", onValueChange: "onValueChange" }, host: { attributes: { "role": "group" }, listeners: { "focusout": "onTouched?.()" } }, providers: [
-            provideToken(RdxToggleGroupToken, RdxToggleGroupDirective),
-            provideValueAccessor(RdxToggleGroupDirective)
-        ], exportAs: ["rdxToggleGroup"], hostDirectives: [{ directive: i1.RdxRovingFocusGroupDirective, inputs: ["dir", "dir", "orientation", "orientation", "loop", "loop"] }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxToggleGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: RdxToggleGroup, isStandalone: true, selector: "[rdxToggleGroup]", inputs: { dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, loopFocus: { classPropertyName: "loopFocus", publicName: "loopFocus", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            provideToggleGroupContext(() => toggleGroupContext(inject(RdxToggleGroup))),
+            provideValueAccessor(RdxToggleGroup)
+        ], exportAs: ["rdxToggleGroup"], usesInheritance: true, hostDirectives: [{ directive: i1.RdxRovingFocusGroupDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxToggleGroupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxToggleGroup, decorators: [{
             type: Directive,
             args: [{
                     selector: '[rdxToggleGroup]',
                     exportAs: 'rdxToggleGroup',
+                    hostDirectives: [RdxRovingFocusGroupDirective],
                     providers: [
-                        provideToken(RdxToggleGroupToken, RdxToggleGroupDirective),
-                        provideValueAccessor(RdxToggleGroupDirective)
-                    ],
-                    hostDirectives: [{ directive: RdxRovingFocusGroupDirective, inputs: ['dir', 'orientation', 'loop'] }],
-                    host: {
-                        role: 'group',
-                        '(focusout)': 'onTouched?.()'
-                    }
+                        provideToggleGroupContext(() => toggleGroupContext(inject(RdxToggleGroup))),
+                        provideValueAccessor(RdxToggleGroup)
+                    ]
+                }]
+        }], ctorParameters: () => [], propDecorators: { dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], loopFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "loopFocus", required: false }] }] } });
+
+/**
+ * A toggle group that does NOT create its own roving-focus group, for use inside a container that
+ * already owns keyboard focus (e.g. a toolbar). The `[rdxToggle]` children register with the nearest
+ * ancestor roving-focus group instead. Mirrors Base UI's behavior of skipping its composite root
+ * when nested in a toolbar.
+ */
+class RdxToggleGroupWithoutFocus extends RdxToggleGroupBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxToggleGroupWithoutFocus, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: RdxToggleGroupWithoutFocus, isStandalone: true, selector: "[rdxToggleGroupWithoutFocus]", providers: [
+            provideToggleGroupContext(() => toggleGroupContext(inject(RdxToggleGroupWithoutFocus))),
+            provideValueAccessor(RdxToggleGroupWithoutFocus)
+        ], exportAs: ["rdxToggleGroupWithoutFocus"], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: RdxToggleGroupWithoutFocus, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxToggleGroupWithoutFocus]',
+                    exportAs: 'rdxToggleGroupWithoutFocus',
+                    providers: [
+                        provideToggleGroupContext(() => toggleGroupContext(inject(RdxToggleGroupWithoutFocus))),
+                        provideValueAccessor(RdxToggleGroupWithoutFocus)
+                    ]
                 }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], onValueChange: [{ type: i0.Output, args: ["onValueChange"] }] } });
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { RdxToggleGroupDirective, RdxToggleGroupItemDirective, RdxToggleGroupItemToken, RdxToggleGroupToken, RdxToggleGroupWithoutFocusDirective, injectToggleGroup, injectToggleGroupItem };
+export { RdxToggleGroup, RdxToggleGroupBase, RdxToggleGroupWithoutFocus, injectToggleGroupContext, provideToggleGroupContext, toggleGroupContext };
 //# sourceMappingURL=radix-ng-primitives-toggle-group.mjs.map

package/fesm2022/radix-ng-primitives-toggle-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-toggle-group.mjs","sources":["../../../packages/primitives/toggle-group/src/toggle-group-item.token.ts","../../../packages/primitives/toggle-group/src/toggle-group.token.ts","../../../packages/primitives/toggle-group/src/toggle-group-item.directive.ts","../../../packages/primitives/toggle-group/src/toggle-group-without-focus.directive.ts","../../../packages/primitives/toggle-group/src/toggle-group.directive.ts","../../../packages/primitives/toggle-group/radix-ng-primitives-toggle-group.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\nimport type { RdxToggleGroupItemDirective } from './toggle-group-item.directive';\n\nexport const RdxToggleGroupItemToken = new InjectionToken<RdxToggleGroupItemDirective>('RdxToggleGroupItemToken');\n\nexport function injectToggleGroupItem(): RdxToggleGroupItemDirective {\n    return inject(RdxToggleGroupItemToken);\n}\n","import { inject, InjectionToken } from '@angular/core';\n\nexport interface IRdxToggleGroup {\n    toggle(value: string): void;\n    disabled: any;\n    value: any;\n    type: any;\n    accessorDisabled: any;\n}\n\nexport const RdxToggleGroupToken = new InjectionToken<IRdxToggleGroup>('RdxToggleGroupToken');\n\nexport function injectToggleGroup(): IRdxToggleGroup {\n    return inject(RdxToggleGroupToken);\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, computed, Directive, effect, inject, input } from '@angular/core';\nimport { RdxRovingFocusItemDirective } from '@radix-ng/primitives/roving-focus';\nimport { RdxToggleDirective } from '@radix-ng/primitives/toggle';\nimport { RdxToggleGroupItemToken } from './toggle-group-item.token';\nimport { injectToggleGroup } from './toggle-group.token';\n\n/**\n * @group Components\n */\n@Directive({\n    selector: '[rdxToggleGroupItem]',\n    exportAs: 'rdxToggleGroupItem',\n    providers: [{ provide: RdxToggleGroupItemToken, useExisting: RdxToggleGroupItemDirective }],\n    hostDirectives: [\n        {\n            directive: RdxRovingFocusItemDirective,\n            inputs: ['focusable', 'active', 'allowShiftKey']\n        },\n        {\n            directive: RdxToggleDirective,\n            inputs: ['pressed', 'disabled']\n        }\n    ],\n    host: {\n        '(click)': 'toggle()'\n    }\n})\nexport class RdxToggleGroupItemDirective {\n    private readonly rdxToggleDirective = inject(RdxToggleDirective);\n\n    private readonly rdxRovingFocusItemDirective = inject(RdxRovingFocusItemDirective);\n\n    /**\n     * Access the toggle group.\n     * @ignore\n     */\n    protected readonly rootContext = injectToggleGroup();\n\n    /**\n     * The value of this toggle button.\n     *\n     * @group Props\n     */\n    readonly value = input.required<string>();\n\n    /**\n     * Whether this toggle button is disabled.\n     * @defaultValue false\n     * @group Props\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    private readonly isPressed = computed(() => {\n        return this.rootContext.type() === 'single'\n            ? this.rootContext.value() === this.value()\n            : this.rootContext.value()?.includes(this.value());\n    });\n\n    private readonly isDisabled = computed(\n        () => this.rootContext.disabled() || this.rootContext.accessorDisabled() || this.disabled()\n    );\n\n    constructor() {\n        effect(() => {\n            this.rdxToggleDirective.cva.writeValue(!!this.isPressed());\n            this.rdxToggleDirective.cva.setValue(!!this.isPressed());\n            this.rdxToggleDirective.cva.setDisabledState(this.isDisabled());\n\n            this.rdxRovingFocusItemDirective.setActive(!!this.isPressed());\n        });\n    }\n\n    /**\n     * @ignore\n     */\n    toggle(): void {\n        if (this.disabled()) {\n            return;\n        }\n\n        this.rootContext.toggle(this.value());\n    }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input, model, output, signal } from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { provideValueAccessor } from '@radix-ng/primitives/core';\nimport { RdxToggleGroupToken } from './toggle-group.token';\n\nlet nextId = 0;\n\n@Directive({\n    selector: '[rdxToggleGroupWithoutFocus]',\n    exportAs: 'rdxToggleGroupWithoutFocus',\n    providers: [\n        { provide: RdxToggleGroupToken, useExisting: RdxToggleGroupWithoutFocusDirective },\n        provideValueAccessor(RdxToggleGroupWithoutFocusDirective)\n    ],\n    host: {\n        role: 'group',\n        '(focusout)': 'onTouched?.()'\n    }\n})\nexport class RdxToggleGroupWithoutFocusDirective implements ControlValueAccessor {\n    /**\n     * @ignore\n     */\n    readonly id: string = `rdx-toggle-group-${nextId++}`;\n\n    /**\n     * @group Props\n     */\n    readonly value = model<string | string[] | undefined>(undefined);\n\n    /**\n     * @group Props\n     */\n    readonly type = input<'single' | 'multiple'>('single');\n\n    /**\n     * Whether the toggle group is disabled.\n     * @defaultValue false\n     * @group Props\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Event emitted when the selected toggle button changes.\n     * @group Emits\n     */\n    readonly onValueChange = output<string[] | string | undefined>();\n\n    /**\n     * The value change callback.\n     */\n    private onChange?: (value: string | string[] | undefined) => void;\n\n    /**\n     * onTouch function registered via registerOnTouch (ControlValueAccessor).\n     */\n    protected onTouched?: () => void;\n\n    /**\n     * Toggle a value.\n     * @param value The value to toggle.\n     * @ignore\n     */\n    toggle(value: string): void {\n        if (this.disabled()) {\n            return;\n        }\n\n        if (this.type() === 'single') {\n            this.value.set(value);\n        } else {\n            this.value.set(\n                ((currentValue) =>\n                    currentValue && Array.isArray(currentValue)\n                        ? currentValue.includes(value)\n                            ? currentValue.filter((v) => v !== value) // delete\n                            : [...currentValue, value] // update\n                        : [value])(this.value())\n            );\n        }\n\n        this.onValueChange.emit(this.value());\n        this.onChange?.(this.value());\n    }\n\n    /**\n     * Select a value from Angular forms.\n     * @param value The value to select.\n     * @ignore\n     */\n    writeValue(value: string): void {\n        this.value.set(value);\n    }\n\n    /**\n     * Register a callback to be called when the value changes.\n     * @param fn The callback to register.\n     * @ignore\n     */\n    registerOnChange(fn: (value: string | string[] | undefined) => void): void {\n        this.onChange = fn;\n    }\n\n    /**\n     * Register a callback to be called when the toggle group is touched.\n     * @param fn The callback to register.\n     * @ignore\n     */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    private readonly accessorDisabled = signal(false);\n\n    /**\n     * Set the disabled state of the toggle group.\n     * @param isDisabled Whether the toggle group is disabled.\n     * @ignore\n     */\n    setDisabledState(isDisabled: boolean): void {\n        this.accessorDisabled.set(isDisabled);\n    }\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, input, model, output, signal } from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport {\n    AcceptableValue,\n    isEqual,\n    isValueEqualOrExist,\n    provideToken,\n    provideValueAccessor\n} from '@radix-ng/primitives/core';\nimport { RdxRovingFocusGroupDirective } from '@radix-ng/primitives/roving-focus';\nimport { RdxToggleGroupToken } from './toggle-group.token';\n\nlet nextId = 0;\n\n/**\n * @group Components\n */\n@Directive({\n    selector: '[rdxToggleGroup]',\n    exportAs: 'rdxToggleGroup',\n    providers: [\n        provideToken(RdxToggleGroupToken, RdxToggleGroupDirective),\n        provideValueAccessor(RdxToggleGroupDirective)\n    ],\n    hostDirectives: [{ directive: RdxRovingFocusGroupDirective, inputs: ['dir', 'orientation', 'loop'] }],\n    host: {\n        role: 'group',\n\n        '(focusout)': 'onTouched?.()'\n    }\n})\nexport class RdxToggleGroupDirective implements ControlValueAccessor {\n    /**\n     * @ignore\n     */\n    readonly id: string = `rdx-toggle-group-${nextId++}`;\n\n    /**\n     * @group Props\n     */\n    readonly value = model<AcceptableValue | AcceptableValue[] | undefined>(undefined);\n\n    /**\n     * @group Props\n     */\n    readonly type = input<'single' | 'multiple'>('single');\n\n    /**\n     * Whether the toggle group is disabled.\n     * @defaultValue false\n     * @group Props\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Event emitted when the selected toggle button changes.\n     * @group Emits\n     */\n    readonly onValueChange = output<AcceptableValue | AcceptableValue[] | undefined>();\n\n    /**\n     * The value change callback.\n     */\n    private onChange?: (value: AcceptableValue | AcceptableValue[] | undefined) => void;\n\n    /**\n     * onTouch function registered via registerOnTouch (ControlValueAccessor).\n     */\n    protected onTouched?: () => void;\n\n    /**\n     * Toggle a value.\n     * @param value The value to toggle.\n     * @ignore\n     */\n    toggle(value: AcceptableValue): void {\n        if (this.disabled()) {\n            return;\n        }\n\n        if (this.type() === 'single') {\n            this.value.set(isEqual(value, this.value()) ? undefined : value);\n        } else {\n            const modelValueArray = Array.isArray(this.value())\n                ? [...((this.value() as AcceptableValue[]) || [])]\n                : [this.value()].filter(Boolean);\n            if (isValueEqualOrExist(modelValueArray, value)) {\n                const index = modelValueArray.findIndex((i) => isEqual(i, value));\n                modelValueArray.splice(index, 1);\n            } else {\n                modelValueArray.push(value);\n            }\n            this.value.set(modelValueArray);\n        }\n\n        this.onValueChange.emit(this.value());\n        this.onChange?.(this.value());\n    }\n\n    /**\n     * Select a value from Angular forms.\n     * @param value The value to select.\n     * @ignore\n     */\n    writeValue(value: string): void {\n        this.value.set(value);\n    }\n\n    /**\n     * Register a callback to be called when the value changes.\n     * @param fn The callback to register.\n     * @ignore\n     */\n    registerOnChange(fn: (value: AcceptableValue | AcceptableValue[] | undefined) => void): void {\n        this.onChange = fn;\n    }\n\n    /**\n     * Register a callback to be called when the toggle group is touched.\n     * @param fn The callback to register.\n     * @ignore\n     */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    readonly accessorDisabled = signal(false);\n    /**\n     * Set the disabled state of the toggle group.\n     * @param isDisabled Whether the toggle group is disabled.\n     * @ignore\n     */\n    setDisabledState(isDisabled: boolean): void {\n        this.accessorDisabled.set(isDisabled);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["nextId"],"mappings":"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"}
+{"version":3,"file":"radix-ng-primitives-toggle-group.mjs","sources":["../../../packages/primitives/toggle-group/src/toggle-group-base.ts","../../../packages/primitives/toggle-group/src/toggle-group-context.ts","../../../packages/primitives/toggle-group/src/toggle-group.ts","../../../packages/primitives/toggle-group/src/toggle-group-without-focus.ts","../../../packages/primitives/toggle-group/radix-ng-primitives-toggle-group.ts"],"sourcesContent":["import { booleanAttribute, computed, Directive, effect, input, model, output, signal, untracked } from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { BooleanInput, DataOrientation } from '@radix-ng/primitives/core';\nimport { RdxToggleGroupContext } from './toggle-group-context';\n\n/** Builds the shared context a {@link RdxToggle} reads when it belongs to this group. */\nexport function toggleGroupContext(instance: RdxToggleGroupBase): RdxToggleGroupContext {\n    return {\n        value: instance.pressedValues,\n        disabled: instance.isDisabled,\n        multiple: instance.multiple,\n        orientation: instance.orientation,\n        toggle: (value) => instance.toggle(value)\n    };\n}\n\n/**\n * Shared state and behavior for the toggle group. Concrete directives add the roving-focus group\n * ({@link RdxToggleGroup}) or omit it when an ancestor already owns focus, e.g. a toolbar\n * ({@link RdxToggleGroupWithoutFocus}).\n */\n@Directive({\n    host: {\n        role: 'group',\n        '[attr.data-orientation]': 'orientation()',\n        '[attr.data-disabled]': 'isDisabled() ? \"\" : undefined',\n        '[attr.data-multiple]': 'multiple() ? \"\" : undefined',\n        '(focusout)': 'onTouched?.()'\n    }\n})\nexport abstract class RdxToggleGroupBase implements ControlValueAccessor {\n    /**\n     * The pressed values. Always an array — a single value is `[value]`. Use with `(onValueChange)`\n     * for controlled state.\n     */\n    readonly value = model<string[]>();\n\n    /** The values pressed when the group is initially rendered (uncontrolled). */\n    readonly defaultValue = input<string[]>();\n\n    /**\n     * Whether multiple items can be pressed at the same time.\n     *\n     * @default false\n     */\n    readonly multiple = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * Whether the whole group is disabled.\n     *\n     * @default false\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * The orientation of the group, controlling arrow-key navigation.\n     *\n     * @default 'horizontal'\n     */\n    readonly orientation = input<DataOrientation>('horizontal');\n\n    /** Event emitted when the pressed values change. */\n    readonly onValueChange = output<string[]>();\n\n    /** @ignore */\n    readonly pressedValues = computed(() => this.value() ?? []);\n\n    protected readonly accessorDisabled = signal(false);\n    /** @ignore */\n    readonly isDisabled = computed(() => this.disabled() || this.accessorDisabled());\n\n    private onChange?: (value: string[]) => void;\n    protected onTouched?: () => void;\n\n    constructor() {\n        effect(() => {\n            const initial = this.defaultValue();\n            if (initial !== undefined && untracked(this.value) === undefined) {\n                this.value.set(initial);\n            }\n        });\n    }\n\n    /** @ignore */\n    toggle(value: string): void {\n        if (this.isDisabled()) {\n            return;\n        }\n\n        const current = this.pressedValues();\n        let next: string[];\n\n        if (this.multiple()) {\n            next = current.includes(value) ? current.filter((item) => item !== value) : [...current, value];\n        } else {\n            next = current.includes(value) ? [] : [value];\n        }\n\n        this.value.set(next);\n        this.onValueChange.emit(next);\n        this.onChange?.(next);\n    }\n\n    /** @ignore */\n    writeValue(value: string[] | string | null): void {\n        this.value.set(value == null ? [] : Array.isArray(value) ? value : [value]);\n    }\n\n    /** @ignore */\n    registerOnChange(fn: (value: string[]) => void): void {\n        this.onChange = fn;\n    }\n\n    /** @ignore */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /** @ignore */\n    setDisabledState(isDisabled: boolean): void {\n        this.accessorDisabled.set(isDisabled);\n    }\n}\n","import { Signal } from '@angular/core';\nimport { createContext, DataOrientation } from '@radix-ng/primitives/core';\n\n/**\n * Shared state a {@link RdxToggle} reads when it participates in a toggle group.\n */\nexport interface RdxToggleGroupContext {\n    /** The currently pressed values. */\n    readonly value: Signal<string[]>;\n\n    /** Whether the whole group is disabled. */\n    readonly disabled: Signal<boolean>;\n\n    /** Whether more than one item can be pressed at a time. */\n    readonly multiple: Signal<boolean>;\n\n    /** The orientation of the group. */\n    readonly orientation: Signal<DataOrientation>;\n\n    /** Toggle the pressed state of `value` within the group. */\n    toggle(value: string): void;\n}\n\nexport const [injectToggleGroupContext, provideToggleGroupContext] =\n    createContext<RdxToggleGroupContext>('RdxToggleGroupContext');\n","import { booleanAttribute, Directive, effect, inject, input } from '@angular/core';\nimport { BooleanInput, provideValueAccessor } from '@radix-ng/primitives/core';\nimport { Direction, RdxRovingFocusGroupDirective } from '@radix-ng/primitives/roving-focus';\nimport { RdxToggleGroupBase, toggleGroupContext } from './toggle-group-base';\nimport { provideToggleGroupContext } from './toggle-group-context';\n\n/**\n * A set of two-state buttons that can be toggled on or off. Owns roving keyboard focus over its\n * `[rdxToggle]` children.\n *\n * @see https://base-ui.com/react/components/toggle-group\n */\n@Directive({\n    selector: '[rdxToggleGroup]',\n    exportAs: 'rdxToggleGroup',\n    hostDirectives: [RdxRovingFocusGroupDirective],\n    providers: [\n        provideToggleGroupContext(() => toggleGroupContext(inject(RdxToggleGroup))),\n        provideValueAccessor(RdxToggleGroup)\n    ]\n})\nexport class RdxToggleGroup extends RdxToggleGroupBase {\n    /** Text direction for arrow-key navigation. */\n    readonly dir = input<Direction>('ltr');\n\n    /**\n     * Whether keyboard navigation should loop from the last item back to the first.\n     *\n     * @default true\n     */\n    readonly loopFocus = input<boolean, BooleanInput>(true, { transform: booleanAttribute });\n\n    private readonly rovingFocusGroup = inject(RdxRovingFocusGroupDirective, { self: true });\n\n    constructor() {\n        super();\n\n        effect(() => {\n            this.rovingFocusGroup.setOrientation(this.orientation());\n            this.rovingFocusGroup.setDir(this.dir());\n            this.rovingFocusGroup.setLoop(this.loopFocus());\n        });\n    }\n}\n","import { Directive, inject } from '@angular/core';\nimport { provideValueAccessor } from '@radix-ng/primitives/core';\nimport { RdxToggleGroupBase, toggleGroupContext } from './toggle-group-base';\nimport { provideToggleGroupContext } from './toggle-group-context';\n\n/**\n * A toggle group that does NOT create its own roving-focus group, for use inside a container that\n * already owns keyboard focus (e.g. a toolbar). The `[rdxToggle]` children register with the nearest\n * ancestor roving-focus group instead. Mirrors Base UI's behavior of skipping its composite root\n * when nested in a toolbar.\n */\n@Directive({\n    selector: '[rdxToggleGroupWithoutFocus]',\n    exportAs: 'rdxToggleGroupWithoutFocus',\n    providers: [\n        provideToggleGroupContext(() => toggleGroupContext(inject(RdxToggleGroupWithoutFocus))),\n        provideValueAccessor(RdxToggleGroupWithoutFocus)\n    ]\n})\nexport class RdxToggleGroupWithoutFocus extends RdxToggleGroupBase {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAKA;AACM,SAAU,kBAAkB,CAAC,QAA4B,EAAA;IAC3D,OAAO;QACH,KAAK,EAAE,QAAQ,CAAC,aAAa;QAC7B,QAAQ,EAAE,QAAQ,CAAC,UAAU;QAC7B,QAAQ,EAAE,QAAQ,CAAC,QAAQ;QAC3B,WAAW,EAAE,QAAQ,CAAC,WAAW;QACjC,MAAM,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,MAAM,CAAC,KAAK;KAC3C;AACL;AAEA;;;;AAIG;MAUmB,kBAAkB,CAAA;AA4CpC,IAAA,WAAA,GAAA;AA3CA;;;AAGG;QACM,IAAA,CAAA,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAY;;QAGzB,IAAA,CAAA,YAAY,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAY;AAEzC;;;;AAIG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAExF;;;;AAIG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAwB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAExF;;;;AAIG;AACM,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAkB,YAAY,kFAAC;;QAGlD,IAAA,CAAA,aAAa,GAAG,MAAM,EAAY;;AAGlC,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,oFAAC;AAExC,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,KAAK,uFAAC;;AAE1C,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,gBAAgB,EAAE,iFAAC;QAM5E,MAAM,CAAC,MAAK;AACR,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,EAAE;AACnC,YAAA,IAAI,OAAO,KAAK,SAAS,IAAI,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,SAAS,EAAE;AAC9D,gBAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;YAC3B;AACJ,QAAA,CAAC,CAAC;IACN;;AAGA,IAAA,MAAM,CAAC,KAAa,EAAA;AAChB,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;YACnB;QACJ;AAEA,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,EAAE;AACpC,QAAA,IAAI,IAAc;AAElB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACjB,YAAA,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,OAAO,EAAE,KAAK,CAAC;QACnG;aAAO;AACH,YAAA,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC;QACjD;AAEA,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;AACpB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;AAC7B,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACzB;;AAGA,IAAA,UAAU,CAAC,KAA+B,EAAA;AACtC,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,IAAI,IAAI,GAAG,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,KAAK,CAAC,CAAC;IAC/E;;AAGA,IAAA,gBAAgB,CAAC,EAA6B,EAAA;AAC1C,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;IACtB;;AAGA,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC5B,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACvB;;AAGA,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAChC,QAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,UAAU,CAAC;IACzC;8GA3FkB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,KAAA,EAAA,aAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,EAAA,UAAA,EAAA,eAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,oBAAA,EAAA,iCAAA,EAAA,oBAAA,EAAA,+BAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBATvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,IAAI,EAAE;AACF,wBAAA,IAAI,EAAE,OAAO;AACb,wBAAA,yBAAyB,EAAE,eAAe;AAC1C,wBAAA,sBAAsB,EAAE,+BAA+B;AACvD,wBAAA,sBAAsB,EAAE,6BAA6B;AACrD,wBAAA,YAAY,EAAE;AACjB;AACJ,iBAAA;;;ACNM,MAAM,CAAC,wBAAwB,EAAE,yBAAyB,CAAC,GAC9D,aAAa,CAAwB,uBAAuB;;AClBhE;;;;;AAKG;AAUG,MAAO,cAAe,SAAQ,kBAAkB,CAAA;AAalD,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE;;AAZF,QAAA,IAAA,CAAA,GAAG,GAAG,KAAK,CAAY,KAAK,0EAAC;AAEtC;;;;AAIG;QACM,IAAA,CAAA,SAAS,GAAG,KAAK,CAAwB,IAAI,iFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;QAEvE,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,4BAA4B,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAKpF,MAAM,CAAC,MAAK;YACR,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACxD,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;YACxC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;AACnD,QAAA,CAAC,CAAC;IACN;8GArBS,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EALZ;YACP,yBAAyB,CAAC,MAAM,kBAAkB,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC;YAC3E,oBAAoB,CAAC,cAAc;AACtC,SAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAEQ,cAAc,EAAA,UAAA,EAAA,CAAA;kBAT1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,QAAQ,EAAE,gBAAgB;oBAC1B,cAAc,EAAE,CAAC,4BAA4B,CAAC;AAC9C,oBAAA,SAAS,EAAE;wBACP,yBAAyB,CAAC,MAAM,kBAAkB,CAAC,MAAM,CAAA,cAAA,CAAgB,CAAC,CAAC;AAC3E,wBAAA,oBAAoB,CAAA,cAAA;AACvB;AACJ,iBAAA;;;ACfD;;;;;AAKG;AASG,MAAO,0BAA2B,SAAQ,kBAAkB,CAAA;8GAArD,0BAA0B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,SAAA,EALxB;YACP,yBAAyB,CAAC,MAAM,kBAAkB,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,CAAC;YACvF,oBAAoB,CAAC,0BAA0B;AAClD,SAAA,EAAA,QAAA,EAAA,CAAA,4BAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAEQ,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBARtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,8BAA8B;AACxC,oBAAA,QAAQ,EAAE,4BAA4B;AACtC,oBAAA,SAAS,EAAE;wBACP,yBAAyB,CAAC,MAAM,kBAAkB,CAAC,MAAM,CAAA,0BAAA,CAA4B,CAAC,CAAC;AACvF,wBAAA,oBAAoB,CAAA,0BAAA;AACvB;AACJ,iBAAA;;;AClBD;;AAEG;;;;"}