@radix-ng/primitives 0.30.0 → 0.32.0

package/fesm2022/radix-ng-primitives-stepper.mjs

@@ -0,0 +1,473 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Directive, input, numberAttribute, booleanAttribute, computed, forwardRef, model, signal, effect, ElementRef, NgModule } from '@angular/core';
+import * as kbd from '@radix-ng/primitives/core';
+import { _IdGenerator } from '@radix-ng/primitives/core';
+import { LiveAnnouncer } from '@angular/cdk/a11y';
+import * as i1 from '@radix-ng/primitives/separator';
+import { RdxSeparatorRootDirective } from '@radix-ng/primitives/separator';
+
+const STEPPER_ITEM_CONTEXT = new InjectionToken('StepperItemContext');
+function injectStepperItemContext() {
+    return inject(STEPPER_ITEM_CONTEXT);
+}
+
+class RdxStepperDescriptionDirective {
+    constructor() {
+        this.itemContext = injectStepperItemContext();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxStepperDescriptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.6", type: RdxStepperDescriptionDirective, isStandalone: true, selector: "[rdxStepperDescription]", host: { properties: { "attr.id": "itemContext.descriptionId" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxStepperDescriptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxStepperDescription]',
+                    host: {
+                        '[attr.id]': 'itemContext.descriptionId'
+                    }
+                }]
+        }] });
+
+class RdxStepperIndicatorDirective {
+    constructor() {
+        this.itemContext = injectStepperItemContext();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxStepperIndicatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.6", type: RdxStepperIndicatorDirective, isStandalone: true, selector: "[rdxStepperIndicator]", exportAs: ["rdxStepperIndicator"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxStepperIndicatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxStepperIndicator]',
+                    exportAs: 'rdxStepperIndicator'
+                }]
+        }] });
+
+const STEPPER_ROOT_CONTEXT = new InjectionToken('StepperRootContext');
+function injectStepperRootContext() {
+    return inject(STEPPER_ROOT_CONTEXT);
+}
+
+class RdxStepperItemDirective {
+    constructor() {
+        this.rootContext = injectStepperRootContext();
+        /** @ignore */
+        this.titleId = inject(_IdGenerator).getId('rdx-stepper-item-title');
+        /** @ignore */
+        this.descriptionId = inject(_IdGenerator).getId('rdx-stepper-item-description');
+        this.step = input(NaN, { transform: numberAttribute });
+        this.disabled = input(false, { transform: booleanAttribute });
+        /** @ignore */
+        this.completed = input(false, { transform: booleanAttribute });
+        /** @ignore */
+        this.itemState = computed(() => {
+            if (this.completed())
+                return 'completed';
+            if (this.rootContext.value() === this.step())
+                return 'active';
+            const step = this.step() ?? 1;
+            if (this.rootContext.value() > step) {
+                return 'completed';
+            }
+            return 'inactive';
+        });
+        /** @ignore */
+        this.isFocusable = computed(() => {
+            if (this.disabled())
+                return false;
+            const step = this.step() ?? 1;
+            if (this.rootContext.linear()) {
+                return step <= this.rootContext.value() || step === this.rootContext.value() + 1;
+            }
+            return true;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxStepperItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.6", type: RdxStepperItemDirective, isStandalone: true, selector: "[rdxStepperItem]", inputs: { step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, completed: { classPropertyName: "completed", publicName: "completed", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-current": "itemState() === \"active\" ? true : undefined", "attr.data-state": "itemState()", "attr.disabled": "disabled() || !isFocusable() ? \"\" : undefined", "attr.data-disabled": "disabled() || !isFocusable() ? \"\" : undefined", "attr.data-orientation": "rootContext.orientation()" } }, providers: [
+            {
+                provide: STEPPER_ITEM_CONTEXT,
+                useExisting: forwardRef(() => RdxStepperItemDirective)
+            }
+        ], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxStepperItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxStepperItem]',
+                    providers: [
+                        {
+                            provide: STEPPER_ITEM_CONTEXT,
+                            useExisting: forwardRef(() => RdxStepperItemDirective)
+                        }
+                    ],
+                    host: {
+                        '[attr.aria-current]': 'itemState() === "active" ? true : undefined',
+                        '[attr.data-state]': 'itemState()',
+                        '[attr.disabled]': 'disabled() || !isFocusable() ? "" : undefined',
+                        '[attr.data-disabled]': 'disabled() || !isFocusable() ? "" : undefined',
+                        '[attr.data-orientation]': 'rootContext.orientation()'
+                    }
+                }]
+        }] });
+
+class RdxStepperRootDirective {
+    constructor() {
+        this.liveAnnouncer = inject(LiveAnnouncer);
+        this.defaultValue = input(undefined, { transform: numberAttribute });
+        this.value = model(this.defaultValue());
+        this.linear = input(true, { transform: booleanAttribute });
+        this.dir = input('ltr');
+        this.orientation = input('horizontal');
+        /** @ignore */
+        this.totalStepperItemsArray = computed(() => Array.from(this.totalStepperItems()));
+        /** @ignore */
+        this.isFirstStep = computed(() => this.value() === 1);
+        /** @ignore */
+        this.isLastStep = computed(() => this.value() === this.totalStepperItemsArray().length);
+        /** @ignore */
+        this.totalSteps = computed(() => this.totalStepperItems().length);
+        /** @ignore */
+        this.isNextDisabled = computed(() => {
+            const item = this.nextStepperItem();
+            return item ? item.hasAttribute('disabled') : true;
+        });
+        /** @ignore */
+        this.isPrevDisabled = computed(() => {
+            const item = this.prevStepperItem();
+            return item ? item.hasAttribute('disabled') : true;
+        });
+        /** @ignore */
+        this.totalStepperItems = signal([]);
+        this.nextStepperItem = signal(null);
+        this.prevStepperItem = signal(null);
+        effect(() => {
+            const items = this.totalStepperItemsArray();
+            const currentValue = this.value();
+            if (currentValue) {
+                if (items.length && currentValue < items.length) {
+                    this.nextStepperItem.set(items[currentValue]);
+                }
+                else {
+                    this.nextStepperItem.set(null);
+                }
+                if (items.length && currentValue > 1) {
+                    this.prevStepperItem.set(items[currentValue - 2]);
+                }
+                else {
+                    this.prevStepperItem.set(null);
+                }
+                this.liveAnnouncer.announce(`Step ${currentValue} of ${items.length}`);
+            }
+        });
+    }
+    goToStep(step) {
+        if (step > this.totalSteps()) {
+            return;
+        }
+        if (step < 1) {
+            return;
+        }
+        if (this.totalStepperItems().length &&
+            !!this.totalStepperItemsArray()[step] &&
+            this.totalStepperItemsArray()[step].hasAttribute('disabled')) {
+            return;
+        }
+        if (this.linear()) {
+            const currentValue = this.value() ?? 1;
+            if (step > currentValue + 1) {
+                return;
+            }
+        }
+        this.value.set(step);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxStepperRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.6", type: RdxStepperRootDirective, isStandalone: true, selector: "[rdxStepperRoot]", inputs: { defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, linear: { classPropertyName: "linear", publicName: "linear", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "group" }, properties: { "attr.aria-label": "\"progress\"", "attr.data-linear": "linear() ? \"\" : undefined", "attr.data-orientation": "orientation()" } }, providers: [
+            {
+                provide: STEPPER_ROOT_CONTEXT,
+                useExisting: forwardRef(() => RdxStepperRootDirective)
+            }
+        ], exportAs: ["rdxStepperRoot"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxStepperRootDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxStepperRoot]',
+                    exportAs: 'rdxStepperRoot',
+                    providers: [
+                        {
+                            provide: STEPPER_ROOT_CONTEXT,
+                            useExisting: forwardRef(() => RdxStepperRootDirective)
+                        }
+                    ],
+                    host: {
+                        role: 'group',
+                        '[attr.aria-label]': '"progress"',
+                        '[attr.data-linear]': 'linear() ? "" : undefined',
+                        '[attr.data-orientation]': 'orientation()'
+                    }
+                }]
+        }], ctorParameters: () => [] });
+
+class RdxStepperSeparatorDirective {
+    constructor() {
+        this.rootContext = injectStepperRootContext();
+        this.itemContext = injectStepperItemContext();
+        this.rdxSeparator = inject(RdxSeparatorRootDirective, { host: true });
+        effect(() => {
+            this.rdxSeparator.updateDecorative(true);
+            this.rdxSeparator.updateOrientation(this.rootContext.orientation());
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxStepperSeparatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.6", type: RdxStepperSeparatorDirective, isStandalone: true, selector: "[rdxStepperSeparator]", host: { properties: { "attr.data-state": "itemContext.itemState()" } }, hostDirectives: [{ directive: i1.RdxSeparatorRootDirective, inputs: ["orientation", "orientation", "decorative", "decorative"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxStepperSeparatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxStepperSeparator]',
+                    hostDirectives: [{ directive: RdxSeparatorRootDirective, inputs: ['orientation', 'decorative'] }],
+                    host: {
+                        '[attr.data-state]': 'itemContext.itemState()'
+                    }
+                }]
+        }], ctorParameters: () => [] });
+
+class RdxStepperTitleDirective {
+    constructor() {
+        this.itemContext = injectStepperItemContext();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxStepperTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.6", type: RdxStepperTitleDirective, isStandalone: true, selector: "[rdxStepperTitle]", host: { properties: { "attr.id": "itemContext.titleId" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxStepperTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxStepperTitle]',
+                    host: {
+                        '[attr.id]': 'itemContext.titleId'
+                    }
+                }]
+        }] });
+
+function getActiveElement() {
+    let activeElement = document.activeElement;
+    if (activeElement == null) {
+        return null;
+    }
+    while (activeElement != null &&
+        activeElement.shadowRoot != null &&
+        activeElement.shadowRoot.activeElement != null) {
+        activeElement = activeElement.shadowRoot.activeElement;
+    }
+    return activeElement;
+}
+
+// made by https://reka-ui.com/
+const ignoredElement = ['INPUT', 'TEXTAREA'];
+/**
+ * Allow arrow navigation for every html element with data-reka-collection-item tag
+ *
+ * @param e               Keyboard event
+ * @param currentElement  Event initiator element or any element that wants to handle the navigation
+ * @param parentElement   Parent element where contains all the collection items, this will collect every item to be used when nav
+ * @param options         further options
+ * @returns               the navigated html element or null if none
+ */
+function useArrowNavigation(e, currentElement, parentElement, options = {}) {
+    if (!currentElement || (options.enableIgnoredElement && ignoredElement.includes(currentElement.nodeName)))
+        return null;
+    const { arrowKeyOptions = 'both', attributeName = '[data-reka-collection-item]', itemsArray = [], loop = true, dir = 'ltr', preventScroll = true, focus = false } = options;
+    const [right, left, up, down, home, end] = [
+        e.key === 'ArrowRight',
+        e.key === 'ArrowLeft',
+        e.key === 'ArrowUp',
+        e.key === 'ArrowDown',
+        e.key === 'Home',
+        e.key === 'End'
+    ];
+    const goingVertical = up || down;
+    const goingHorizontal = right || left;
+    if (!home &&
+        !end &&
+        ((!goingVertical && !goingHorizontal) ||
+            (arrowKeyOptions === 'vertical' && goingHorizontal) ||
+            (arrowKeyOptions === 'horizontal' && goingVertical))) {
+        return null;
+    }
+    const allCollectionItems = parentElement
+        ? Array.from(parentElement.querySelectorAll(attributeName))
+        : itemsArray;
+    if (!allCollectionItems.length)
+        return null;
+    if (preventScroll)
+        e.preventDefault();
+    let item = null;
+    if (goingHorizontal || goingVertical) {
+        const goForward = goingVertical ? down : dir === 'ltr' ? right : left;
+        item = findNextFocusableElement(allCollectionItems, currentElement, {
+            goForward,
+            loop
+        });
+    }
+    else if (home) {
+        item = allCollectionItems.at(0) || null;
+    }
+    else if (end) {
+        item = allCollectionItems.at(-1) || null;
+    }
+    if (focus)
+        item?.focus();
+    return item;
+}
+/**
+ * Recursive function to find the next focusable element to avoid disabled elements
+ *
+ * @param elements Elements to navigate
+ * @param currentElement Current active element
+ * @param options
+ * @returns next focusable element
+ */
+function findNextFocusableElement(elements, currentElement, options, iterations = elements.length) {
+    if (--iterations === 0)
+        return null;
+    const index = elements.indexOf(currentElement);
+    const newIndex = options.goForward ? index + 1 : index - 1;
+    if (!options.loop && (newIndex < 0 || newIndex >= elements.length))
+        return null;
+    const adjustedNewIndex = (newIndex + elements.length) % elements.length;
+    const candidate = elements[adjustedNewIndex];
+    if (!candidate)
+        return null;
+    const isDisabled = candidate.hasAttribute('disabled') && candidate.getAttribute('disabled') !== 'false';
+    if (isDisabled) {
+        return findNextFocusableElement(elements, candidate, options, iterations);
+    }
+    return candidate;
+}
+
+// as button
+class RdxStepperTriggerDirective {
+    constructor() {
+        this.rootContext = injectStepperRootContext();
+        this.itemContext = injectStepperItemContext();
+        this.elementRef = inject(ElementRef);
+        this.stepperItems = computed(() => Array.from(this.rootContext.totalStepperItems()));
+    }
+    ngOnInit() {
+        const current = this.rootContext.totalStepperItems();
+        this.rootContext.totalStepperItems.set([...current, this.elementRef.nativeElement]);
+    }
+    ngOnDestroy() {
+        const current = this.rootContext.totalStepperItems();
+        const updated = current.filter((el) => el !== this.elementRef.nativeElement);
+        this.rootContext.totalStepperItems.set(updated);
+    }
+    handleMouseDown(event) {
+        if (this.itemContext.disabled()) {
+            return;
+        }
+        // handler only left mouse click
+        if (event.button !== 0) {
+            return;
+        }
+        if (this.rootContext.linear()) {
+            if (this.itemContext.step() <= this.rootContext.value() ||
+                this.itemContext.step() === this.rootContext.value() + 1) {
+                if (!event.ctrlKey) {
+                    this.rootContext.value.set(this.itemContext.step());
+                    return;
+                }
+            }
+        }
+        else {
+            if (!event.ctrlKey) {
+                this.rootContext.value.set(this.itemContext.step());
+                return;
+            }
+        }
+        // prevent focus to avoid accidental activation
+        event.preventDefault();
+    }
+    handleKeyDown(event) {
+        event.preventDefault();
+        if (this.itemContext.disabled()) {
+            return;
+        }
+        if ((event.key === kbd.ENTER || event.key === kbd.SPACE) && !event.ctrlKey && !event.shiftKey)
+            this.rootContext.value.set(this.itemContext.step());
+        if ([kbd.ARROW_LEFT, kbd.ARROW_RIGHT, kbd.ARROW_UP, kbd.ARROW_DOWN].includes(event.key)) {
+            useArrowNavigation(event, getActiveElement(), undefined, {
+                itemsArray: this.stepperItems(),
+                focus: true,
+                loop: false,
+                arrowKeyOptions: this.rootContext.orientation(),
+                dir: this.rootContext.dir()
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxStepperTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.6", type: RdxStepperTriggerDirective, isStandalone: true, selector: "button[rdxStepperTrigger]", host: { listeners: { "mousedown": "handleMouseDown($event)", "keydown.Enter": "handleKeyDown($event)", "keydown.Space": "handleKeyDown($event)", "keydown.ArrowLeft": "handleKeyDown($event)", "keydown.ArrowRight": "handleKeyDown($event)", "keydown.ArrowUp": "handleKeyDown($event)", "keydown.ArrowDown": "handleKeyDown($event)" }, properties: { "attr.tabindex": "itemContext.isFocusable() ? 0 : -1", "attr.aria-describedby": "itemContext.descriptionId", "attr.aria-labelledby": "itemContext.titleId", "attr.data-state": "itemContext.itemState()", "attr.data-orientation": "rootContext.orientation()", "attr.disabled": "itemContext.disabled() || !itemContext.isFocusable() ? \"\" : undefined", "attr.data-disabled": "itemContext.disabled() || !itemContext.isFocusable() ? \"\" : undefined" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxStepperTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[rdxStepperTrigger]',
+                    host: {
+                        '[attr.tabindex]': 'itemContext.isFocusable() ? 0 : -1',
+                        '[attr.aria-describedby]': 'itemContext.descriptionId',
+                        '[attr.aria-labelledby]': 'itemContext.titleId',
+                        '[attr.data-state]': 'itemContext.itemState()',
+                        '[attr.data-orientation]': 'rootContext.orientation()',
+                        '[attr.disabled]': 'itemContext.disabled() || !itemContext.isFocusable() ? "" : undefined',
+                        '[attr.data-disabled]': 'itemContext.disabled() || !itemContext.isFocusable() ? "" : undefined',
+                        '(mousedown)': 'handleMouseDown($event)',
+                        '(keydown.Enter)': 'handleKeyDown($event)',
+                        '(keydown.Space)': 'handleKeyDown($event)',
+                        '(keydown.ArrowLeft)': 'handleKeyDown($event)',
+                        '(keydown.ArrowRight)': 'handleKeyDown($event)',
+                        '(keydown.ArrowUp)': 'handleKeyDown($event)',
+                        '(keydown.ArrowDown)': 'handleKeyDown($event)'
+                    }
+                }]
+        }] });
+
+const _imports = [
+    RdxStepperDescriptionDirective,
+    RdxStepperTitleDirective,
+    RdxStepperSeparatorDirective,
+    RdxStepperItemDirective,
+    RdxStepperIndicatorDirective,
+    RdxStepperRootDirective,
+    RdxStepperTriggerDirective
+];
+class RdxStepperModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.6", ngImport: i0, type: RdxStepperModule, imports: [RdxStepperDescriptionDirective,
+            RdxStepperTitleDirective,
+            RdxStepperSeparatorDirective,
+            RdxStepperItemDirective,
+            RdxStepperIndicatorDirective,
+            RdxStepperRootDirective,
+            RdxStepperTriggerDirective], exports: [RdxStepperDescriptionDirective,
+            RdxStepperTitleDirective,
+            RdxStepperSeparatorDirective,
+            RdxStepperItemDirective,
+            RdxStepperIndicatorDirective,
+            RdxStepperRootDirective,
+            RdxStepperTriggerDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxStepperModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxStepperModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [..._imports],
+                    exports: [..._imports]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RdxStepperDescriptionDirective, RdxStepperIndicatorDirective, RdxStepperItemDirective, RdxStepperModule, RdxStepperRootDirective, RdxStepperSeparatorDirective, RdxStepperTitleDirective, RdxStepperTriggerDirective, STEPPER_ROOT_CONTEXT, injectStepperRootContext };
+//# sourceMappingURL=radix-ng-primitives-stepper.mjs.map

package/fesm2022/radix-ng-primitives-stepper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radix-ng-primitives-stepper.mjs","sources":["../../../packages/primitives/stepper/src/stepper-item-context.token.ts","../../../packages/primitives/stepper/src/stepper-description.directive.ts","../../../packages/primitives/stepper/src/stepper-indicator.directive.ts","../../../packages/primitives/stepper/src/stepper-root-context.token.ts","../../../packages/primitives/stepper/src/stepper-item.directive.ts","../../../packages/primitives/stepper/src/stepper-root.directive.ts","../../../packages/primitives/stepper/src/stepper-separator.directive.ts","../../../packages/primitives/stepper/src/stepper-title.directive.ts","../../../packages/primitives/stepper/src/utils/getActiveElement.ts","../../../packages/primitives/stepper/src/utils/useArrowNavigation.ts","../../../packages/primitives/stepper/src/stepper-trigger.directive.ts","../../../packages/primitives/stepper/index.ts","../../../packages/primitives/stepper/radix-ng-primitives-stepper.ts"],"sourcesContent":["import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport { inject, InjectionToken, InputSignalWithTransform, Signal } from '@angular/core';\nimport { StepperState } from './types';\n\nexport interface StepperItemContext {\n    titleId: string;\n    descriptionId: string;\n    step: InputSignalWithTransform<number, NumberInput>;\n    disabled: InputSignalWithTransform<boolean, BooleanInput>;\n    isFocusable: Signal<boolean>;\n    itemState: Signal<StepperState>;\n}\n\nexport const STEPPER_ITEM_CONTEXT = new InjectionToken<StepperItemContext>('StepperItemContext');\n\nexport function injectStepperItemContext(): StepperItemContext {\n    return inject(STEPPER_ITEM_CONTEXT);\n}\n","import { Directive } from '@angular/core';\nimport { injectStepperItemContext } from './stepper-item-context.token';\n\n@Directive({\n    selector: '[rdxStepperDescription]',\n    host: {\n        '[attr.id]': 'itemContext.descriptionId'\n    }\n})\nexport class RdxStepperDescriptionDirective {\n    readonly itemContext = injectStepperItemContext();\n}\n","import { Directive } from '@angular/core';\nimport { injectStepperItemContext } from './stepper-item-context.token';\n\n@Directive({\n    selector: '[rdxStepperIndicator]',\n    exportAs: 'rdxStepperIndicator'\n})\nexport class RdxStepperIndicatorDirective {\n    readonly itemContext = injectStepperItemContext();\n}\n","import { Direction } from '@angular/cdk/bidi';\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    inject,\n    InjectionToken,\n    InputSignal,\n    InputSignalWithTransform,\n    ModelSignal,\n    WritableSignal\n} from '@angular/core';\n\nexport interface StepperRootContext {\n    value: ModelSignal<number | undefined>;\n    orientation: InputSignal<'vertical' | 'horizontal'>;\n    dir: InputSignal<Direction>;\n    linear: InputSignalWithTransform<boolean, BooleanInput>;\n    totalStepperItems: WritableSignal<HTMLElement[]>;\n}\n\nexport const STEPPER_ROOT_CONTEXT = new InjectionToken<StepperRootContext>('StepperRootContext');\n\nexport function injectStepperRootContext(): StepperRootContext {\n    return inject(STEPPER_ROOT_CONTEXT);\n}\n","import { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, computed, Directive, forwardRef, inject, input, numberAttribute } from '@angular/core';\nimport { _IdGenerator } from '@radix-ng/primitives/core';\nimport { STEPPER_ITEM_CONTEXT, StepperItemContext } from './stepper-item-context.token';\nimport { injectStepperRootContext } from './stepper-root-context.token';\nimport { StepperState } from './types';\n\n@Directive({\n    selector: '[rdxStepperItem]',\n    providers: [\n        {\n            provide: STEPPER_ITEM_CONTEXT,\n            useExisting: forwardRef(() => RdxStepperItemDirective)\n        }\n    ],\n    host: {\n        '[attr.aria-current]': 'itemState() === \"active\" ? true : undefined',\n\n        '[attr.data-state]': 'itemState()',\n        '[attr.disabled]': 'disabled() || !isFocusable() ? \"\" : undefined',\n        '[attr.data-disabled]': 'disabled() || !isFocusable() ? \"\" : undefined',\n        '[attr.data-orientation]': 'rootContext.orientation()'\n    }\n})\nexport class RdxStepperItemDirective implements StepperItemContext {\n    protected readonly rootContext = injectStepperRootContext();\n\n    /** @ignore */\n    readonly titleId = inject(_IdGenerator).getId('rdx-stepper-item-title');\n\n    /** @ignore */\n    readonly descriptionId = inject(_IdGenerator).getId('rdx-stepper-item-description');\n\n    readonly step = input<number, NumberInput>(NaN, { transform: numberAttribute });\n\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /** @ignore */\n    readonly completed = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /** @ignore */\n    readonly itemState = computed<StepperState>(() => {\n        if (this.completed()) return 'completed';\n        if (this.rootContext.value() === this.step()) return 'active';\n\n        const step = this.step() ?? 1;\n        if (this.rootContext.value()! > step) {\n            return 'completed';\n        }\n\n        return 'inactive';\n    });\n\n    /** @ignore */\n    readonly isFocusable = computed(() => {\n        if (this.disabled()) return false;\n\n        const step = this.step() ?? 1;\n        if (this.rootContext.linear()) {\n            return step <= this.rootContext.value()! || step === this.rootContext.value()! + 1;\n        }\n\n        return true;\n    });\n}\n","import { LiveAnnouncer } from '@angular/cdk/a11y';\nimport { Direction } from '@angular/cdk/bidi';\nimport { BooleanInput, NumberInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    computed,\n    Directive,\n    effect,\n    forwardRef,\n    inject,\n    input,\n    model,\n    numberAttribute,\n    signal\n} from '@angular/core';\nimport { STEPPER_ROOT_CONTEXT, StepperRootContext } from './stepper-root-context.token';\n\n@Directive({\n    selector: '[rdxStepperRoot]',\n    exportAs: 'rdxStepperRoot',\n    providers: [\n        {\n            provide: STEPPER_ROOT_CONTEXT,\n            useExisting: forwardRef(() => RdxStepperRootDirective)\n        }\n    ],\n    host: {\n        role: 'group',\n        '[attr.aria-label]': '\"progress\"',\n        '[attr.data-linear]': 'linear() ? \"\" : undefined',\n        '[attr.data-orientation]': 'orientation()'\n    }\n})\nexport class RdxStepperRootDirective implements StepperRootContext {\n    private readonly liveAnnouncer = inject(LiveAnnouncer);\n\n    readonly defaultValue = input<number, NumberInput>(undefined, { transform: numberAttribute });\n\n    readonly value = model<number | undefined>(this.defaultValue());\n\n    readonly linear = input<boolean, BooleanInput>(true, { transform: booleanAttribute });\n\n    readonly dir = input<Direction>('ltr');\n\n    readonly orientation = input<'vertical' | 'horizontal'>('horizontal');\n\n    /** @ignore */\n    readonly totalStepperItemsArray = computed(() => Array.from(this.totalStepperItems()));\n\n    /** @ignore */\n    readonly isFirstStep = computed(() => this.value() === 1);\n\n    /** @ignore */\n    readonly isLastStep = computed(() => this.value() === this.totalStepperItemsArray().length);\n\n    /** @ignore */\n    readonly totalSteps = computed(() => this.totalStepperItems().length);\n\n    /** @ignore */\n    readonly isNextDisabled = computed<boolean>(() => {\n        const item = this.nextStepperItem();\n        return item ? item.hasAttribute('disabled') : true;\n    });\n\n    /** @ignore */\n    readonly isPrevDisabled = computed<boolean>(() => {\n        const item = this.prevStepperItem();\n        return item ? item.hasAttribute('disabled') : true;\n    });\n\n    /** @ignore */\n    readonly totalStepperItems = signal<HTMLElement[]>([]);\n\n    private readonly nextStepperItem = signal<HTMLElement | null>(null);\n    private readonly prevStepperItem = signal<HTMLElement | null>(null);\n\n    constructor() {\n        effect(() => {\n            const items = this.totalStepperItemsArray();\n            const currentValue = this.value();\n\n            if (currentValue) {\n                if (items.length && currentValue < items.length) {\n                    this.nextStepperItem.set(items[currentValue]);\n                } else {\n                    this.nextStepperItem.set(null);\n                }\n\n                if (items.length && currentValue > 1) {\n                    this.prevStepperItem.set(items[currentValue - 2]);\n                } else {\n                    this.prevStepperItem.set(null);\n                }\n\n                this.liveAnnouncer.announce(`Step ${currentValue} of ${items.length}`);\n            }\n        });\n    }\n\n    goToStep(step: number) {\n        if (step > this.totalSteps()) {\n            return;\n        }\n\n        if (step < 1) {\n            return;\n        }\n\n        if (\n            this.totalStepperItems().length &&\n            !!this.totalStepperItemsArray()[step] &&\n            this.totalStepperItemsArray()[step].hasAttribute('disabled')\n        ) {\n            return;\n        }\n\n        if (this.linear()) {\n            const currentValue = this.value() ?? 1;\n            if (step > currentValue + 1) {\n                return;\n            }\n        }\n        this.value.set(step);\n    }\n}\n","import { Directive, effect, inject } from '@angular/core';\nimport { RdxSeparatorRootDirective } from '@radix-ng/primitives/separator';\nimport { injectStepperItemContext } from './stepper-item-context.token';\nimport { injectStepperRootContext } from './stepper-root-context.token';\n\n@Directive({\n    selector: '[rdxStepperSeparator]',\n    hostDirectives: [{ directive: RdxSeparatorRootDirective, inputs: ['orientation', 'decorative'] }],\n    host: {\n        '[attr.data-state]': 'itemContext.itemState()'\n    }\n})\nexport class RdxStepperSeparatorDirective {\n    protected readonly rootContext = injectStepperRootContext();\n    protected readonly itemContext = injectStepperItemContext();\n\n    private readonly rdxSeparator = inject(RdxSeparatorRootDirective, { host: true });\n\n    constructor() {\n        effect(() => {\n            this.rdxSeparator.updateDecorative(true);\n            this.rdxSeparator.updateOrientation(this.rootContext.orientation());\n        });\n    }\n}\n","import { Directive } from '@angular/core';\nimport { injectStepperItemContext } from './stepper-item-context.token';\n\n@Directive({\n    selector: '[rdxStepperTitle]',\n    host: {\n        '[attr.id]': 'itemContext.titleId'\n    }\n})\nexport class RdxStepperTitleDirective {\n    readonly itemContext = injectStepperItemContext();\n}\n","export function getActiveElement(): Element | null {\n    let activeElement = document.activeElement;\n    if (activeElement == null) {\n        return null;\n    }\n\n    while (\n        activeElement != null &&\n        activeElement.shadowRoot != null &&\n        activeElement.shadowRoot.activeElement != null\n    ) {\n        activeElement = activeElement.shadowRoot.activeElement;\n    }\n\n    return activeElement;\n}\n","// made by https://reka-ui.com/\n\nimport { Direction } from '@angular/cdk/bidi';\n\ntype ArrowKeyOptions = 'horizontal' | 'vertical' | 'both';\n\ninterface ArrowNavigationOptions {\n    /**\n     * The arrow key options to allow navigation\n     *\n     * @defaultValue \"both\"\n     */\n    arrowKeyOptions?: ArrowKeyOptions;\n\n    /**\n     * The attribute name to find the collection items in the parent element.\n     *\n     * @defaultValue \"data-reka-collection-item\"\n     */\n    attributeName?: string;\n\n    /**\n     * The parent element where contains all the collection items, this will collect every item to be used when nav\n     * It will be ignored if attributeName is provided\n     *\n     * @defaultValue []\n     */\n    itemsArray?: HTMLElement[];\n\n    /**\n     * Allow loop navigation. If false, it will stop at the first and last element\n     *\n     * @defaultValue true\n     */\n    loop?: boolean;\n\n    /**\n     * The orientation of the collection\n     *\n     * @defaultValue \"ltr\"\n     */\n    dir?: Direction;\n\n    /**\n     * Prevent the scroll when navigating. This happens when the direction of the\n     * key matches the scroll direction of any ancestor scrollable elements.\n     *\n     * @defaultValue true\n     */\n    preventScroll?: boolean;\n\n    /**\n     * By default all currentElement would trigger navigation. If `true`, currentElement nodeName in the ignore list will return null\n     *\n     * @defaultValue false\n     */\n    enableIgnoredElement?: boolean;\n\n    /**\n     * Focus the element after navigation\n     *\n     * @defaultValue false\n     */\n    focus?: boolean;\n}\n\nconst ignoredElement = ['INPUT', 'TEXTAREA'];\n\n/**\n * Allow arrow navigation for every html element with data-reka-collection-item tag\n *\n * @param e               Keyboard event\n * @param currentElement  Event initiator element or any element that wants to handle the navigation\n * @param parentElement   Parent element where contains all the collection items, this will collect every item to be used when nav\n * @param options         further options\n * @returns               the navigated html element or null if none\n */\nexport function useArrowNavigation(\n    e: KeyboardEvent,\n    currentElement: HTMLElement,\n    parentElement: HTMLElement | undefined,\n    options: ArrowNavigationOptions = {}\n): HTMLElement | null {\n    if (!currentElement || (options.enableIgnoredElement && ignoredElement.includes(currentElement.nodeName)))\n        return null;\n\n    const {\n        arrowKeyOptions = 'both',\n        attributeName = '[data-reka-collection-item]',\n        itemsArray = [],\n        loop = true,\n        dir = 'ltr',\n        preventScroll = true,\n        focus = false\n    } = options;\n\n    const [right, left, up, down, home, end] = [\n        e.key === 'ArrowRight',\n        e.key === 'ArrowLeft',\n        e.key === 'ArrowUp',\n        e.key === 'ArrowDown',\n        e.key === 'Home',\n        e.key === 'End'\n    ];\n    const goingVertical = up || down;\n    const goingHorizontal = right || left;\n    if (\n        !home &&\n        !end &&\n        ((!goingVertical && !goingHorizontal) ||\n            (arrowKeyOptions === 'vertical' && goingHorizontal) ||\n            (arrowKeyOptions === 'horizontal' && goingVertical))\n    ) {\n        return null;\n    }\n\n    const allCollectionItems: HTMLElement[] = parentElement\n        ? Array.from(parentElement.querySelectorAll(attributeName))\n        : itemsArray;\n\n    if (!allCollectionItems.length) return null;\n\n    if (preventScroll) e.preventDefault();\n\n    let item: HTMLElement | null = null;\n\n    if (goingHorizontal || goingVertical) {\n        const goForward = goingVertical ? down : dir === 'ltr' ? right : left;\n        item = findNextFocusableElement(allCollectionItems, currentElement, {\n            goForward,\n            loop\n        });\n    } else if (home) {\n        item = allCollectionItems.at(0) || null;\n    } else if (end) {\n        item = allCollectionItems.at(-1) || null;\n    }\n\n    if (focus) item?.focus();\n\n    return item;\n}\n\ninterface FindNextFocusableElementOptions {\n    /**\n     * Whether to search forwards or backwards.\n     */\n    goForward: boolean;\n    /**\n     * Whether to allow looping the search. If false, it will stop at the first/last element.\n     *\n     * @default true\n     */\n    loop?: boolean;\n}\n\n/**\n * Recursive function to find the next focusable element to avoid disabled elements\n *\n * @param elements Elements to navigate\n * @param currentElement Current active element\n * @param options\n * @returns next focusable element\n */\nfunction findNextFocusableElement(\n    elements: HTMLElement[],\n    currentElement: HTMLElement,\n    options: FindNextFocusableElementOptions,\n    iterations = elements.length\n): HTMLElement | null {\n    if (--iterations === 0) return null;\n\n    const index = elements.indexOf(currentElement);\n    const newIndex = options.goForward ? index + 1 : index - 1;\n\n    if (!options.loop && (newIndex < 0 || newIndex >= elements.length)) return null;\n\n    const adjustedNewIndex = (newIndex + elements.length) % elements.length;\n    const candidate = elements[adjustedNewIndex];\n    if (!candidate) return null;\n\n    const isDisabled = candidate.hasAttribute('disabled') && candidate.getAttribute('disabled') !== 'false';\n    if (isDisabled) {\n        return findNextFocusableElement(elements, candidate, options, iterations);\n    }\n    return candidate;\n}\n","import { computed, Directive, ElementRef, inject, OnDestroy, OnInit } from '@angular/core';\nimport * as kbd from '@radix-ng/primitives/core';\nimport { injectStepperItemContext } from './stepper-item-context.token';\nimport { injectStepperRootContext } from './stepper-root-context.token';\nimport { getActiveElement } from './utils/getActiveElement';\nimport { useArrowNavigation } from './utils/useArrowNavigation';\n\n// as button\n@Directive({\n    selector: 'button[rdxStepperTrigger]',\n    host: {\n        '[attr.tabindex]': 'itemContext.isFocusable() ? 0 : -1',\n        '[attr.aria-describedby]': 'itemContext.descriptionId',\n        '[attr.aria-labelledby]': 'itemContext.titleId',\n\n        '[attr.data-state]': 'itemContext.itemState()',\n        '[attr.data-orientation]': 'rootContext.orientation()',\n        '[attr.disabled]': 'itemContext.disabled() || !itemContext.isFocusable() ? \"\" : undefined',\n        '[attr.data-disabled]': 'itemContext.disabled() || !itemContext.isFocusable() ? \"\" : undefined',\n\n        '(mousedown)': 'handleMouseDown($event)',\n\n        '(keydown.Enter)': 'handleKeyDown($event)',\n        '(keydown.Space)': 'handleKeyDown($event)',\n        '(keydown.ArrowLeft)': 'handleKeyDown($event)',\n        '(keydown.ArrowRight)': 'handleKeyDown($event)',\n        '(keydown.ArrowUp)': 'handleKeyDown($event)',\n        '(keydown.ArrowDown)': 'handleKeyDown($event)'\n    }\n})\nexport class RdxStepperTriggerDirective implements OnInit, OnDestroy {\n    protected readonly rootContext = injectStepperRootContext();\n    protected readonly itemContext = injectStepperItemContext();\n\n    private readonly elementRef = inject(ElementRef);\n\n    readonly stepperItems = computed(() => Array.from(this.rootContext.totalStepperItems()));\n\n    ngOnInit() {\n        const current = this.rootContext.totalStepperItems();\n        this.rootContext.totalStepperItems.set([...current, this.elementRef.nativeElement]);\n    }\n\n    ngOnDestroy() {\n        const current = this.rootContext.totalStepperItems();\n        const updated = current.filter((el: HTMLElement) => el !== this.elementRef.nativeElement);\n\n        this.rootContext.totalStepperItems.set(updated);\n    }\n\n    handleMouseDown(event: MouseEvent) {\n        if (this.itemContext.disabled()) {\n            return;\n        }\n\n        // handler only left mouse click\n        if (event.button !== 0) {\n            return;\n        }\n\n        if (this.rootContext.linear()) {\n            if (\n                this.itemContext.step() <= this.rootContext.value()! ||\n                this.itemContext.step() === this.rootContext.value()! + 1\n            ) {\n                if (!event.ctrlKey) {\n                    this.rootContext.value.set(this.itemContext.step());\n                    return;\n                }\n            }\n        } else {\n            if (!event.ctrlKey) {\n                this.rootContext.value.set(this.itemContext.step());\n                return;\n            }\n        }\n\n        // prevent focus to avoid accidental activation\n        event.preventDefault();\n    }\n\n    handleKeyDown(event: KeyboardEvent) {\n        event.preventDefault();\n\n        if (this.itemContext.disabled()) {\n            return;\n        }\n\n        if ((event.key === kbd.ENTER || event.key === kbd.SPACE) && !event.ctrlKey && !event.shiftKey)\n            this.rootContext.value.set(this.itemContext.step());\n\n        if ([kbd.ARROW_LEFT, kbd.ARROW_RIGHT, kbd.ARROW_UP, kbd.ARROW_DOWN].includes(event.key)) {\n            useArrowNavigation(event, getActiveElement() as HTMLElement, undefined, {\n                itemsArray: this.stepperItems() as HTMLElement[],\n                focus: true,\n                loop: false,\n                arrowKeyOptions: this.rootContext.orientation(),\n                dir: this.rootContext.dir()\n            });\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { RdxStepperDescriptionDirective } from './src/stepper-description.directive';\nimport { RdxStepperIndicatorDirective } from './src/stepper-indicator.directive';\nimport { RdxStepperItemDirective } from './src/stepper-item.directive';\nimport { RdxStepperRootDirective } from './src/stepper-root.directive';\nimport { RdxStepperSeparatorDirective } from './src/stepper-separator.directive';\nimport { RdxStepperTitleDirective } from './src/stepper-title.directive';\nimport { RdxStepperTriggerDirective } from './src/stepper-trigger.directive';\n\nexport * from './src/stepper-description.directive';\nexport * from './src/stepper-indicator.directive';\nexport * from './src/stepper-item.directive';\nexport * from './src/stepper-root-context.token';\nexport * from './src/stepper-root.directive';\nexport * from './src/stepper-separator.directive';\nexport * from './src/stepper-title.directive';\nexport * from './src/stepper-trigger.directive';\nexport * from './src/types';\n\nconst _imports = [\n    RdxStepperDescriptionDirective,\n    RdxStepperTitleDirective,\n    RdxStepperSeparatorDirective,\n    RdxStepperItemDirective,\n    RdxStepperIndicatorDirective,\n    RdxStepperRootDirective,\n    RdxStepperTriggerDirective\n];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxStepperModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAaO,MAAM,oBAAoB,GAAG,IAAI,cAAc,CAAqB,oBAAoB,CAAC;SAEhF,wBAAwB,GAAA;AACpC,IAAA,OAAO,MAAM,CAAC,oBAAoB,CAAC;AACvC;;MCRa,8BAA8B,CAAA;AAN3C,IAAA,WAAA,GAAA;QAOa,IAAW,CAAA,WAAA,GAAG,wBAAwB,EAAE;AACpD;8GAFY,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA9B,8BAA8B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,2BAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA9B,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAN1C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,IAAI,EAAE;AACF,wBAAA,WAAW,EAAE;AAChB;AACJ,iBAAA;;;MCDY,4BAA4B,CAAA;AAJzC,IAAA,WAAA,GAAA;QAKa,IAAW,CAAA,WAAA,GAAG,wBAAwB,EAAE;AACpD;8GAFY,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA5B,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAJxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE;AACb,iBAAA;;;MCaY,oBAAoB,GAAG,IAAI,cAAc,CAAqB,oBAAoB;SAE/E,wBAAwB,GAAA;AACpC,IAAA,OAAO,MAAM,CAAC,oBAAoB,CAAC;AACvC;;MCCa,uBAAuB,CAAA;AAjBpC,IAAA,WAAA,GAAA;QAkBuB,IAAW,CAAA,WAAA,GAAG,wBAAwB,EAAE;;QAGlD,IAAO,CAAA,OAAA,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,wBAAwB,CAAC;;QAG9D,IAAa,CAAA,aAAA,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,8BAA8B,CAAC;QAE1E,IAAI,CAAA,IAAA,GAAG,KAAK,CAAsB,GAAG,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;QAEtE,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAwB,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;;QAG/E,IAAS,CAAA,SAAA,GAAG,KAAK,CAAwB,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;;AAGhF,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAe,MAAK;YAC7C,IAAI,IAAI,CAAC,SAAS,EAAE;AAAE,gBAAA,OAAO,WAAW;YACxC,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,IAAI,EAAE;AAAE,gBAAA,OAAO,QAAQ;YAE7D,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;YAC7B,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,EAAG,GAAG,IAAI,EAAE;AAClC,gBAAA,OAAO,WAAW;;AAGtB,YAAA,OAAO,UAAU;AACrB,SAAC,CAAC;;AAGO,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;YACjC,IAAI,IAAI,CAAC,QAAQ,EAAE;AAAE,gBAAA,OAAO,KAAK;YAEjC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;AAC7B,YAAA,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE;AAC3B,gBAAA,OAAO,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,EAAG,IAAI,IAAI,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,EAAG,GAAG,CAAC;;AAGtF,YAAA,OAAO,IAAI;AACf,SAAC,CAAC;AACL;8GAxCY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,EAfrB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,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,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,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,+CAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,iDAAA,EAAA,oBAAA,EAAA,iDAAA,EAAA,uBAAA,EAAA,2BAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,oBAAoB;AAC7B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,uBAAuB;AACxD;AACJ,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAUQ,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAjBnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,SAAS,EAAE;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,oBAAoB;AAC7B,4BAAA,WAAW,EAAE,UAAU,CAAC,6BAA6B;AACxD;AACJ,qBAAA;AACD,oBAAA,IAAI,EAAE;AACF,wBAAA,qBAAqB,EAAE,6CAA6C;AAEpE,wBAAA,mBAAmB,EAAE,aAAa;AAClC,wBAAA,iBAAiB,EAAE,+CAA+C;AAClE,wBAAA,sBAAsB,EAAE,+CAA+C;AACvE,wBAAA,yBAAyB,EAAE;AAC9B;AACJ,iBAAA;;;MCUY,uBAAuB,CAAA;AA2ChC,IAAA,WAAA,GAAA;AA1CiB,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC;QAE7C,IAAY,CAAA,YAAA,GAAG,KAAK,CAAsB,SAAS,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;QAEpF,IAAK,CAAA,KAAA,GAAG,KAAK,CAAqB,IAAI,CAAC,YAAY,EAAE,CAAC;QAEtD,IAAM,CAAA,MAAA,GAAG,KAAK,CAAwB,IAAI,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAE5E,QAAA,IAAA,CAAA,GAAG,GAAG,KAAK,CAAY,KAAK,CAAC;AAE7B,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAA4B,YAAY,CAAC;;AAG5D,QAAA,IAAA,CAAA,sBAAsB,GAAG,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC;;AAG7E,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;;AAGhD,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,sBAAsB,EAAE,CAAC,MAAM,CAAC;;AAGlF,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC,MAAM,CAAC;;AAG5D,QAAA,IAAA,CAAA,cAAc,GAAG,QAAQ,CAAU,MAAK;AAC7C,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE;AACnC,YAAA,OAAO,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG,IAAI;AACtD,SAAC,CAAC;;AAGO,QAAA,IAAA,CAAA,cAAc,GAAG,QAAQ,CAAU,MAAK;AAC7C,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE;AACnC,YAAA,OAAO,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG,IAAI;AACtD,SAAC,CAAC;;AAGO,QAAA,IAAA,CAAA,iBAAiB,GAAG,MAAM,CAAgB,EAAE,CAAC;AAErC,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAqB,IAAI,CAAC;AAClD,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAqB,IAAI,CAAC;QAG/D,MAAM,CAAC,MAAK;AACR,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,sBAAsB,EAAE;AAC3C,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE;YAEjC,IAAI,YAAY,EAAE;gBACd,IAAI,KAAK,CAAC,MAAM,IAAI,YAAY,GAAG,KAAK,CAAC,MAAM,EAAE;oBAC7C,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;;qBAC1C;AACH,oBAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC;;gBAGlC,IAAI,KAAK,CAAC,MAAM,IAAI,YAAY,GAAG,CAAC,EAAE;AAClC,oBAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;;qBAC9C;AACH,oBAAA,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC;;AAGlC,gBAAA,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA,KAAA,EAAQ,YAAY,CAAA,IAAA,EAAO,KAAK,CAAC,MAAM,CAAA,CAAE,CAAC;;AAE9E,SAAC,CAAC;;AAGN,IAAA,QAAQ,CAAC,IAAY,EAAA;AACjB,QAAA,IAAI,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,EAAE;YAC1B;;AAGJ,QAAA,IAAI,IAAI,GAAG,CAAC,EAAE;YACV;;AAGJ,QAAA,IACI,IAAI,CAAC,iBAAiB,EAAE,CAAC,MAAM;AAC/B,YAAA,CAAC,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,IAAI,CAAC;AACrC,YAAA,IAAI,CAAC,sBAAsB,EAAE,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,EAC9D;YACE;;AAGJ,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE;YACf,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC;AACtC,YAAA,IAAI,IAAI,GAAG,YAAY,GAAG,CAAC,EAAE;gBACzB;;;AAGR,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;;8GAzFf,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,EAbrB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,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,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,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,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,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,6BAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,oBAAoB;AAC7B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,uBAAuB;AACxD;AACJ,SAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAQQ,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAhBnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,SAAS,EAAE;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,oBAAoB;AAC7B,4BAAA,WAAW,EAAE,UAAU,CAAC,6BAA6B;AACxD;AACJ,qBAAA;AACD,oBAAA,IAAI,EAAE;AACF,wBAAA,IAAI,EAAE,OAAO;AACb,wBAAA,mBAAmB,EAAE,YAAY;AACjC,wBAAA,oBAAoB,EAAE,2BAA2B;AACjD,wBAAA,yBAAyB,EAAE;AAC9B;AACJ,iBAAA;;;MCpBY,4BAA4B,CAAA;AAMrC,IAAA,WAAA,GAAA;QALmB,IAAW,CAAA,WAAA,GAAG,wBAAwB,EAAE;QACxC,IAAW,CAAA,WAAA,GAAG,wBAAwB,EAAE;QAE1C,IAAY,CAAA,YAAA,GAAG,MAAM,CAAC,yBAAyB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAG7E,MAAM,CAAC,MAAK;AACR,YAAA,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,IAAI,CAAC;AACxC,YAAA,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;AACvE,SAAC,CAAC;;8GAVG,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA5B,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,yBAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,cAAc,EAAE,CAAC,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC,EAAE,CAAC;AACjG,oBAAA,IAAI,EAAE;AACF,wBAAA,mBAAmB,EAAE;AACxB;AACJ,iBAAA;;;MCFY,wBAAwB,CAAA;AANrC,IAAA,WAAA,GAAA;QAOa,IAAW,CAAA,WAAA,GAAG,wBAAwB,EAAE;AACpD;8GAFY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,IAAI,EAAE;AACF,wBAAA,WAAW,EAAE;AAChB;AACJ,iBAAA;;;SCRe,gBAAgB,GAAA;AAC5B,IAAA,IAAI,aAAa,GAAG,QAAQ,CAAC,aAAa;AAC1C,IAAA,IAAI,aAAa,IAAI,IAAI,EAAE;AACvB,QAAA,OAAO,IAAI;;IAGf,OACI,aAAa,IAAI,IAAI;QACrB,aAAa,CAAC,UAAU,IAAI,IAAI;AAChC,QAAA,aAAa,CAAC,UAAU,CAAC,aAAa,IAAI,IAAI,EAChD;AACE,QAAA,aAAa,GAAG,aAAa,CAAC,UAAU,CAAC,aAAa;;AAG1D,IAAA,OAAO,aAAa;AACxB;;ACfA;AAkEA,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC;AAE5C;;;;;;;;AAQG;AACG,SAAU,kBAAkB,CAC9B,CAAgB,EAChB,cAA2B,EAC3B,aAAsC,EACtC,OAAA,GAAkC,EAAE,EAAA;AAEpC,IAAA,IAAI,CAAC,cAAc,KAAK,OAAO,CAAC,oBAAoB,IAAI,cAAc,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;AACrG,QAAA,OAAO,IAAI;AAEf,IAAA,MAAM,EACF,eAAe,GAAG,MAAM,EACxB,aAAa,GAAG,6BAA6B,EAC7C,UAAU,GAAG,EAAE,EACf,IAAI,GAAG,IAAI,EACX,GAAG,GAAG,KAAK,EACX,aAAa,GAAG,IAAI,EACpB,KAAK,GAAG,KAAK,EAChB,GAAG,OAAO;AAEX,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,GAAG;QACvC,CAAC,CAAC,GAAG,KAAK,YAAY;QACtB,CAAC,CAAC,GAAG,KAAK,WAAW;QACrB,CAAC,CAAC,GAAG,KAAK,SAAS;QACnB,CAAC,CAAC,GAAG,KAAK,WAAW;QACrB,CAAC,CAAC,GAAG,KAAK,MAAM;QAChB,CAAC,CAAC,GAAG,KAAK;KACb;AACD,IAAA,MAAM,aAAa,GAAG,EAAE,IAAI,IAAI;AAChC,IAAA,MAAM,eAAe,GAAG,KAAK,IAAI,IAAI;AACrC,IAAA,IACI,CAAC,IAAI;AACL,QAAA,CAAC,GAAG;AACJ,SAAC,CAAC,CAAC,aAAa,IAAI,CAAC,eAAe;AAChC,aAAC,eAAe,KAAK,UAAU,IAAI,eAAe,CAAC;aAClD,eAAe,KAAK,YAAY,IAAI,aAAa,CAAC,CAAC,EAC1D;AACE,QAAA,OAAO,IAAI;;IAGf,MAAM,kBAAkB,GAAkB;UACpC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,aAAa,CAAC;UACxD,UAAU;IAEhB,IAAI,CAAC,kBAAkB,CAAC,MAAM;AAAE,QAAA,OAAO,IAAI;AAE3C,IAAA,IAAI,aAAa;QAAE,CAAC,CAAC,cAAc,EAAE;IAErC,IAAI,IAAI,GAAuB,IAAI;AAEnC,IAAA,IAAI,eAAe,IAAI,aAAa,EAAE;QAClC,MAAM,SAAS,GAAG,aAAa,GAAG,IAAI,GAAG,GAAG,KAAK,KAAK,GAAG,KAAK,GAAG,IAAI;AACrE,QAAA,IAAI,GAAG,wBAAwB,CAAC,kBAAkB,EAAE,cAAc,EAAE;YAChE,SAAS;YACT;AACH,SAAA,CAAC;;SACC,IAAI,IAAI,EAAE;QACb,IAAI,GAAG,kBAAkB,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI;;SACpC,IAAI,GAAG,EAAE;QACZ,IAAI,GAAG,kBAAkB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI;;AAG5C,IAAA,IAAI,KAAK;QAAE,IAAI,EAAE,KAAK,EAAE;AAExB,IAAA,OAAO,IAAI;AACf;AAeA;;;;;;;AAOG;AACH,SAAS,wBAAwB,CAC7B,QAAuB,EACvB,cAA2B,EAC3B,OAAwC,EACxC,UAAU,GAAG,QAAQ,CAAC,MAAM,EAAA;IAE5B,IAAI,EAAE,UAAU,KAAK,CAAC;AAAE,QAAA,OAAO,IAAI;IAEnC,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC;AAC9C,IAAA,MAAM,QAAQ,GAAG,OAAO,CAAC,SAAS,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC;AAE1D,IAAA,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,QAAQ,GAAG,CAAC,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,CAAC;AAAE,QAAA,OAAO,IAAI;AAE/E,IAAA,MAAM,gBAAgB,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,MAAM;AACvE,IAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAC;AAC5C,IAAA,IAAI,CAAC,SAAS;AAAE,QAAA,OAAO,IAAI;AAE3B,IAAA,MAAM,UAAU,GAAG,SAAS,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,SAAS,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,OAAO;IACvG,IAAI,UAAU,EAAE;QACZ,OAAO,wBAAwB,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC;;AAE7E,IAAA,OAAO,SAAS;AACpB;;ACnLA;MAuBa,0BAA0B,CAAA;AAtBvC,IAAA,WAAA,GAAA;QAuBuB,IAAW,CAAA,WAAA,GAAG,wBAAwB,EAAE;QACxC,IAAW,CAAA,WAAA,GAAG,wBAAwB,EAAE;AAE1C,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAEvC,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,iBAAiB,EAAE,CAAC,CAAC;AAiE3F;IA/DG,QAAQ,GAAA;QACJ,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,iBAAiB,EAAE;AACpD,QAAA,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;;IAGvF,WAAW,GAAA;QACP,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,iBAAiB,EAAE;AACpD,QAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,EAAe,KAAK,EAAE,KAAK,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;QAEzF,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC;;AAGnD,IAAA,eAAe,CAAC,KAAiB,EAAA;AAC7B,QAAA,IAAI,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAE;YAC7B;;;AAIJ,QAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;YACpB;;AAGJ,QAAA,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE;AAC3B,YAAA,IACI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,EAAG;AACpD,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,EAAG,GAAG,CAAC,EAC3D;AACE,gBAAA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;AAChB,oBAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;oBACnD;;;;aAGL;AACH,YAAA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;AAChB,gBAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;gBACnD;;;;QAKR,KAAK,CAAC,cAAc,EAAE;;AAG1B,IAAA,aAAa,CAAC,KAAoB,EAAA;QAC9B,KAAK,CAAC,cAAc,EAAE;AAEtB,QAAA,IAAI,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAE;YAC7B;;QAGJ,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ;AACzF,YAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;QAEvD,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,GAAG,CAAC,WAAW,EAAE,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;AACrF,YAAA,kBAAkB,CAAC,KAAK,EAAE,gBAAgB,EAAiB,EAAE,SAAS,EAAE;AACpE,gBAAA,UAAU,EAAE,IAAI,CAAC,YAAY,EAAmB;AAChD,gBAAA,KAAK,EAAE,IAAI;AACX,gBAAA,IAAI,EAAE,KAAK;AACX,gBAAA,eAAe,EAAE,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE;AAC/C,gBAAA,GAAG,EAAE,IAAI,CAAC,WAAW,CAAC,GAAG;AAC5B,aAAA,CAAC;;;8GApED,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,WAAA,EAAA,yBAAA,EAAA,eAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,uBAAA,EAAA,mBAAA,EAAA,uBAAA,EAAA,oBAAA,EAAA,uBAAA,EAAA,iBAAA,EAAA,uBAAA,EAAA,mBAAA,EAAA,uBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,oCAAA,EAAA,uBAAA,EAAA,2BAAA,EAAA,sBAAA,EAAA,qBAAA,EAAA,iBAAA,EAAA,yBAAA,EAAA,uBAAA,EAAA,2BAAA,EAAA,eAAA,EAAA,yEAAA,EAAA,oBAAA,EAAA,yEAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAtBtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,IAAI,EAAE;AACF,wBAAA,iBAAiB,EAAE,oCAAoC;AACvD,wBAAA,yBAAyB,EAAE,2BAA2B;AACtD,wBAAA,wBAAwB,EAAE,qBAAqB;AAE/C,wBAAA,mBAAmB,EAAE,yBAAyB;AAC9C,wBAAA,yBAAyB,EAAE,2BAA2B;AACtD,wBAAA,iBAAiB,EAAE,uEAAuE;AAC1F,wBAAA,sBAAsB,EAAE,uEAAuE;AAE/F,wBAAA,aAAa,EAAE,yBAAyB;AAExC,wBAAA,iBAAiB,EAAE,uBAAuB;AAC1C,wBAAA,iBAAiB,EAAE,uBAAuB;AAC1C,wBAAA,qBAAqB,EAAE,uBAAuB;AAC9C,wBAAA,sBAAsB,EAAE,uBAAuB;AAC/C,wBAAA,mBAAmB,EAAE,uBAAuB;AAC5C,wBAAA,qBAAqB,EAAE;AAC1B;AACJ,iBAAA;;;ACVD,MAAM,QAAQ,GAAG;IACb,8BAA8B;IAC9B,wBAAwB;IACxB,4BAA4B;IAC5B,uBAAuB;IACvB,4BAA4B;IAC5B,uBAAuB;IACvB;CACH;MAMY,gBAAgB,CAAA;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAbzB,8BAA8B;YAC9B,wBAAwB;YACxB,4BAA4B;YAC5B,uBAAuB;YACvB,4BAA4B;YAC5B,uBAAuB;AACvB,YAAA,0BAA0B,aAN1B,8BAA8B;YAC9B,wBAAwB;YACxB,4BAA4B;YAC5B,uBAAuB;YACvB,4BAA4B;YAC5B,uBAAuB;YACvB,0BAA0B,CAAA,EAAA,CAAA,CAAA;+GAOjB,gBAAgB,EAAA,CAAA,CAAA;;2FAAhB,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAJ5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,GAAG,QAAQ,CAAC;AACtB,oBAAA,OAAO,EAAE,CAAC,GAAG,QAAQ;AACxB,iBAAA;;;AChCD;;AAEG;;;;"}

package/fesm2022/radix-ng-primitives-switch.mjs

@@ -118,13 +118,13 @@ class RdxSwitchRootDirective {
     setDisabledState(isDisabled) {
         this.accessorDisabled.set(isDisabled);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxSwitchRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: RdxSwitchRootDirective, isStandalone: true, selector: "button[rdxSwitchRoot]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, defaultChecked: { classPropertyName: "defaultChecked", publicName: "defaultChecked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", onCheckedChange: "onCheckedChange" }, host: { attributes: { "type": "button" }, listeners: { "click": "toggle()" }, properties: { "id": "elementId()", "attr.aria-checked": "checkedState()", "attr.aria-required": "required()", "attr.data-state": "checkedState() ? \"checked\" : \"unchecked\"", "attr.data-disabled": "disabledState() ? \"true\" : null", "attr.disabled": "disabledState() ? disabledState() : null" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxSwitchRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.6", type: RdxSwitchRootDirective, isStandalone: true, selector: "button[rdxSwitchRoot]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, defaultChecked: { classPropertyName: "defaultChecked", publicName: "defaultChecked", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", onCheckedChange: "onCheckedChange" }, host: { attributes: { "type": "button" }, listeners: { "click": "toggle()" }, properties: { "id": "elementId()", "attr.aria-checked": "checkedState()", "attr.aria-required": "required()", "attr.data-state": "checkedState() ? \"checked\" : \"unchecked\"", "attr.data-disabled": "disabledState() ? \"true\" : null", "attr.disabled": "disabledState() ? disabledState() : null" } }, providers: [
             { provide: RdxSwitchToken, useExisting: RdxSwitchRootDirective },
             SWITCH_VALUE_ACCESSOR
         ], exportAs: ["rdxSwitchRoot"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxSwitchRootDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxSwitchRootDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[rdxSwitchRoot]',
@@ -158,10 +158,10 @@ class RdxSwitchInputDirective {
     onBlur() {
         this.switchRoot.onTouched?.();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxSwitchInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RdxSwitchInputDirective, isStandalone: true, selector: "input[rdxSwitchInput]", host: { attributes: { "type": "checkbox", "role": "switch", "tabindex": "-1" }, listeners: { "blur": "onBlur()" }, properties: { "attr.id": "switchRoot.inputId()", "attr.defaultChecked": "switchRoot.checkedState()", "attr.aria-checked": "switchRoot.checkedState()", "attr.aria-hidden": "true", "attr.aria-label": "switchRoot.ariaLabel()", "attr.aria-labelledby": "switchRoot.ariaLabelledBy()", "attr.aria-required": "switchRoot.required()", "attr.data-state": "switchRoot.checkedState() ? \"checked\" : \"unchecked\"", "attr.data-disabled": "switchRoot.disabledState() ? \"true\" : null", "attr.disabled": "switchRoot.disabledState() ? switchRoot.disabledState() : null", "attr.value": "switchRoot.checkedState() ? \"on\" : \"off\"" }, styleAttribute: "transform: translateX(-100%); position: absolute; overflow: hidden; pointerEvents: none; opacity: 0; margin: 0;" }, exportAs: ["rdxSwitchInput"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxSwitchInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.6", type: RdxSwitchInputDirective, isStandalone: true, selector: "input[rdxSwitchInput]", host: { attributes: { "type": "checkbox", "role": "switch", "tabindex": "-1" }, listeners: { "blur": "onBlur()" }, properties: { "attr.id": "switchRoot.inputId()", "attr.defaultChecked": "switchRoot.checkedState()", "attr.aria-checked": "switchRoot.checkedState()", "attr.aria-hidden": "true", "attr.aria-label": "switchRoot.ariaLabel()", "attr.aria-labelledby": "switchRoot.ariaLabelledBy()", "attr.aria-required": "switchRoot.required()", "attr.data-state": "switchRoot.checkedState() ? \"checked\" : \"unchecked\"", "attr.data-disabled": "switchRoot.disabledState() ? \"true\" : null", "attr.disabled": "switchRoot.disabledState() ? switchRoot.disabledState() : null", "attr.value": "switchRoot.checkedState() ? \"on\" : \"off\"" }, styleAttribute: "transform: translateX(-100%); position: absolute; overflow: hidden; pointerEvents: none; opacity: 0; margin: 0;" }, exportAs: ["rdxSwitchInput"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxSwitchInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxSwitchInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[rdxSwitchInput]',
@@ -195,10 +195,10 @@ class RdxSwitchThumbDirective {
     constructor() {
         this.switchRoot = injectSwitch();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxSwitchThumbDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: RdxSwitchThumbDirective, isStandalone: true, selector: "span[rdxSwitchThumb]", host: { properties: { "attr.data-disabled": "switchRoot.disabledState() ? \"true\" : null", "attr.data-state": "switchRoot.checkedState() ? \"checked\" : \"unchecked\"" } }, exportAs: ["rdxSwitchThumb"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxSwitchThumbDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.6", type: RdxSwitchThumbDirective, isStandalone: true, selector: "span[rdxSwitchThumb]", host: { properties: { "attr.data-disabled": "switchRoot.disabledState() ? \"true\" : null", "attr.data-state": "switchRoot.checkedState() ? \"checked\" : \"unchecked\"" } }, exportAs: ["rdxSwitchThumb"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxSwitchThumbDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxSwitchThumbDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'span[rdxSwitchThumb]',
@@ -217,15 +217,15 @@ const switchImports = [
     RdxSwitchThumbDirective
 ];
 class RdxSwitchModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: RdxSwitchModule, imports: [RdxSwitchRootDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.6", ngImport: i0, type: RdxSwitchModule, imports: [RdxSwitchRootDirective,
             RdxSwitchInputDirective,
             RdxSwitchThumbDirective], exports: [RdxSwitchRootDirective,
             RdxSwitchInputDirective,
             RdxSwitchThumbDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxSwitchModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxSwitchModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: RdxSwitchModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: RdxSwitchModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...switchImports],