@educarehq/solaris-ui 0.1.0 → 0.2.0

package/esm2022/lib/components/forms/checkbox-group/component/checkbox-group.component.js

@@ -0,0 +1,441 @@
+import { Component, input, output, computed, signal, effect, forwardRef, inject, ElementRef, ContentChildren, NgZone, } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { SolarisFormControl } from '../../form-field/model/form-control.contract';
+import { SolarisCheckboxComponent } from '../../checkbox/component/checkbox.component';
+import { SolarisTranslateService } from '../../../../services/translation';
+import * as i0 from "@angular/core";
+let nextId = 0;
+function generateId() {
+    return `solaris-checkbox-group-${++nextId}`;
+}
+function defaultCompare(a, b) {
+    return Object.is(a, b);
+}
+export class SolarisCheckboxGroupComponent extends SolarisFormControl {
+    elementRef = inject(ElementRef);
+    translateService = inject(SolarisTranslateService);
+    ngZone = inject(NgZone);
+    checkboxes;
+    /** Inputs */
+    orientation = input('vertical', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    layout = input('list', ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
+    columns = input(1, ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+    density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), alias: 'disabled',
+        transform: (v) => v ?? false });
+    readonlyInput = input(false, { ...(ngDevMode ? { debugName: "readonlyInput" } : /* istanbul ignore next */ {}), alias: 'readonly',
+        transform: (v) => v ?? false });
+    requiredInput = input(false, { ...(ngDevMode ? { debugName: "requiredInput" } : /* istanbul ignore next */ {}), alias: 'required',
+        transform: (v) => v ?? false });
+    invalidInput = input(undefined, { ...(ngDevMode ? { debugName: "invalidInput" } : /* istanbul ignore next */ {}), alias: 'invalid' });
+    labelInput = input(undefined, { ...(ngDevMode ? { debugName: "labelInput" } : /* istanbul ignore next */ {}), alias: 'label' });
+    labelKey = input(...(ngDevMode ? [undefined, { debugName: "labelKey" }] : /* istanbul ignore next */ []));
+    hintInput = input(undefined, { ...(ngDevMode ? { debugName: "hintInput" } : /* istanbul ignore next */ {}), alias: 'hint' });
+    hintKey = input(...(ngDevMode ? [undefined, { debugName: "hintKey" }] : /* istanbul ignore next */ []));
+    errorInput = input(undefined, { ...(ngDevMode ? { debugName: "errorInput" } : /* istanbul ignore next */ {}), alias: 'error' });
+    errorKey = input(...(ngDevMode ? [undefined, { debugName: "errorKey" }] : /* istanbul ignore next */ []));
+    minSelected = input(...(ngDevMode ? [undefined, { debugName: "minSelected" }] : /* istanbul ignore next */ []));
+    maxSelected = input(...(ngDevMode ? [undefined, { debugName: "maxSelected" }] : /* istanbul ignore next */ []));
+    selectAll = input(false, ...(ngDevMode ? [{ debugName: "selectAll" }] : /* istanbul ignore next */ []));
+    selectAllLabel = input(...(ngDevMode ? [undefined, { debugName: "selectAllLabel" }] : /* istanbul ignore next */ []));
+    selectAllLabelKey = input(...(ngDevMode ? [undefined, { debugName: "selectAllLabelKey" }] : /* istanbul ignore next */ []));
+    compareWith = input(defaultCompare, ...(ngDevMode ? [{ debugName: "compareWith" }] : /* istanbul ignore next */ []));
+    ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    ariaLabelKey = input(...(ngDevMode ? [undefined, { debugName: "ariaLabelKey" }] : /* istanbul ignore next */ []));
+    /** Outputs */
+    valueChange = output();
+    // eslint-disable-next-line @angular-eslint/no-output-native
+    change = output();
+    /** Internal state */
+    _value = signal([], ...(ngDevMode ? [{ debugName: "_value" }] : /* istanbul ignore next */ []));
+    _focused = signal(false, ...(ngDevMode ? [{ debugName: "_focused" }] : /* istanbul ignore next */ []));
+    _describedByIds = signal([], ...(ngDevMode ? [{ debugName: "_describedByIds" }] : /* istanbul ignore next */ []));
+    cvaDisabled = signal(false, ...(ngDevMode ? [{ debugName: "cvaDisabled" }] : /* istanbul ignore next */ []));
+    autoInvalid = signal(false, ...(ngDevMode ? [{ debugName: "autoInvalid" }] : /* istanbul ignore next */ []));
+    /** CVA callbacks */
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onChange = () => { };
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    onTouched = () => { };
+    /** Subscriptions cleanup */
+    checkboxCvaSubscriptions = new Map();
+    contentInitialized = false;
+    checkboxQuerySubscription = null;
+    focusListenersAttached = false;
+    /** IDs */
+    groupId = computed(() => {
+        // SECURITY_EXCEPTION: nativeElement.getAttribute('id') is the standard DOM API to check existing ID before generating one. Same approach used by Angular CDK and Solaris Checkbox.
+        return this.elementRef.nativeElement.getAttribute('id') || generateId();
+    }, ...(ngDevMode ? [{ debugName: "groupId" }] : /* istanbul ignore next */ []));
+    labelId = computed(() => `${this.groupId()}-label`, ...(ngDevMode ? [{ debugName: "labelId" }] : /* istanbul ignore next */ []));
+    hintId = computed(() => `${this.groupId()}-hint`, ...(ngDevMode ? [{ debugName: "hintId" }] : /* istanbul ignore next */ []));
+    errorId = computed(() => `${this.groupId()}-error`, ...(ngDevMode ? [{ debugName: "errorId" }] : /* istanbul ignore next */ []));
+    /** Computed */
+    columnsStr = computed(() => String(this.columns()), ...(ngDevMode ? [{ debugName: "columnsStr" }] : /* istanbul ignore next */ []));
+    effectiveDensity = computed(() => {
+        return this.density() ?? 'comfortable';
+    }, ...(ngDevMode ? [{ debugName: "effectiveDensity" }] : /* istanbul ignore next */ []));
+    isEffectivelyDisabled = computed(() => {
+        return this.disabledInput() || this.cvaDisabled();
+    }, ...(ngDevMode ? [{ debugName: "isEffectivelyDisabled" }] : /* istanbul ignore next */ []));
+    isEffectivelyReadonly = computed(() => {
+        return this.readonlyInput();
+    }, ...(ngDevMode ? [{ debugName: "isEffectivelyReadonly" }] : /* istanbul ignore next */ []));
+    isEffectivelyInvalid = computed(() => {
+        return this.invalidInput() ?? this.autoInvalid();
+    }, ...(ngDevMode ? [{ debugName: "isEffectivelyInvalid" }] : /* istanbul ignore next */ []));
+    isEffectivelyRequired = computed(() => {
+        return this.requiredInput();
+    }, ...(ngDevMode ? [{ debugName: "isEffectivelyRequired" }] : /* istanbul ignore next */ []));
+    labelText = computed(() => {
+        const key = this.labelKey();
+        if (key) {
+            const translated = this.translateService.translate(key);
+            return translated !== key ? translated : undefined;
+        }
+        return this.labelInput();
+    }, ...(ngDevMode ? [{ debugName: "labelText" }] : /* istanbul ignore next */ []));
+    hintText = computed(() => {
+        const key = this.hintKey();
+        if (key) {
+            const translated = this.translateService.translate(key);
+            return translated !== key ? translated : undefined;
+        }
+        return this.hintInput();
+    }, ...(ngDevMode ? [{ debugName: "hintText" }] : /* istanbul ignore next */ []));
+    errorText = computed(() => {
+        const key = this.errorKey();
+        if (key) {
+            const translated = this.translateService.translate(key);
+            return translated !== key ? translated : undefined;
+        }
+        return this.errorInput();
+    }, ...(ngDevMode ? [{ debugName: "errorText" }] : /* istanbul ignore next */ []));
+    selectAllLabelText = computed(() => {
+        const customLabel = this.selectAllLabel();
+        if (customLabel)
+            return customLabel;
+        const key = this.selectAllLabelKey();
+        if (key) {
+            const translated = this.translateService.translate(key);
+            if (translated !== key)
+                return translated;
+        }
+        return this.translateService.translate('solaris.checkboxGroup.selectAll');
+    }, ...(ngDevMode ? [{ debugName: "selectAllLabelText" }] : /* istanbul ignore next */ []));
+    effectiveAriaLabel = computed(() => {
+        const key = this.ariaLabelKey();
+        if (key) {
+            const translated = this.translateService.translate(key);
+            return translated !== key ? translated : undefined;
+        }
+        return this.ariaLabel();
+    }, ...(ngDevMode ? [{ debugName: "effectiveAriaLabel" }] : /* istanbul ignore next */ []));
+    ariaLabelledBy = computed(() => {
+        if (this.labelText()) {
+            return this.labelId();
+        }
+        return null;
+    }, ...(ngDevMode ? [{ debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
+    ariaDescribedBy = computed(() => {
+        const customIds = this._describedByIds();
+        const ownIds = [];
+        if (this.hintText())
+            ownIds.push(this.hintId());
+        if (this.showError())
+            ownIds.push(this.errorId());
+        const all = [...customIds, ...ownIds];
+        return all.length > 0 ? all.join(' ') : null;
+    }, ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : /* istanbul ignore next */ []));
+    showError = computed(() => {
+        if (this.isEffectivelyInvalid()) {
+            return this.errorText() ?? null;
+        }
+        return null;
+    }, ...(ngDevMode ? [{ debugName: "showError" }] : /* istanbul ignore next */ []));
+    /** Select-all computed */
+    selectAllChecked = computed(() => {
+        const children = this.getEnabledCheckboxes();
+        if (children.length === 0)
+            return false;
+        return children.every((c) => this.isChildValueInValue(c));
+    }, ...(ngDevMode ? [{ debugName: "selectAllChecked" }] : /* istanbul ignore next */ []));
+    selectAllIndeterminate = computed(() => {
+        const children = this.getEnabledCheckboxes();
+        if (children.length === 0)
+            return false;
+        const checkedCount = children.filter((c) => this.isChildValueInValue(c)).length;
+        return checkedCount > 0 && checkedCount < children.length;
+    }, ...(ngDevMode ? [{ debugName: "selectAllIndeterminate" }] : /* istanbul ignore next */ []));
+    /** SolarisFormControl implementation */
+    get id() {
+        return this.groupId();
+    }
+    get focused() {
+        return this._focused();
+    }
+    get disabled() {
+        return this.isEffectivelyDisabled();
+    }
+    get readonly() {
+        return this.isEffectivelyReadonly();
+    }
+    get invalid() {
+        return this.isEffectivelyInvalid();
+    }
+    get required() {
+        return this.isEffectivelyRequired();
+    }
+    get describedByIds() {
+        return this._describedByIds();
+    }
+    setDescribedByIds(ids) {
+        this._describedByIds.set([...ids]);
+    }
+    focus() {
+        const first = this.checkboxes?.get(0);
+        if (first) {
+            first.focus();
+        }
+    }
+    /** CVA implementation */
+    writeValue(value) {
+        this._value.set(Array.isArray(value) ? [...value] : []);
+        this.syncChildrenToValue();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.cvaDisabled.set(isDisabled);
+        this.propagateDisabledToChildren();
+    }
+    /** ContentChildren lifecycle */
+    ngAfterContentInit() {
+        this.contentInitialized = true;
+        this.attachFocusListeners();
+        this.initCheckboxes();
+        this.syncChildrenToValue();
+        this.propagateDisabledToChildren();
+        this.propagateReadonlyToChildren();
+        this.checkboxQuerySubscription = this.checkboxes.changes.subscribe(() => {
+            this.initCheckboxes();
+            this.syncChildrenToValue();
+            this.propagateDisabledToChildren();
+            this.propagateReadonlyToChildren();
+        });
+    }
+    ngOnDestroy() {
+        this.unsubscribeAllCheckboxes();
+        if (this.checkboxQuerySubscription) {
+            this.checkboxQuerySubscription.unsubscribe();
+        }
+    }
+    /** Focus tracking */
+    attachFocusListeners() {
+        if (this.focusListenersAttached)
+            return;
+        this.focusListenersAttached = true;
+        // SECURITY_EXCEPTION: nativeElement.focusin/focusout are standard DOM events for focus tracking. Same pattern used by Solaris FormField.
+        const native = this.elementRef.nativeElement;
+        this.ngZone.runOutsideAngular(() => {
+            native.addEventListener('focusin', () => {
+                this.ngZone.run(() => this._focused.set(true));
+            });
+            native.addEventListener('focusout', (e) => {
+                const related = e.relatedTarget;
+                if (related && native.contains(related))
+                    return;
+                this.ngZone.run(() => {
+                    this._focused.set(false);
+                    this.onTouched();
+                });
+            });
+        });
+    }
+    /** Init checkbox tracking */
+    initCheckboxes() {
+        this.unsubscribeAllCheckboxes();
+        this.checkboxes.forEach((checkbox) => {
+            const sub = checkbox.checkedChange.subscribe((checked) => {
+                this.onChildCheckedChange(checkbox, checked);
+            });
+            this.checkboxCvaSubscriptions.set(checkbox, sub);
+        });
+    }
+    unsubscribeAllCheckboxes() {
+        this.checkboxCvaSubscriptions.forEach((sub) => sub.unsubscribe());
+        this.checkboxCvaSubscriptions.clear();
+    }
+    /** Child checkbox interaction */
+    onChildCheckedChange(child, checked) {
+        if (this.isEffectivelyDisabled() || this.isEffectivelyReadonly()) {
+            return;
+        }
+        const childValue = child.value();
+        const currentValue = [...this._value()];
+        const cmp = this.compareWith();
+        if (checked) {
+            const exists = currentValue.some((v) => cmp(v, childValue));
+            if (!exists) {
+                currentValue.push(childValue);
+            }
+        }
+        else {
+            const index = currentValue.findIndex((v) => cmp(v, childValue));
+            if (index !== -1) {
+                currentValue.splice(index, 1);
+            }
+        }
+        this.updateValue(currentValue);
+    }
+    /** Select all interaction */
+    onSelectAllChange(checked) {
+        if (this.isEffectivelyDisabled() || this.isEffectivelyReadonly()) {
+            return;
+        }
+        const children = this.getEnabledCheckboxes();
+        const cmp = this.compareWith();
+        let currentValue = [...this._value()];
+        if (checked) {
+            for (const child of children) {
+                const childValue = child.value();
+                const exists = currentValue.some((v) => cmp(v, childValue));
+                if (!exists) {
+                    currentValue.push(childValue);
+                }
+            }
+        }
+        else {
+            const removeValues = children.map((c) => c.value());
+            currentValue = currentValue.filter((v) => !removeValues.some((rv) => cmp(rv, v)));
+        }
+        this.updateValue(currentValue);
+    }
+    /** Value update */
+    updateValue(newValue) {
+        this._value.set(newValue);
+        this.syncChildrenToValue();
+        this.onChange(newValue);
+        this.valueChange.emit(newValue);
+        this.change.emit(newValue);
+    }
+    /** Sync checkboxes to current value */
+    syncChildrenToValue() {
+        if (!this.contentInitialized || !this.checkboxes)
+            return;
+        const currentValue = this._value();
+        const cmp = this.compareWith();
+        this.checkboxes.forEach((checkbox) => {
+            const childValue = checkbox.value();
+            const isChecked = currentValue.some((v) => cmp(v, childValue));
+            checkbox.writeValue(isChecked);
+        });
+    }
+    /** Get enabled (non-disabled, non-readonly) checkboxes */
+    getEnabledCheckboxes() {
+        if (!this.checkboxes)
+            return [];
+        return this.checkboxes.filter((c) => !c.disabled && !c.readonly);
+    }
+    /** Check if a child's value is selected */
+    isChildValueInValue(child) {
+        const childValue = child.value();
+        const cmp = this.compareWith();
+        return this._value().some((v) => cmp(v, childValue));
+    }
+    /** Propagate disabled to children */
+    propagateDisabledToChildren() {
+        if (!this.contentInitialized || !this.checkboxes)
+            return;
+        const isDisabled = this.isEffectivelyDisabled();
+        this.checkboxes.forEach((checkbox) => {
+            checkbox.setDisabledState(isDisabled);
+        });
+    }
+    /** Propagate readonly to children */
+    propagateReadonlyToChildren() {
+        if (!this.contentInitialized || !this.checkboxes)
+            return;
+        const isReadonly = this.isEffectivelyReadonly();
+        this.checkboxes.forEach((checkbox) => {
+            checkbox.setCvaReadonlyState(isReadonly);
+        });
+    }
+    /** Effect: propagate disabled/readonly when inputs change */
+    _propagateEffect = effect(() => {
+        if (!this.contentInitialized)
+            return;
+        this.isEffectivelyDisabled();
+        this.isEffectivelyReadonly();
+        this.propagateDisabledToChildren();
+        this.propagateReadonlyToChildren();
+    }, ...(ngDevMode ? [{ debugName: "_propagateEffect" }] : /* istanbul ignore next */ []));
+    /** Effect: re-validate on value/min/max changes */
+    _validateEffect = effect(() => {
+        this._value();
+        this.minSelected();
+        this.maxSelected();
+        this.validateBounds();
+    }, ...(ngDevMode ? [{ debugName: "_validateEffect" }] : /* istanbul ignore next */ []));
+    validateBounds() {
+        const count = this._value().length;
+        const min = this.minSelected();
+        const max = this.maxSelected();
+        const isOutOfBounds = (min != null && count < min) || (max != null && count > max);
+        this.autoInvalid.set(!!isOutOfBounds);
+    }
+    constructor() {
+        super();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCheckboxGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisCheckboxGroupComponent, isStandalone: true, selector: "solaris-checkbox-group", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonlyInput: { classPropertyName: "readonlyInput", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, requiredInput: { classPropertyName: "requiredInput", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, invalidInput: { classPropertyName: "invalidInput", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, labelInput: { classPropertyName: "labelInput", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelKey: { classPropertyName: "labelKey", publicName: "labelKey", isSignal: true, isRequired: false, transformFunction: null }, hintInput: { classPropertyName: "hintInput", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, hintKey: { classPropertyName: "hintKey", publicName: "hintKey", isSignal: true, isRequired: false, transformFunction: null }, errorInput: { classPropertyName: "errorInput", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, errorKey: { classPropertyName: "errorKey", publicName: "errorKey", isSignal: true, isRequired: false, transformFunction: null }, minSelected: { classPropertyName: "minSelected", publicName: "minSelected", isSignal: true, isRequired: false, transformFunction: null }, maxSelected: { classPropertyName: "maxSelected", publicName: "maxSelected", isSignal: true, isRequired: false, transformFunction: null }, selectAll: { classPropertyName: "selectAll", publicName: "selectAll", isSignal: true, isRequired: false, transformFunction: null }, selectAllLabel: { classPropertyName: "selectAllLabel", publicName: "selectAllLabel", isSignal: true, isRequired: false, transformFunction: null }, selectAllLabelKey: { classPropertyName: "selectAllLabelKey", publicName: "selectAllLabelKey", isSignal: true, isRequired: false, transformFunction: null }, compareWith: { classPropertyName: "compareWith", publicName: "compareWith", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelKey: { classPropertyName: "ariaLabelKey", publicName: "ariaLabelKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", change: "change" }, host: { attributes: { "role": "group" }, properties: { "attr.data-orientation": "orientation()", "attr.data-layout": "layout()", "attr.data-columns": "columnsStr()", "attr.data-density": "effectiveDensity()", "attr.data-size": "size()", "attr.data-disabled": "isEffectivelyDisabled() ? \"\" : null", "attr.data-readonly": "isEffectivelyReadonly() ? \"\" : null", "attr.data-invalid": "isEffectivelyInvalid() ? \"\" : null", "attr.data-select-all": "selectAll() ? \"\" : null", "attr.aria-label": "effectiveAriaLabel() ?? null", "attr.aria-labelledby": "ariaLabelledBy()", "attr.aria-describedby": "ariaDescribedBy()", "attr.aria-invalid": "isEffectivelyInvalid() ? \"true\" : null", "attr.aria-required": "isEffectivelyRequired() ? \"true\" : null" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SolarisCheckboxGroupComponent),
+                multi: true,
+            },
+            {
+                provide: SolarisFormControl,
+                useExisting: forwardRef(() => SolarisCheckboxGroupComponent),
+            },
+        ], queries: [{ propertyName: "checkboxes", predicate: SolarisCheckboxComponent }], usesInheritance: true, ngImport: i0, template: "@if (labelText(); as text) {\n  <span class=\"solaris-checkbox-group__label\" [id]=\"labelId()\">\n    {{ text }}\n  </span>\n}\n@if (selectAll()) {\n  <div class=\"solaris-checkbox-group__select-all\">\n    <solaris-checkbox\n      [checked]=\"selectAllChecked()\"\n      [indeterminate]=\"selectAllIndeterminate()\"\n      [disabled]=\"isEffectivelyDisabled()\"\n      [readonly]=\"isEffectivelyReadonly()\"\n      (checkedChange)=\"onSelectAllChange($event)\"\n    >\n      {{ selectAllLabelText() }}\n    </solaris-checkbox>\n  </div>\n}\n<div class=\"solaris-checkbox-group__options\" role=\"group\">\n  <ng-content />\n</div>\n@if (hintText(); as text) {\n  <p class=\"solaris-checkbox-group__hint\" [id]=\"hintId()\">\n    {{ text }}\n  </p>\n}\n@if (showError(); as text) {\n  <p class=\"solaris-checkbox-group__error\" [id]=\"errorId()\" role=\"alert\">\n    {{ text }}\n  </p>\n}\n", styles: [":host{--solaris-checkbox-group-gap: var(--solaris-spacing-3);--solaris-checkbox-group-row-gap: var(--solaris-spacing-3);--solaris-checkbox-group-column-gap: var(--solaris-spacing-3);--solaris-checkbox-group-label-color: var(--solaris-text-strong);--solaris-checkbox-group-hint-color: var(--solaris-text-muted);--solaris-checkbox-group-error-color: var(--solaris-text-danger);--solaris-checkbox-group-select-all-gap: var(--solaris-spacing-2);--solaris-checkbox-group-label-font-size: var(--solaris-font-size-sm);--solaris-checkbox-group-label-line-height: var(--solaris-line-height-md);--solaris-checkbox-group-hint-font-size: var(--solaris-font-size-xs);--solaris-checkbox-group-hint-line-height: var(--solaris-line-height-sm);--solaris-checkbox-group-error-font-size: var(--solaris-font-size-xs);--solaris-checkbox-group-error-line-height: var(--solaris-line-height-sm);display:block;box-sizing:border-box}.solaris-checkbox-group__label{display:block;font:var(--solaris-font-weight-medium) var(--solaris-checkbox-group-label-font-size)/var(--solaris-checkbox-group-label-line-height) var(--solaris-font-family-sans);color:var(--solaris-checkbox-group-label-color);margin:0 0 var(--solaris-spacing-2)}.solaris-checkbox-group__select-all{margin-bottom:var(--solaris-checkbox-group-select-all-gap)}.solaris-checkbox-group__options{display:flex;flex-direction:column;gap:var(--solaris-checkbox-group-gap)}:host([data-orientation=horizontal]) .solaris-checkbox-group__options{flex-direction:row;flex-wrap:wrap}:host([data-layout=grid]) .solaris-checkbox-group__options{display:grid;grid-template-columns:1fr;gap:var(--solaris-checkbox-group-row-gap) var(--solaris-checkbox-group-column-gap)}:host([data-layout=grid][data-columns=\"2\"]) .solaris-checkbox-group__options{grid-template-columns:repeat(2,1fr)}:host([data-layout=grid][data-columns=\"3\"]) .solaris-checkbox-group__options{grid-template-columns:repeat(3,1fr)}:host([data-layout=grid][data-columns=\"4\"]) .solaris-checkbox-group__options{grid-template-columns:repeat(4,1fr)}:host([data-layout=grid][data-columns=auto]) .solaris-checkbox-group__options{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}:host([data-density=compact]){--solaris-checkbox-group-gap: var(--solaris-spacing-2);--solaris-checkbox-group-row-gap: var(--solaris-spacing-2);--solaris-checkbox-group-column-gap: var(--solaris-spacing-2);--solaris-checkbox-group-select-all-gap: var(--solaris-spacing-1)}:host([data-density=comfortable]){--solaris-checkbox-group-gap: var(--solaris-spacing-4);--solaris-checkbox-group-row-gap: var(--solaris-spacing-4);--solaris-checkbox-group-column-gap: var(--solaris-spacing-4);--solaris-checkbox-group-select-all-gap: var(--solaris-spacing-3)}:host([data-disabled]){opacity:.5;cursor:not-allowed}:host([data-readonly]){cursor:default}.solaris-checkbox-group__hint{font:var(--solaris-font-weight-regular) var(--solaris-checkbox-group-hint-font-size)/var(--solaris-checkbox-group-hint-line-height) var(--solaris-font-family-sans);color:var(--solaris-checkbox-group-hint-color);margin:var(--solaris-spacing-1) 0 0}.solaris-checkbox-group__error{font:var(--solaris-font-weight-regular) var(--solaris-checkbox-group-error-font-size)/var(--solaris-checkbox-group-error-line-height) var(--solaris-font-family-sans);color:var(--solaris-checkbox-group-error-color);margin:var(--solaris-spacing-1) 0 0}\n"], dependencies: [{ kind: "component", type: SolarisCheckboxComponent, selector: "solaris-checkbox", inputs: ["checked", "indeterminate", "disabled", "readonly", "required", "invalid", "appearance", "color", "size", "density", "radius", "label", "labelKey", "name", "value", "ariaLabel", "ariaLabelKey"], outputs: ["checkedChange", "indeterminateChange", "change"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisCheckboxGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'solaris-checkbox-group', standalone: true, imports: [SolarisCheckboxComponent], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SolarisCheckboxGroupComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: SolarisFormControl,
+                            useExisting: forwardRef(() => SolarisCheckboxGroupComponent),
+                        },
+                    ], host: {
+                        role: 'group',
+                        '[attr.data-orientation]': 'orientation()',
+                        '[attr.data-layout]': 'layout()',
+                        '[attr.data-columns]': 'columnsStr()',
+                        '[attr.data-density]': 'effectiveDensity()',
+                        '[attr.data-size]': 'size()',
+                        '[attr.data-disabled]': 'isEffectivelyDisabled() ? "" : null',
+                        '[attr.data-readonly]': 'isEffectivelyReadonly() ? "" : null',
+                        '[attr.data-invalid]': 'isEffectivelyInvalid() ? "" : null',
+                        '[attr.data-select-all]': 'selectAll() ? "" : null',
+                        '[attr.aria-label]': 'effectiveAriaLabel() ?? null',
+                        '[attr.aria-labelledby]': 'ariaLabelledBy()',
+                        '[attr.aria-describedby]': 'ariaDescribedBy()',
+                        '[attr.aria-invalid]': 'isEffectivelyInvalid() ? "true" : null',
+                        '[attr.aria-required]': 'isEffectivelyRequired() ? "true" : null',
+                    }, template: "@if (labelText(); as text) {\n  <span class=\"solaris-checkbox-group__label\" [id]=\"labelId()\">\n    {{ text }}\n  </span>\n}\n@if (selectAll()) {\n  <div class=\"solaris-checkbox-group__select-all\">\n    <solaris-checkbox\n      [checked]=\"selectAllChecked()\"\n      [indeterminate]=\"selectAllIndeterminate()\"\n      [disabled]=\"isEffectivelyDisabled()\"\n      [readonly]=\"isEffectivelyReadonly()\"\n      (checkedChange)=\"onSelectAllChange($event)\"\n    >\n      {{ selectAllLabelText() }}\n    </solaris-checkbox>\n  </div>\n}\n<div class=\"solaris-checkbox-group__options\" role=\"group\">\n  <ng-content />\n</div>\n@if (hintText(); as text) {\n  <p class=\"solaris-checkbox-group__hint\" [id]=\"hintId()\">\n    {{ text }}\n  </p>\n}\n@if (showError(); as text) {\n  <p class=\"solaris-checkbox-group__error\" [id]=\"errorId()\" role=\"alert\">\n    {{ text }}\n  </p>\n}\n", styles: [":host{--solaris-checkbox-group-gap: var(--solaris-spacing-3);--solaris-checkbox-group-row-gap: var(--solaris-spacing-3);--solaris-checkbox-group-column-gap: var(--solaris-spacing-3);--solaris-checkbox-group-label-color: var(--solaris-text-strong);--solaris-checkbox-group-hint-color: var(--solaris-text-muted);--solaris-checkbox-group-error-color: var(--solaris-text-danger);--solaris-checkbox-group-select-all-gap: var(--solaris-spacing-2);--solaris-checkbox-group-label-font-size: var(--solaris-font-size-sm);--solaris-checkbox-group-label-line-height: var(--solaris-line-height-md);--solaris-checkbox-group-hint-font-size: var(--solaris-font-size-xs);--solaris-checkbox-group-hint-line-height: var(--solaris-line-height-sm);--solaris-checkbox-group-error-font-size: var(--solaris-font-size-xs);--solaris-checkbox-group-error-line-height: var(--solaris-line-height-sm);display:block;box-sizing:border-box}.solaris-checkbox-group__label{display:block;font:var(--solaris-font-weight-medium) var(--solaris-checkbox-group-label-font-size)/var(--solaris-checkbox-group-label-line-height) var(--solaris-font-family-sans);color:var(--solaris-checkbox-group-label-color);margin:0 0 var(--solaris-spacing-2)}.solaris-checkbox-group__select-all{margin-bottom:var(--solaris-checkbox-group-select-all-gap)}.solaris-checkbox-group__options{display:flex;flex-direction:column;gap:var(--solaris-checkbox-group-gap)}:host([data-orientation=horizontal]) .solaris-checkbox-group__options{flex-direction:row;flex-wrap:wrap}:host([data-layout=grid]) .solaris-checkbox-group__options{display:grid;grid-template-columns:1fr;gap:var(--solaris-checkbox-group-row-gap) var(--solaris-checkbox-group-column-gap)}:host([data-layout=grid][data-columns=\"2\"]) .solaris-checkbox-group__options{grid-template-columns:repeat(2,1fr)}:host([data-layout=grid][data-columns=\"3\"]) .solaris-checkbox-group__options{grid-template-columns:repeat(3,1fr)}:host([data-layout=grid][data-columns=\"4\"]) .solaris-checkbox-group__options{grid-template-columns:repeat(4,1fr)}:host([data-layout=grid][data-columns=auto]) .solaris-checkbox-group__options{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}:host([data-density=compact]){--solaris-checkbox-group-gap: var(--solaris-spacing-2);--solaris-checkbox-group-row-gap: var(--solaris-spacing-2);--solaris-checkbox-group-column-gap: var(--solaris-spacing-2);--solaris-checkbox-group-select-all-gap: var(--solaris-spacing-1)}:host([data-density=comfortable]){--solaris-checkbox-group-gap: var(--solaris-spacing-4);--solaris-checkbox-group-row-gap: var(--solaris-spacing-4);--solaris-checkbox-group-column-gap: var(--solaris-spacing-4);--solaris-checkbox-group-select-all-gap: var(--solaris-spacing-3)}:host([data-disabled]){opacity:.5;cursor:not-allowed}:host([data-readonly]){cursor:default}.solaris-checkbox-group__hint{font:var(--solaris-font-weight-regular) var(--solaris-checkbox-group-hint-font-size)/var(--solaris-checkbox-group-hint-line-height) var(--solaris-font-family-sans);color:var(--solaris-checkbox-group-hint-color);margin:var(--solaris-spacing-1) 0 0}.solaris-checkbox-group__error{font:var(--solaris-font-weight-regular) var(--solaris-checkbox-group-error-font-size)/var(--solaris-checkbox-group-error-line-height) var(--solaris-font-family-sans);color:var(--solaris-checkbox-group-error-color);margin:var(--solaris-spacing-1) 0 0}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { checkboxes: [{
+                type: ContentChildren,
+                args: [SolarisCheckboxComponent]
+            }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonlyInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], requiredInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], invalidInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], labelInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelKey", required: false }] }], hintInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], hintKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "hintKey", required: false }] }], errorInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], errorKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorKey", required: false }] }], minSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "minSelected", required: false }] }], maxSelected: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSelected", required: false }] }], selectAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAll", required: false }] }], selectAllLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAllLabel", required: false }] }], selectAllLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectAllLabelKey", required: false }] }], compareWith: [{ type: i0.Input, args: [{ isSignal: true, alias: "compareWith", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelKey", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], change: [{ type: i0.Output, args: ["change"] }] } });
+//# sourceMappingURL=checkbox-group.component.js.map

package/esm2022/lib/components/forms/checkbox-group/component/checkbox-group.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/checkbox-group/component/checkbox-group.component.ts","../../../../../../../../../packages/angular/src/lib/components/forms/checkbox-group/component/checkbox-group.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,MAAM,EACN,MAAM,EACN,UAAU,EACV,MAAM,EACN,UAAU,EACV,eAAe,EAIf,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,iBAAiB,EAA6B,MAAM,gBAAgB,CAAC;AAE9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AACvF,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;;AAU3E,IAAI,MAAM,GAAG,CAAC,CAAC;AAEf,SAAS,UAAU;IACjB,OAAO,0BAA0B,EAAE,MAAM,EAAE,CAAC;AAC9C,CAAC;AAED,SAAS,cAAc,CAAC,CAAU,EAAE,CAAU;IAC5C,OAAO,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACzB,CAAC;AAqCD,MAAM,OAAO,6BACX,SAAQ,kBAAkB;IAGT,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC;IACzD,gBAAgB,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAC;IACnD,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAG/B,UAAU,CAAuC;IAE3D,aAAa;IACJ,WAAW,GAAG,KAAK,CAAkC,UAAU,kFAAC,CAAC;IACjE,MAAM,GAAG,KAAK,CAA6B,MAAM,6EAAC,CAAC;IACnD,OAAO,GAAG,KAAK,CAA8B,CAAC,8EAAC,CAAC;IAChD,OAAO,GAAG,KAAK,wFAA+B,CAAC;IAC/C,IAAI,GAAG,KAAK,CAA2B,IAAI,2EAAC,CAAC;IAC7C,aAAa,GAAG,KAAK,CAAmB,KAAK,qFACpD,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,CAAC,CAAU,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,GACrC,CAAC;IACM,aAAa,GAAG,KAAK,CAAmB,KAAK,qFACpD,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,CAAC,CAAU,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,GACrC,CAAC;IACM,aAAa,GAAG,KAAK,CAAmB,KAAK,qFACpD,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,CAAC,CAAU,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,GACrC,CAAC;IACM,YAAY,GAAG,KAAK,CAAsB,SAAS,oFAC1D,KAAK,EAAE,SAAS,GAChB,CAAC;IACM,UAAU,GAAG,KAAK,CAAS,SAAS,kFAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAC1D,QAAQ,GAAG,KAAK,yFAAU,CAAC;IAC3B,SAAS,GAAG,KAAK,CAAS,SAAS,iFAAI,KAAK,EAAE,MAAM,GAAG,CAAC;IACxD,OAAO,GAAG,KAAK,wFAAU,CAAC;IAC1B,UAAU,GAAG,KAAK,CAAS,SAAS,kFAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAC1D,QAAQ,GAAG,KAAK,yFAAU,CAAC;IAC3B,WAAW,GAAG,KAAK,4FAAU,CAAC;IAC9B,WAAW,GAAG,KAAK,4FAAU,CAAC;IAC9B,SAAS,GAAG,KAAK,CAAU,KAAK,gFAAC,CAAC;IAClC,cAAc,GAAG,KAAK,+FAAU,CAAC;IACjC,iBAAiB,GAAG,KAAK,kGAAU,CAAC;IACpC,WAAW,GAClB,KAAK,CAAsC,cAAc,kFAAC,CAAC;IACpD,SAAS,GAAG,KAAK,0FAAU,CAAC;IAC5B,YAAY,GAAG,KAAK,6FAAU,CAAC;IAExC,cAAc;IACL,WAAW,GAAG,MAAM,EAAa,CAAC;IAC3C,4DAA4D;IACnD,MAAM,GAAG,MAAM,EAAa,CAAC;IAEtC,qBAAqB;IACJ,MAAM,GAAG,MAAM,CAAY,EAAE,6EAAC,CAAC;IAC/B,QAAQ,GAAG,MAAM,CAAC,KAAK,+EAAC,CAAC;IACzB,eAAe,GAAG,MAAM,CAAW,EAAE,sFAAC,CAAC;IACvC,WAAW,GAAG,MAAM,CAAC,KAAK,kFAAC,CAAC;IAC5B,WAAW,GAAG,MAAM,CAAC,KAAK,kFAAC,CAAC;IAE7C,oBAAoB;IACpB,gEAAgE;IACxD,QAAQ,GAA+B,GAAG,EAAE,GAAE,CAAC,CAAC;IACxD,gEAAgE;IACxD,SAAS,GAAe,GAAG,EAAE,GAAE,CAAC,CAAC;IAEzC,4BAA4B;IACX,wBAAwB,GAAG,IAAI,GAAG,EAIhD,CAAC;IACI,kBAAkB,GAAG,KAAK,CAAC;IAC3B,yBAAyB,GAAwB,IAAI,CAAC;IACtD,sBAAsB,GAAG,KAAK,CAAC;IAEvC,UAAU;IACS,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE;QACzC,mLAAmL;QACnL,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,UAAU,EAAE,CAAC;IAC1E,CAAC,8EAAC,CAAC;IACgB,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,QAAQ,8EAAC,CAAC;IACpD,MAAM,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,OAAO,6EAAC,CAAC;IAClD,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,QAAQ,8EAAC,CAAC;IAEvE,eAAe;IACI,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,iFAAC,CAAC;IAEpD,gBAAgB,GAAG,QAAQ,CAC5C,GAAG,EAAE;QACH,OAAO,IAAI,CAAC,OAAO,EAAE,IAAI,aAAa,CAAC;IACzC,CAAC,uFACF,CAAC;IAEiB,qBAAqB,GAAG,QAAQ,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,aAAa,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;IACpD,CAAC,4FAAC,CAAC;IAEgB,qBAAqB,GAAG,QAAQ,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;IAC9B,CAAC,4FAAC,CAAC;IAEgB,oBAAoB,GAAG,QAAQ,CAAC,GAAG,EAAE;QACtD,OAAO,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;IACnD,CAAC,2FAAC,CAAC;IAEgB,qBAAqB,GAAG,QAAQ,CAAC,GAAG,EAAE;QACvD,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC;IAC9B,CAAC,4FAAC,CAAC;IAEgB,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC3C,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC5B,IAAI,GAAG,EAAE,CAAC;YACR,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;YACxD,OAAO,UAAU,KAAK,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;QACrD,CAAC;QACD,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;IAC3B,CAAC,gFAAC,CAAC;IAEgB,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC1C,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC3B,IAAI,GAAG,EAAE,CAAC;YACR,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;YACxD,OAAO,UAAU,KAAK,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;QACrD,CAAC;QACD,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC,+EAAC,CAAC;IAEgB,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC3C,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC5B,IAAI,GAAG,EAAE,CAAC;YACR,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;YACxD,OAAO,UAAU,KAAK,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;QACrD,CAAC;QACD,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;IAC3B,CAAC,gFAAC,CAAC;IAEgB,kBAAkB,GAAG,QAAQ,CAAC,GAAG,EAAE;QACpD,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAC1C,IAAI,WAAW;YAAE,OAAO,WAAW,CAAC;QACpC,MAAM,GAAG,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACrC,IAAI,GAAG,EAAE,CAAC;YACR,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;YACxD,IAAI,UAAU,KAAK,GAAG;gBAAE,OAAO,UAAU,CAAC;QAC5C,CAAC;QACD,OAAO,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,iCAAiC,CAAC,CAAC;IAC5E,CAAC,yFAAC,CAAC;IAEgB,kBAAkB,GAAG,QAAQ,CAAC,GAAG,EAAE;QACpD,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QAChC,IAAI,GAAG,EAAE,CAAC;YACR,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;YACxD,OAAO,UAAU,KAAK,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;QACrD,CAAC;QACD,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC,yFAAC,CAAC;IAEgB,cAAc,GAAG,QAAQ,CAAC,GAAG,EAAE;QAChD,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC;YACrB,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;QACxB,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,qFAAC,CAAC;IAEgB,eAAe,GAAG,QAAQ,CAAC,GAAG,EAAE;QACjD,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACzC,MAAM,MAAM,GAAa,EAAE,CAAC;QAC5B,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAChD,IAAI,IAAI,CAAC,SAAS,EAAE;YAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAClD,MAAM,GAAG,GAAG,CAAC,GAAG,SAAS,EAAE,GAAG,MAAM,CAAC,CAAC;QACtC,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/C,CAAC,sFAAC,CAAC;IAEgB,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC3C,IAAI,IAAI,CAAC,oBAAoB,EAAE,EAAE,CAAC;YAChC,OAAO,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC;QAClC,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,gFAAC,CAAC;IAEH,0BAA0B;IACP,gBAAgB,GAAG,QAAQ,CAAC,GAAG,EAAE;QAClD,MAAM,QAAQ,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC7C,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QACxC,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5D,CAAC,uFAAC,CAAC;IAEgB,sBAAsB,GAAG,QAAQ,CAAC,GAAG,EAAE;QACxD,MAAM,QAAQ,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC7C,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QACxC,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CACzC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAC5B,CAAC,MAAM,CAAC;QACT,OAAO,YAAY,GAAG,CAAC,IAAI,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAC;IAC5D,CAAC,6FAAC,CAAC;IAEH,wCAAwC;IACxC,IAAI,EAAE;QACJ,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;IACxB,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;IACzB,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,qBAAqB,EAAE,CAAC;IACtC,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,qBAAqB,EAAE,CAAC;IACtC,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,oBAAoB,EAAE,CAAC;IACrC,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,qBAAqB,EAAE,CAAC;IACtC,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC;IAChC,CAAC;IAED,iBAAiB,CAAC,GAAa;QAC7B,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IACrC,CAAC;IAED,KAAK;QACH,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;QACtC,IAAI,KAAK,EAAE,CAAC;YACV,KAAK,CAAC,KAAK,EAAE,CAAC;QAChB,CAAC;IACH,CAAC;IAED,yBAAyB;IACzB,UAAU,CAAC,KAAuB;QAChC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACxD,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAED,gBAAgB,CAAC,EAA8B;QAC7C,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;IACrB,CAAC;IAED,iBAAiB,CAAC,EAAc;QAC9B,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;IACtB,CAAC;IAED,gBAAgB,CAAC,UAAmB;QAClC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACjC,IAAI,CAAC,2BAA2B,EAAE,CAAC;IACrC,CAAC;IAED,gCAAgC;IAChC,kBAAkB;QAChB,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;QAC/B,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACnC,IAAI,CAAC,2BAA2B,EAAE,CAAC;QAEnC,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;YACtE,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAI,CAAC,2BAA2B,EAAE,CAAC;YACnC,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACrC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,WAAW;QACT,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAChC,IAAI,IAAI,CAAC,yBAAyB,EAAE,CAAC;YACnC,IAAI,CAAC,yBAAyB,CAAC,WAAW,EAAE,CAAC;QAC/C,CAAC;IACH,CAAC;IAED,qBAAqB;IACb,oBAAoB;QAC1B,IAAI,IAAI,CAAC,sBAAsB;YAAE,OAAO;QACxC,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;QAEnC,yIAAyI;QACzI,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;QAC7C,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,GAAG,EAAE;YACjC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,GAAG,EAAE;gBACtC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;YACjD,CAAC,CAAC,CAAC;YACH,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,CAAC,CAAa,EAAE,EAAE;gBACpD,MAAM,OAAO,GAAG,CAAC,CAAC,aAA4B,CAAC;gBAC/C,IAAI,OAAO,IAAI,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC;oBAAE,OAAO;gBAChD,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE;oBACnB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;oBACzB,IAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,6BAA6B;IACrB,cAAc;QACpB,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAChC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YACnC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,OAAgB,EAAE,EAAE;gBAChE,IAAI,CAAC,oBAAoB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;YAC/C,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,wBAAwB;QAC9B,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC;QAClE,IAAI,CAAC,wBAAwB,CAAC,KAAK,EAAE,CAAC;IACxC,CAAC;IAED,iCAAiC;IACzB,oBAAoB,CAC1B,KAA+B,EAC/B,OAAgB;QAEhB,IAAI,IAAI,CAAC,qBAAqB,EAAE,IAAI,IAAI,CAAC,qBAAqB,EAAE,EAAE,CAAC;YACjE,OAAO;QACT,CAAC;QAED,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;QACjC,MAAM,YAAY,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QACxC,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAE/B,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;YAC5D,IAAI,CAAC,MAAM,EAAE,CAAC;gBACZ,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAChC,CAAC;QACH,CAAC;aAAM,CAAC;YACN,MAAM,KAAK,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;YAChE,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;gBACjB,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAChC,CAAC;QACH,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IACjC,CAAC;IAED,6BAA6B;IACnB,iBAAiB,CAAC,OAAgB;QAC1C,IAAI,IAAI,CAAC,qBAAqB,EAAE,IAAI,IAAI,CAAC,qBAAqB,EAAE,EAAE,CAAC;YACjE,OAAO;QACT,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC7C,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAC/B,IAAI,YAAY,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QAEtC,IAAI,OAAO,EAAE,CAAC;YACZ,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;gBAC7B,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;gBACjC,MAAM,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;gBAC5D,IAAI,CAAC,MAAM,EAAE,CAAC;oBACZ,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAChC,CAAC;YACH,CAAC;QACH,CAAC;aAAM,CAAC;YACN,MAAM,YAAY,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;YACpD,YAAY,GAAG,YAAY,CAAC,MAAM,CAChC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAC9C,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IACjC,CAAC;IAED,mBAAmB;IACX,WAAW,CAAC,QAAmB;QACrC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC1B,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAChC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC;IAED,uCAAuC;IAC/B,mBAAmB;QACzB,IAAI,CAAC,IAAI,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO;QACzD,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QACnC,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAE/B,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YACnC,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC;YACpC,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;YAC/D,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,0DAA0D;IAClD,oBAAoB;QAC1B,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACnE,CAAC;IAED,2CAA2C;IACnC,mBAAmB,CAAC,KAA+B;QACzD,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;QACjC,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;IACvD,CAAC;IAED,qCAAqC;IAC7B,2BAA2B;QACjC,IAAI,CAAC,IAAI,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO;QACzD,MAAM,UAAU,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAChD,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YACnC,QAAQ,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,qCAAqC;IAC7B,2BAA2B;QACjC,IAAI,CAAC,IAAI,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO;QACzD,MAAM,UAAU,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAChD,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YACnC,QAAQ,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,6DAA6D;IAC5C,gBAAgB,GAAG,MAAM,CAAC,GAAG,EAAE;QAC9C,IAAI,CAAC,IAAI,CAAC,kBAAkB;YAAE,OAAO;QACrC,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC7B,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC7B,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACnC,IAAI,CAAC,2BAA2B,EAAE,CAAC;IACrC,CAAC,uFAAC,CAAC;IAEH,mDAAmD;IAClC,eAAe,GAAG,MAAM,CAAC,GAAG,EAAE;QAC7C,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC,sFAAC,CAAC;IAEK,cAAc;QACpB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC;QACnC,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAC/B,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAC/B,MAAM,aAAa,GACjB,CAAC,GAAG,IAAI,IAAI,IAAI,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,IAAI,KAAK,GAAG,GAAG,CAAC,CAAC;QAC/D,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IACxC,CAAC;IAED;QACE,KAAK,EAAE,CAAC;IACV,CAAC;wGAtcU,6BAA6B;4FAA7B,6BAA6B,k4HA/B7B;YACT;gBACE,OAAO,EAAE,iBAAiB;gBAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,6BAA6B,CAAC;gBAC5D,KAAK,EAAE,IAAI;aACZ;YACD;gBACE,OAAO,EAAE,kBAAkB;gBAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,6BAA6B,CAAC;aAC7D;SACF,qDA6BgB,wBAAwB,oDCpF3C,63BA+BA,i2GDaY,wBAAwB;;4FAgCvB,6BAA6B;kBAnCzC,SAAS;+BACE,wBAAwB,cACtB,IAAI,WACP,CAAC,wBAAwB,CAAC,aACxB;wBACT;4BACE,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,8BAA8B,CAAC;4BAC5D,KAAK,EAAE,IAAI;yBACZ;wBACD;4BACE,OAAO,EAAE,kBAAkB;4BAC3B,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,8BAA8B,CAAC;yBAC7D;qBACF,QAGK;wBACJ,IAAI,EAAE,OAAO;wBACb,yBAAyB,EAAE,eAAe;wBAC1C,oBAAoB,EAAE,UAAU;wBAChC,qBAAqB,EAAE,cAAc;wBACrC,qBAAqB,EAAE,oBAAoB;wBAC3C,kBAAkB,EAAE,QAAQ;wBAC5B,sBAAsB,EAAE,qCAAqC;wBAC7D,sBAAsB,EAAE,qCAAqC;wBAC7D,qBAAqB,EAAE,oCAAoC;wBAC3D,wBAAwB,EAAE,yBAAyB;wBACnD,mBAAmB,EAAE,8BAA8B;wBACnD,wBAAwB,EAAE,kBAAkB;wBAC5C,yBAAyB,EAAE,mBAAmB;wBAC9C,qBAAqB,EAAE,wCAAwC;wBAC/D,sBAAsB,EAAE,yCAAyC;qBAClE;;sBAUA,eAAe;uBAAC,wBAAwB","sourcesContent":["import {\n  Component,\n  input,\n  output,\n  computed,\n  signal,\n  effect,\n  forwardRef,\n  inject,\n  ElementRef,\n  ContentChildren,\n  QueryList,\n  type AfterContentInit,\n  type OnDestroy,\n  NgZone,\n} from '@angular/core';\nimport { type Subscription } from 'rxjs';\nimport { NG_VALUE_ACCESSOR, type ControlValueAccessor } from '@angular/forms';\n\nimport { SolarisFormControl } from '../../form-field/model/form-control.contract';\nimport { SolarisCheckboxComponent } from '../../checkbox/component/checkbox.component';\nimport { SolarisTranslateService } from '../../../../services/translation';\n\nimport type {\n  SolarisCheckboxGroupOrientation,\n  SolarisCheckboxGroupLayout,\n  SolarisCheckboxGroupColumns,\n  SolarisCheckboxGroupDensity,\n  SolarisCheckboxGroupSize,\n} from '../model/checkbox-group.types';\n\nlet nextId = 0;\n\nfunction generateId(): string {\n  return `solaris-checkbox-group-${++nextId}`;\n}\n\nfunction defaultCompare(a: unknown, b: unknown): boolean {\n  return Object.is(a, b);\n}\n\n@Component({\n  selector: 'solaris-checkbox-group',\n  standalone: true,\n  imports: [SolarisCheckboxComponent],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => SolarisCheckboxGroupComponent),\n      multi: true,\n    },\n    {\n      provide: SolarisFormControl,\n      useExisting: forwardRef(() => SolarisCheckboxGroupComponent),\n    },\n  ],\n  templateUrl: './checkbox-group.component.html',\n  styleUrls: ['./checkbox-group.component.scss'],\n  host: {\n    role: 'group',\n    '[attr.data-orientation]': 'orientation()',\n    '[attr.data-layout]': 'layout()',\n    '[attr.data-columns]': 'columnsStr()',\n    '[attr.data-density]': 'effectiveDensity()',\n    '[attr.data-size]': 'size()',\n    '[attr.data-disabled]': 'isEffectivelyDisabled() ? \"\" : null',\n    '[attr.data-readonly]': 'isEffectivelyReadonly() ? \"\" : null',\n    '[attr.data-invalid]': 'isEffectivelyInvalid() ? \"\" : null',\n    '[attr.data-select-all]': 'selectAll() ? \"\" : null',\n    '[attr.aria-label]': 'effectiveAriaLabel() ?? null',\n    '[attr.aria-labelledby]': 'ariaLabelledBy()',\n    '[attr.aria-describedby]': 'ariaDescribedBy()',\n    '[attr.aria-invalid]': 'isEffectivelyInvalid() ? \"true\" : null',\n    '[attr.aria-required]': 'isEffectivelyRequired() ? \"true\" : null',\n  },\n})\nexport class SolarisCheckboxGroupComponent\n  extends SolarisFormControl\n  implements ControlValueAccessor, AfterContentInit, OnDestroy\n{\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly translateService = inject(SolarisTranslateService);\n  private readonly ngZone = inject(NgZone);\n\n  @ContentChildren(SolarisCheckboxComponent)\n  protected checkboxes!: QueryList<SolarisCheckboxComponent>;\n\n  /** Inputs */\n  readonly orientation = input<SolarisCheckboxGroupOrientation>('vertical');\n  readonly layout = input<SolarisCheckboxGroupLayout>('list');\n  readonly columns = input<SolarisCheckboxGroupColumns>(1);\n  readonly density = input<SolarisCheckboxGroupDensity>();\n  readonly size = input<SolarisCheckboxGroupSize>('md');\n  readonly disabledInput = input<boolean, boolean>(false, {\n    alias: 'disabled',\n    transform: (v: boolean) => v ?? false,\n  });\n  readonly readonlyInput = input<boolean, boolean>(false, {\n    alias: 'readonly',\n    transform: (v: boolean) => v ?? false,\n  });\n  readonly requiredInput = input<boolean, boolean>(false, {\n    alias: 'required',\n    transform: (v: boolean) => v ?? false,\n  });\n  readonly invalidInput = input<boolean | undefined>(undefined, {\n    alias: 'invalid',\n  });\n  readonly labelInput = input<string>(undefined, { alias: 'label' });\n  readonly labelKey = input<string>();\n  readonly hintInput = input<string>(undefined, { alias: 'hint' });\n  readonly hintKey = input<string>();\n  readonly errorInput = input<string>(undefined, { alias: 'error' });\n  readonly errorKey = input<string>();\n  readonly minSelected = input<number>();\n  readonly maxSelected = input<number>();\n  readonly selectAll = input<boolean>(false);\n  readonly selectAllLabel = input<string>();\n  readonly selectAllLabelKey = input<string>();\n  readonly compareWith =\n    input<(a: unknown, b: unknown) => boolean>(defaultCompare);\n  readonly ariaLabel = input<string>();\n  readonly ariaLabelKey = input<string>();\n\n  /** Outputs */\n  readonly valueChange = output<unknown[]>();\n  // eslint-disable-next-line @angular-eslint/no-output-native\n  readonly change = output<unknown[]>();\n\n  /** Internal state */\n  private readonly _value = signal<unknown[]>([]);\n  private readonly _focused = signal(false);\n  private readonly _describedByIds = signal<string[]>([]);\n  private readonly cvaDisabled = signal(false);\n  private readonly autoInvalid = signal(false);\n\n  /** CVA callbacks */\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private onChange: (value: unknown[]) => void = () => {};\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  private onTouched: () => void = () => {};\n\n  /** Subscriptions cleanup */\n  private readonly checkboxCvaSubscriptions = new Map<\n    SolarisCheckboxComponent,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    any\n  >();\n  private contentInitialized = false;\n  private checkboxQuerySubscription: Subscription | null = null;\n  private focusListenersAttached = false;\n\n  /** IDs */\n  protected readonly groupId = computed(() => {\n    // SECURITY_EXCEPTION: nativeElement.getAttribute('id') is the standard DOM API to check existing ID before generating one. Same approach used by Angular CDK and Solaris Checkbox.\n    return this.elementRef.nativeElement.getAttribute('id') || generateId();\n  });\n  protected readonly labelId = computed(() => `${this.groupId()}-label`);\n  protected readonly hintId = computed(() => `${this.groupId()}-hint`);\n  protected readonly errorId = computed(() => `${this.groupId()}-error`);\n\n  /** Computed */\n  protected readonly columnsStr = computed(() => String(this.columns()));\n\n  protected readonly effectiveDensity = computed<SolarisCheckboxGroupDensity>(\n    () => {\n      return this.density() ?? 'comfortable';\n    },\n  );\n\n  protected readonly isEffectivelyDisabled = computed(() => {\n    return this.disabledInput() || this.cvaDisabled();\n  });\n\n  protected readonly isEffectivelyReadonly = computed(() => {\n    return this.readonlyInput();\n  });\n\n  protected readonly isEffectivelyInvalid = computed(() => {\n    return this.invalidInput() ?? this.autoInvalid();\n  });\n\n  protected readonly isEffectivelyRequired = computed(() => {\n    return this.requiredInput();\n  });\n\n  protected readonly labelText = computed(() => {\n    const key = this.labelKey();\n    if (key) {\n      const translated = this.translateService.translate(key);\n      return translated !== key ? translated : undefined;\n    }\n    return this.labelInput();\n  });\n\n  protected readonly hintText = computed(() => {\n    const key = this.hintKey();\n    if (key) {\n      const translated = this.translateService.translate(key);\n      return translated !== key ? translated : undefined;\n    }\n    return this.hintInput();\n  });\n\n  protected readonly errorText = computed(() => {\n    const key = this.errorKey();\n    if (key) {\n      const translated = this.translateService.translate(key);\n      return translated !== key ? translated : undefined;\n    }\n    return this.errorInput();\n  });\n\n  protected readonly selectAllLabelText = computed(() => {\n    const customLabel = this.selectAllLabel();\n    if (customLabel) return customLabel;\n    const key = this.selectAllLabelKey();\n    if (key) {\n      const translated = this.translateService.translate(key);\n      if (translated !== key) return translated;\n    }\n    return this.translateService.translate('solaris.checkboxGroup.selectAll');\n  });\n\n  protected readonly effectiveAriaLabel = computed(() => {\n    const key = this.ariaLabelKey();\n    if (key) {\n      const translated = this.translateService.translate(key);\n      return translated !== key ? translated : undefined;\n    }\n    return this.ariaLabel();\n  });\n\n  protected readonly ariaLabelledBy = computed(() => {\n    if (this.labelText()) {\n      return this.labelId();\n    }\n    return null;\n  });\n\n  protected readonly ariaDescribedBy = computed(() => {\n    const customIds = this._describedByIds();\n    const ownIds: string[] = [];\n    if (this.hintText()) ownIds.push(this.hintId());\n    if (this.showError()) ownIds.push(this.errorId());\n    const all = [...customIds, ...ownIds];\n    return all.length > 0 ? all.join(' ') : null;\n  });\n\n  protected readonly showError = computed(() => {\n    if (this.isEffectivelyInvalid()) {\n      return this.errorText() ?? null;\n    }\n    return null;\n  });\n\n  /** Select-all computed */\n  protected readonly selectAllChecked = computed(() => {\n    const children = this.getEnabledCheckboxes();\n    if (children.length === 0) return false;\n    return children.every((c) => this.isChildValueInValue(c));\n  });\n\n  protected readonly selectAllIndeterminate = computed(() => {\n    const children = this.getEnabledCheckboxes();\n    if (children.length === 0) return false;\n    const checkedCount = children.filter((c) =>\n      this.isChildValueInValue(c),\n    ).length;\n    return checkedCount > 0 && checkedCount < children.length;\n  });\n\n  /** SolarisFormControl implementation */\n  get id(): string {\n    return this.groupId();\n  }\n\n  get focused(): boolean {\n    return this._focused();\n  }\n\n  get disabled(): boolean {\n    return this.isEffectivelyDisabled();\n  }\n\n  get readonly(): boolean {\n    return this.isEffectivelyReadonly();\n  }\n\n  get invalid(): boolean {\n    return this.isEffectivelyInvalid();\n  }\n\n  get required(): boolean {\n    return this.isEffectivelyRequired();\n  }\n\n  get describedByIds(): string[] {\n    return this._describedByIds();\n  }\n\n  setDescribedByIds(ids: string[]): void {\n    this._describedByIds.set([...ids]);\n  }\n\n  focus(): void {\n    const first = this.checkboxes?.get(0);\n    if (first) {\n      first.focus();\n    }\n  }\n\n  /** CVA implementation */\n  writeValue(value: unknown[] | null): void {\n    this._value.set(Array.isArray(value) ? [...value] : []);\n    this.syncChildrenToValue();\n  }\n\n  registerOnChange(fn: (value: unknown[]) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.cvaDisabled.set(isDisabled);\n    this.propagateDisabledToChildren();\n  }\n\n  /** ContentChildren lifecycle */\n  ngAfterContentInit(): void {\n    this.contentInitialized = true;\n    this.attachFocusListeners();\n    this.initCheckboxes();\n    this.syncChildrenToValue();\n    this.propagateDisabledToChildren();\n    this.propagateReadonlyToChildren();\n\n    this.checkboxQuerySubscription = this.checkboxes.changes.subscribe(() => {\n      this.initCheckboxes();\n      this.syncChildrenToValue();\n      this.propagateDisabledToChildren();\n      this.propagateReadonlyToChildren();\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.unsubscribeAllCheckboxes();\n    if (this.checkboxQuerySubscription) {\n      this.checkboxQuerySubscription.unsubscribe();\n    }\n  }\n\n  /** Focus tracking */\n  private attachFocusListeners(): void {\n    if (this.focusListenersAttached) return;\n    this.focusListenersAttached = true;\n\n    // SECURITY_EXCEPTION: nativeElement.focusin/focusout are standard DOM events for focus tracking. Same pattern used by Solaris FormField.\n    const native = this.elementRef.nativeElement;\n    this.ngZone.runOutsideAngular(() => {\n      native.addEventListener('focusin', () => {\n        this.ngZone.run(() => this._focused.set(true));\n      });\n      native.addEventListener('focusout', (e: FocusEvent) => {\n        const related = e.relatedTarget as Node | null;\n        if (related && native.contains(related)) return;\n        this.ngZone.run(() => {\n          this._focused.set(false);\n          this.onTouched();\n        });\n      });\n    });\n  }\n\n  /** Init checkbox tracking */\n  private initCheckboxes(): void {\n    this.unsubscribeAllCheckboxes();\n    this.checkboxes.forEach((checkbox) => {\n      const sub = checkbox.checkedChange.subscribe((checked: boolean) => {\n        this.onChildCheckedChange(checkbox, checked);\n      });\n      this.checkboxCvaSubscriptions.set(checkbox, sub);\n    });\n  }\n\n  private unsubscribeAllCheckboxes(): void {\n    this.checkboxCvaSubscriptions.forEach((sub) => sub.unsubscribe());\n    this.checkboxCvaSubscriptions.clear();\n  }\n\n  /** Child checkbox interaction */\n  private onChildCheckedChange(\n    child: SolarisCheckboxComponent,\n    checked: boolean,\n  ): void {\n    if (this.isEffectivelyDisabled() || this.isEffectivelyReadonly()) {\n      return;\n    }\n\n    const childValue = child.value();\n    const currentValue = [...this._value()];\n    const cmp = this.compareWith();\n\n    if (checked) {\n      const exists = currentValue.some((v) => cmp(v, childValue));\n      if (!exists) {\n        currentValue.push(childValue);\n      }\n    } else {\n      const index = currentValue.findIndex((v) => cmp(v, childValue));\n      if (index !== -1) {\n        currentValue.splice(index, 1);\n      }\n    }\n\n    this.updateValue(currentValue);\n  }\n\n  /** Select all interaction */\n  protected onSelectAllChange(checked: boolean): void {\n    if (this.isEffectivelyDisabled() || this.isEffectivelyReadonly()) {\n      return;\n    }\n\n    const children = this.getEnabledCheckboxes();\n    const cmp = this.compareWith();\n    let currentValue = [...this._value()];\n\n    if (checked) {\n      for (const child of children) {\n        const childValue = child.value();\n        const exists = currentValue.some((v) => cmp(v, childValue));\n        if (!exists) {\n          currentValue.push(childValue);\n        }\n      }\n    } else {\n      const removeValues = children.map((c) => c.value());\n      currentValue = currentValue.filter(\n        (v) => !removeValues.some((rv) => cmp(rv, v)),\n      );\n    }\n\n    this.updateValue(currentValue);\n  }\n\n  /** Value update */\n  private updateValue(newValue: unknown[]): void {\n    this._value.set(newValue);\n    this.syncChildrenToValue();\n    this.onChange(newValue);\n    this.valueChange.emit(newValue);\n    this.change.emit(newValue);\n  }\n\n  /** Sync checkboxes to current value */\n  private syncChildrenToValue(): void {\n    if (!this.contentInitialized || !this.checkboxes) return;\n    const currentValue = this._value();\n    const cmp = this.compareWith();\n\n    this.checkboxes.forEach((checkbox) => {\n      const childValue = checkbox.value();\n      const isChecked = currentValue.some((v) => cmp(v, childValue));\n      checkbox.writeValue(isChecked);\n    });\n  }\n\n  /** Get enabled (non-disabled, non-readonly) checkboxes */\n  private getEnabledCheckboxes(): SolarisCheckboxComponent[] {\n    if (!this.checkboxes) return [];\n    return this.checkboxes.filter((c) => !c.disabled && !c.readonly);\n  }\n\n  /** Check if a child's value is selected */\n  private isChildValueInValue(child: SolarisCheckboxComponent): boolean {\n    const childValue = child.value();\n    const cmp = this.compareWith();\n    return this._value().some((v) => cmp(v, childValue));\n  }\n\n  /** Propagate disabled to children */\n  private propagateDisabledToChildren(): void {\n    if (!this.contentInitialized || !this.checkboxes) return;\n    const isDisabled = this.isEffectivelyDisabled();\n    this.checkboxes.forEach((checkbox) => {\n      checkbox.setDisabledState(isDisabled);\n    });\n  }\n\n  /** Propagate readonly to children */\n  private propagateReadonlyToChildren(): void {\n    if (!this.contentInitialized || !this.checkboxes) return;\n    const isReadonly = this.isEffectivelyReadonly();\n    this.checkboxes.forEach((checkbox) => {\n      checkbox.setCvaReadonlyState(isReadonly);\n    });\n  }\n\n  /** Effect: propagate disabled/readonly when inputs change */\n  private readonly _propagateEffect = effect(() => {\n    if (!this.contentInitialized) return;\n    this.isEffectivelyDisabled();\n    this.isEffectivelyReadonly();\n    this.propagateDisabledToChildren();\n    this.propagateReadonlyToChildren();\n  });\n\n  /** Effect: re-validate on value/min/max changes */\n  private readonly _validateEffect = effect(() => {\n    this._value();\n    this.minSelected();\n    this.maxSelected();\n    this.validateBounds();\n  });\n\n  private validateBounds(): void {\n    const count = this._value().length;\n    const min = this.minSelected();\n    const max = this.maxSelected();\n    const isOutOfBounds =\n      (min != null && count < min) || (max != null && count > max);\n    this.autoInvalid.set(!!isOutOfBounds);\n  }\n\n  constructor() {\n    super();\n  }\n}\n","@if (labelText(); as text) {\n  <span class=\"solaris-checkbox-group__label\" [id]=\"labelId()\">\n    {{ text }}\n  </span>\n}\n@if (selectAll()) {\n  <div class=\"solaris-checkbox-group__select-all\">\n    <solaris-checkbox\n      [checked]=\"selectAllChecked()\"\n      [indeterminate]=\"selectAllIndeterminate()\"\n      [disabled]=\"isEffectivelyDisabled()\"\n      [readonly]=\"isEffectivelyReadonly()\"\n      (checkedChange)=\"onSelectAllChange($event)\"\n    >\n      {{ selectAllLabelText() }}\n    </solaris-checkbox>\n  </div>\n}\n<div class=\"solaris-checkbox-group__options\" role=\"group\">\n  <ng-content />\n</div>\n@if (hintText(); as text) {\n  <p class=\"solaris-checkbox-group__hint\" [id]=\"hintId()\">\n    {{ text }}\n  </p>\n}\n@if (showError(); as text) {\n  <p class=\"solaris-checkbox-group__error\" [id]=\"errorId()\" role=\"alert\">\n    {{ text }}\n  </p>\n}\n"]}

package/esm2022/lib/components/forms/checkbox-group/model/checkbox-group.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=checkbox-group.types.js.map

package/esm2022/lib/components/forms/checkbox-group/model/checkbox-group.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/checkbox-group/model/checkbox-group.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisCheckboxGroupOrientation = 'vertical' | 'horizontal';\nexport type SolarisCheckboxGroupLayout = 'list' | 'grid';\nexport type SolarisCheckboxGroupColumns = 1 | 2 | 3 | 4 | 'auto';\nexport type SolarisCheckboxGroupDensity = 'compact' | 'comfortable';\nexport type SolarisCheckboxGroupSize = 'sm' | 'md' | 'lg';\n"]}