@type-dom/ui 0.5.0 → 0.6.1

package/dist/components/form/td-checkbox/td-checkbox.interface.d.ts

@@ -0,0 +1,94 @@
+import { ITypeHtml, HtmlProps, Ref, TypeNode, MaybeRef } from '@type-dom/framework';
+import { ComponentSize } from '../../../constants/size';
+export interface ITdCheckbox extends ITypeHtml {
+}
+export interface CheckboxProps extends HtmlProps {
+    nodeName?: 'span' | 'label';
+    /**
+     * @description binding value
+     *   default: undefined,
+     */
+    modelValue?: number | string | boolean;
+    vModel?: Ref<number | string | boolean | undefined>;
+    /**
+     * @description label of the Checkbox when used inside a `checkbox-group`
+     *   default: undefined,
+     */
+    label?: MaybeRef<string | boolean | number | undefined> | TypeNode;
+    /**
+     * @description value of the Checkbox when used inside a `checkbox-group`
+     *   default: undefined,
+     */
+    value?: string | boolean | number | object;
+    /**
+     * @description Set indeterminate state, only responsible for style control
+     */
+    indeterminate?: MaybeRef<boolean | undefined>;
+    /**
+     * @description whether the Checkbox is disabled
+     */
+    disabled?: MaybeRef<boolean | undefined>;
+    /**
+     * @description if the Checkbox is checked
+     */
+    checked?: boolean;
+    /**
+     * @description native 'name' attribute
+     *   default: undefined,
+     */
+    name?: string;
+    /**
+     * @description value of the Checkbox if it's checked
+     *   default: undefined,
+     */
+    trueValue?: string | number;
+    /**
+     * @description value of the Checkbox if it's not checked
+     *     default: undefined,
+     */
+    falseValue?: string | number;
+    /**
+     * @deprecated use `trueValue` instead
+     * @description value of the Checkbox if it's checked
+     *   default: undefined,
+     */
+    trueLabel?: string | number;
+    /**
+     * @deprecated use `falseValue` instead
+     * @description value of the Checkbox if it's not checked
+     *   default: undefined,
+     */
+    falseLabel?: string | number;
+    /**
+     * @description input id
+     *   default: undefined,
+     */
+    id?: string;
+    /**
+     * @description whether to add a border around Checkbox
+     */
+    border?: boolean;
+    /**
+     * @description size of the Checkbox
+     */
+    size?: MaybeRef<ComponentSize | undefined>;
+    /**
+     * @description input tabindex
+     */
+    tabindex?: string | number;
+    /**
+     * @description whether to trigger form validation
+     *    default: true,
+     */
+    validateEvent?: boolean;
+    /**
+     * @description native `aria-controls` attribute
+     */
+    ariaControls?: MaybeRef<string | undefined | null>;
+    /**
+     * @description native `aria-label` attribute
+     */
+    ariaLabel?: MaybeRef<string | undefined | null>;
+}
+export type CheckboxValueType = string | number | boolean;
+//# sourceMappingURL=td-checkbox.interface.d.ts.map

package/dist/components/form/td-checkbox/td-checkbox.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-checkbox.interface.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-checkbox/td-checkbox.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,SAAS,EACT,GAAG,EACH,QAAQ,EACR,QAAQ,EACT,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,WAAW,WAAY,SAAQ,SAAS;CAE7C;AACD,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACvC,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IACpD;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,GAAG,QAAQ,CAAC;IACnE;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAC3C;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IACzC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC;IACnD;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC;CACjD;AAED,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC"}

package/dist/components/form/td-checkbox/td-checkbox.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-checkbox.interface.js","sourceRoot":"","sources":["../../../../src/components/form/td-checkbox/td-checkbox.interface.ts"],"names":[],"mappings":""}

package/dist/components/form/td-checkbox-button/style/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-checkbox-button/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,gDAAgD,CAAC"}

package/dist/components/form/td-checkbox-button/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../src/components/form/td-checkbox-button/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,gDAAgD,CAAC"}

package/dist/components/form/td-checkbox-button/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-checkbox-button/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,8CAA8C,CAAC"}

package/dist/components/form/td-checkbox-button/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/form/td-checkbox-button/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,8CAA8C,CAAC"}

package/dist/components/form/td-checkbox-button/td-checkbox-button.class.d.ts

@@ -0,0 +1,9 @@
+import { LabelProps, Label } from '@type-dom/framework';
+import { CheckboxProps } from '../td-checkbox/td-checkbox.interface';
+import { ITdCheckboxButton } from './td-checkbox-button.interface';
+import './style/index';
+export declare class TdCheckboxButton extends Label<CheckboxProps & LabelProps> implements ITdCheckboxButton {
+    constructor(params?: CheckboxProps & LabelProps);
+    setup(): void;
+}
+//# sourceMappingURL=td-checkbox-button.class.d.ts.map

package/dist/components/form/td-checkbox-button/td-checkbox-button.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-checkbox-button.class.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-checkbox-button/td-checkbox-button.class.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,UAAU,EAEV,KAAK,EAQN,MAAM,qBAAqB,CAAC;AAQ7B,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,eAAe,CAAC;AAEvB,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,GAAG,UAAU,CAAE,YAAW,iBAAiB;gBAEtF,MAAM,GAAE,aAAa,GAAG,UAAe;IAO1C,KAAK;CAiHf"}

package/dist/components/form/td-checkbox-button/td-checkbox-button.class.js

@@ -0,0 +1,112 @@
+import { computed } from '@type-dom/signals';
+import { isArray } from '@type-dom/utils';
+import { Input, Span, Label, useSlots, addEmits, inject, addAttrName, addAttrClass, defaultProps, } from '@type-dom/framework';
+import { useNamespace } from '../../../hooks/use-namespace';
+import { checkboxEmits, checkboxGroupContextKey, checkboxProps, } from '../td-checkbox/td-checkbox.const';
+import { useCheckbox } from '../td-checkbox/composables/use-checkbox';
+import './style/index';
+export class TdCheckboxButton extends Label {
+    constructor(params = {}) {
+        super(params);
+        defaultProps(this, checkboxProps); // label | span
+        addAttrName(this, 'td-checkbox-button');
+        addEmits(this, checkboxEmits);
+    }
+    setup() {
+        const props = this.props;
+        const slots = useSlots();
+        const { isFocused, isChecked, isDisabled, checkboxButtonSize, model, actualValue, handleChange, } = useCheckbox(props, slots);
+        const checkboxGroup = inject(checkboxGroupContextKey, undefined);
+        const ns = useNamespace('checkbox');
+        const activeStyle = computed(() => {
+            const fillValue = checkboxGroup?.fill?.get() ?? '';
+            return {
+                backgroundColor: fillValue,
+                borderColor: fillValue,
+                color: checkboxGroup?.textColor?.get() ?? '',
+                boxShadow: fillValue ? `-1px 0 0 0 ${fillValue}` : undefined,
+            };
+        });
+        const labelKls = computed(() => {
+            return [
+                ns.b('button'),
+                ns.bm('button', checkboxButtonSize.get()),
+                ns.is('disabled', isDisabled.get()),
+                ns.is('checked', isChecked.get()),
+                ns.is('focus', isFocused.get()),
+            ];
+        });
+        addAttrClass(this, labelKls);
+        if (props.trueValue || props.falseValue || props.trueLabel || props.falseLabel) {
+            this.addChild(new Input({
+                vModel: model,
+                class: ns.be('button', 'original'),
+                attrObj: {
+                    type: 'checkbox',
+                    name: props.name,
+                    tabindex: props.tabindex,
+                    disabled: isDisabled,
+                    trueValue: props.trueValue ?? props.trueLabel ?? true,
+                    falseValue: props.falseValue ?? props.falseLabel ?? false,
+                },
+                onChange: (ev) => {
+                    handleChange(ev);
+                    ev?.stopPropagation();
+                },
+                onFocus: () => isFocused.set(true),
+                onBlur: () => isFocused.set(false),
+                onClick: (evt) => evt?.stopPropagation(),
+            }));
+        }
+        else {
+            this.addChild(new Input({
+                vModel: model,
+                class: ns.be('button', 'original'),
+                attrObj: {
+                    type: 'checkbox',
+                    name: props.name,
+                    tabindex: props.tabindex,
+                    disabled: isDisabled,
+                    value: actualValue,
+                },
+                onChange: (evt) => {
+                    handleChange(evt);
+                    evt?.stopPropagation(); // 必须加这个，否则会再触发一次上层的 change todo ????
+                },
+                onFocus: () => isFocused.set(true),
+                onBlur: () => isFocused.set(false),
+                onClick: (evt) => evt?.stopPropagation(),
+            }));
+        }
+        this.addChild(new Span({
+            vIf: props.slot ?? slots?.default ?? props.label,
+            class: ns.be('button', 'inner'),
+            styleObj: computed(() => isChecked.get() ? activeStyle.get() : undefined),
+            slot: props.slot ?? slots?.default ?? props.label,
+        }));
+        // add by me
+        addEmits(this, {
+            change: (newValue) => {
+                // console.warn('change emit , newValue is ', newValue);
+                const selected = model.get();
+                // todo 数组 还时 值
+                if (isArray(selected)) {
+                    model.set(selected.includes(actualValue.get())
+                        ? selected.filter((item) => {
+                            if (newValue) {
+                                return true;
+                            }
+                            else {
+                                return item !== actualValue.get();
+                            }
+                        })
+                        : newValue ? [...selected, actualValue.get()] : [...selected]);
+                }
+                else {
+                    model.set(newValue);
+                }
+            },
+        });
+    }
+}
+//# sourceMappingURL=td-checkbox-button.class.js.map

package/dist/components/form/td-checkbox-button/td-checkbox-button.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-checkbox-button.class.js","sourceRoot":"","sources":["../../../../src/components/form/td-checkbox-button/td-checkbox-button.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EACL,KAAK,EAEL,IAAI,EACJ,KAAK,EAEL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,WAAW,EACX,YAAY,EACZ,YAAY,GACb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EACL,aAAa,EACb,uBAAuB,EACvB,aAAa,GACd,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAGtE,OAAO,eAAe,CAAC;AAEvB,MAAM,OAAO,gBAAiB,SAAQ,KAAiC;IAErE,YAAY,SAAqC,EAAE;QACjD,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,YAAY,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,eAAe;QAClD,WAAW,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;QACxC,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;IAChC,CAAC;IAEQ,KAAK;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;QAEzB,MAAM,EACJ,SAAS,EACT,SAAS,EACT,UAAU,EACV,kBAAkB,EAClB,KAAK,EACL,WAAW,EACX,YAAY,GACb,GAAG,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC9B,MAAM,aAAa,GAAG,MAAM,CAAC,uBAAuB,EAAE,SAAS,CAAC,CAAC;QACjE,MAAM,EAAE,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;QAEpC,MAAM,WAAW,GAAG,QAAQ,CAAgB,GAAG,EAAE;YAC/C,MAAM,SAAS,GAAG,aAAa,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;YACnD,OAAO;gBACL,eAAe,EAAE,SAAS;gBAC1B,WAAW,EAAE,SAAS;gBACtB,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAE;gBAC5C,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,cAAc,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS;aAC7D,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;YAC7B,OAAO;gBACL,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;gBACd,EAAE,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAC,GAAG,EAAE,CAAC;gBACzC,EAAE,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC;gBACnC,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG,EAAE,CAAC;gBACjC,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,EAAE,CAAC;aAChC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAC7B,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;YAC/E,IAAI,CAAC,QAAQ,CACX,IAAI,KAAK,CAAC;gBACR,MAAM,EAAE,KAAK;gBACb,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC;gBAClC,OAAO,EAAE;oBACP,IAAI,EAAE,UAAU;oBAChB,IAAI,EAAE,KAAK,CAAC,IAAI;oBAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ;oBACxB,QAAQ,EAAE,UAAU;oBACpB,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,IAAI;oBACrD,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,IAAI,KAAK;iBAC1D;gBACD,QAAQ,EAAE,CAAC,EAAS,EAAE,EAAE;oBACtB,YAAY,CAAC,EAAE,CAAC,CAAC;oBACjB,EAAE,EAAE,eAAe,EAAE,CAAC;gBACxB,CAAC;gBACD,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;gBAClC,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;gBAClC,OAAO,EAAE,CAAC,GAAU,EAAE,EAAE,CAAC,GAAG,EAAE,eAAe,EAAE;aAChD,CAAC,CACH,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,QAAQ,CACX,IAAI,KAAK,CAAC;gBACR,MAAM,EAAE,KAAK;gBACb,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC;gBAClC,OAAO,EAAE;oBACP,IAAI,EAAE,UAAU;oBAChB,IAAI,EAAE,KAAK,CAAC,IAAI;oBAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ;oBACxB,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,WAAW;iBACnB;gBACD,QAAQ,EAAE,CAAC,GAAU,EAAE,EAAE;oBACvB,YAAY,CAAC,GAAG,CAAC,CAAC;oBAClB,GAAG,EAAE,eAAe,EAAE,CAAC,CAAC,qCAAqC;gBAC/D,CAAC;gBACD,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;gBAClC,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;gBAClC,OAAO,EAAE,CAAC,GAAU,EAAE,EAAE,CAAC,GAAG,EAAE,eAAe,EAAE;aAChD,CAAC,CACH,CAAC;QACJ,CAAC;QACD,IAAI,CAAC,QAAQ,CACX,IAAI,IAAI,CAAC;YACP,GAAG,EAAE,KAAK,CAAC,IAAI,IAAI,KAAK,EAAE,OAAO,IAAI,KAAK,CAAC,KAAK;YAChD,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;YAC/B,QAAQ,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YACzE,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,KAAK,EAAE,OAAO,IAAI,KAAK,CAAC,KAAK;SAClD,CAAC,CACH,CAAC;QACF,YAAY;QACZ,QAAQ,CAAC,IAAI,EAAE;YACb,MAAM,EAAE,CAAC,QAAQ,EAAE,EAAE;gBACnB,wDAAwD;gBACxD,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;gBAC7B,eAAe;gBACf,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;oBACtB,KAAK,CAAC,GAAG,CACP,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;wBAClC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;4BACzB,IAAI,QAAQ,EAAE,CAAC;gCACb,OAAO,IAAI,CAAC;4BACd,CAAC;iCAAM,CAAC;gCACN,OAAO,IAAI,KAAK,WAAW,CAAC,GAAG,EAAE,CAAC;4BACpC,CAAC;wBACH,CAAC,CAAC;wBACF,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,EAAE,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAChE,CAAC;gBACJ,CAAC;qBAAM,CAAC;oBACN,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBACtB,CAAC;YACH,CAAC;SACF,CAAC,CAAC;IACL,CAAC;CACF"}

package/dist/components/form/td-checkbox-button/td-checkbox-button.interface.d.ts

@@ -0,0 +1,4 @@
+import { ILabel } from '@type-dom/framework';
+export interface ITdCheckboxButton extends ILabel {
+}
+//# sourceMappingURL=td-checkbox-button.interface.d.ts.map

package/dist/components/form/td-checkbox-button/td-checkbox-button.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-checkbox-button.interface.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-checkbox-button/td-checkbox-button.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,MAAM,WAAW,iBAAkB,SAAQ,MAAM;CAChD"}

package/dist/components/form/td-checkbox-button/td-checkbox-button.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-checkbox-button.interface.js","sourceRoot":"","sources":["../../../../src/components/form/td-checkbox-button/td-checkbox-button.interface.ts"],"names":[],"mappings":""}

package/dist/components/form/td-checkbox-group/style/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-checkbox-group/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,yCAAyC,CAAC"}

package/dist/components/form/td-checkbox-group/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../../src/components/form/td-checkbox-group/style/css.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,yCAAyC,CAAC"}

package/dist/components/form/td-checkbox-group/style/index.d.ts

@@ -0,0 +1,3 @@
+import '../../../base/style';
+import '../../../../theme-chalk/checkbox-group.scss';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form/td-checkbox-group/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-checkbox-group/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,6CAA6C,CAAC"}

package/dist/components/form/td-checkbox-group/style/index.js

@@ -0,0 +1,3 @@
+import '../../../base/style';
+import '../../../../theme-chalk/checkbox-group.scss';
+//# sourceMappingURL=index.js.map

package/dist/components/form/td-checkbox-group/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/form/td-checkbox-group/style/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,6CAA6C,CAAC"}

package/dist/components/form/td-checkbox-group/td-checkbox-group.class.d.ts

@@ -0,0 +1,9 @@
+import { TypeHtml } from '@type-dom/framework';
+import { ITdCheckboxGroup, CheckboxGroupProps } from './td-checkbox-group.interface';
+import './style/index';
+export declare class TdCheckboxGroup extends TypeHtml<CheckboxGroupProps> implements ITdCheckboxGroup {
+    dom: HTMLElement;
+    constructor(params?: CheckboxGroupProps);
+    setup(): void;
+}
+//# sourceMappingURL=td-checkbox-group.class.d.ts.map

package/dist/components/form/td-checkbox-group/td-checkbox-group.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-checkbox-group.class.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-checkbox-group/td-checkbox-group.class.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAWT,MAAM,qBAAqB,CAAC;AAU7B,OAAO,EAEL,gBAAgB,EAChB,kBAAkB,EAInB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,eAAe,CAAC;AAEvB,qBAAa,eAAgB,SAAQ,QAAQ,CAAC,kBAAkB,CAAE,YAAW,gBAAgB;IAC3F,GAAG,EAAE,WAAW,CAAC;gBAEL,MAAM,GAAE,kBAAuB;IAOlC,KAAK;CA+Ff"}

package/dist/components/form/td-checkbox-group/td-checkbox-group.class.js

@@ -0,0 +1,102 @@
+import { TypeHtml, nextTick, provide, toRefs, watch, addEmits, emit, addAttrObj, addAttrClass, transformSlot, defaultProps, } from '@type-dom/framework';
+import { computed } from '@type-dom/signals';
+import { pick, debugWarn } from '@type-dom/utils';
+import { isEqual } from 'lodash-es';
+import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '../../../constants/event';
+import { useNamespace } from '../../../hooks/use-namespace';
+import { checkboxGroupContextKey } from '../td-checkbox/td-checkbox.const';
+import { useFormItem, useFormItemInputId, } from '../td-form/hooks/use-form-item';
+import { TdCheckbox } from '../td-checkbox/td-checkbox.class';
+import { TdCheckboxButton } from '../td-checkbox-button/td-checkbox-button.class';
+import { checkboxGroupDefaultProps, } from './td-checkbox-group.interface';
+import { checkboxGroupEmits, checkboxGroupProps, } from './td-checkbox-group.const';
+import './style/index';
+export class TdCheckboxGroup extends TypeHtml {
+    dom;
+    constructor(params = {}) {
+        super(params);
+        defaultProps(this, checkboxGroupProps);
+        this.dom = document.createElement(params.tag || 'div');
+        addEmits(this, checkboxGroupEmits);
+    }
+    setup() {
+        const props = this.props;
+        const ns = useNamespace('checkbox');
+        const { formItem } = useFormItem();
+        const { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(props, {
+            formItemContext: formItem,
+        });
+        const changeEvent = async (value) => {
+            emit(this, UPDATE_MODEL_EVENT, value);
+            await nextTick();
+            emit(this, CHANGE_EVENT, value);
+        };
+        const modelValue = computed(() => {
+            // return props.modelValue; // 无法触发监听
+            return props.vModel?.get();
+        }, (val) => {
+            // console.warn('modelValue', val);
+            changeEvent(val);
+        });
+        provide(checkboxGroupContextKey, {
+            ...pick(toRefs(props), [
+                'size',
+                'min',
+                'max',
+                'disabled',
+                'validateEvent',
+                'fill',
+                'textColor',
+            ]),
+            modelValue,
+            changeEvent,
+        });
+        watch(() => props.vModel?.get(), // props.modelValue 无法促发监听
+        (newVal, oldValue) => {
+            if (props.validateEvent && !isEqual(newVal, oldValue)) {
+                formItem?.validate('change').catch((err) => debugWarn(err));
+            }
+        });
+        addAttrClass(this, ns.b('group'));
+        addAttrObj(this, {
+            id: groupId,
+            role: 'group',
+            // class: ns.b('group'),
+            ariaLabel: computed(() => !isLabeledByFormItem.get()
+                ? props.ariaLabel || 'checkbox-group'
+                : undefined),
+            ariaLabelledby: computed(() => isLabeledByFormItem.get() ? formItem?.labelId : undefined),
+        });
+        const aliasProps = computed(() => ({
+            ...checkboxGroupDefaultProps,
+            ...props.props,
+        }));
+        const getOptionProps = (option) => {
+            const { label, value, disabled } = aliasProps.get();
+            if (typeof option !== 'object') {
+                const primitive = option;
+                return { value: primitive, label: `${primitive}` };
+            }
+            const rest = { ...option };
+            delete rest[label];
+            delete rest[value];
+            delete rest[disabled];
+            return {
+                ...rest,
+                label: option[label],
+                value: option[value],
+                disabled: option[disabled],
+            };
+        };
+        if (props.options?.length) {
+            const children = props.options.map((option) => props.type === 'button'
+                ? new TdCheckboxButton(getOptionProps(option))
+                : new TdCheckbox(getOptionProps(option)));
+            transformSlot(this, children);
+        }
+        else {
+            transformSlot(this, props.slot ?? props.slots?.default);
+        }
+    }
+}
+//# sourceMappingURL=td-checkbox-group.class.js.map

package/dist/components/form/td-checkbox-group/td-checkbox-group.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-checkbox-group.class.js","sourceRoot":"","sources":["../../../../src/components/form/td-checkbox-group/td-checkbox-group.class.ts"],"names":[],"mappings":"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"}

package/dist/components/form/td-checkbox-group/td-checkbox-group.const.d.ts

@@ -0,0 +1,8 @@
+import { CheckboxValueType } from '../td-checkbox/td-checkbox.interface';
+import { CheckboxGroupProps, CheckboxGroupValueType } from './td-checkbox-group.interface';
+export declare const checkboxGroupProps: CheckboxGroupProps;
+export declare const checkboxGroupEmits: {
+    "update:modelValue": (val: CheckboxGroupValueType) => boolean;
+    change: (val: CheckboxValueType[]) => boolean;
+};
+//# sourceMappingURL=td-checkbox-group.const.d.ts.map

package/dist/components/form/td-checkbox-group/td-checkbox-group.const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-checkbox-group.const.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-checkbox-group/td-checkbox-group.const.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EACL,kBAAkB,EAClB,sBAAsB,EAEvB,MAAM,+BAA+B,CAAC;AAEvC,eAAO,MAAM,kBAAkB,EAAE,kBAKhC,CAAC;AAEF,eAAO,MAAM,kBAAkB;+BACD,sBAAsB;kBACpC,iBAAiB,EAAE;CAClC,CAAC"}

package/dist/components/form/td-checkbox-group/td-checkbox-group.const.js

@@ -0,0 +1,16 @@
+import { isArray } from '@type-dom/utils';
+import { UPDATE_MODEL_EVENT } from '../../../constants/event';
+import { checkboxGroupDefaultProps, } from './td-checkbox-group.interface';
+export const checkboxGroupProps = {
+    modelValue: [],
+    tag: 'div',
+    validateEvent: true,
+    props: checkboxGroupDefaultProps,
+};
+export const checkboxGroupEmits = {
+    [UPDATE_MODEL_EVENT]: (val) => isArray(val),
+    change: (val) => isArray(val),
+};
+// export type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>
+// export type CheckboxGroupEmits = typeof checkboxGroupEmits;
+//# sourceMappingURL=td-checkbox-group.const.js.map

package/dist/components/form/td-checkbox-group/td-checkbox-group.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-checkbox-group.const.js","sourceRoot":"","sources":["../../../../src/components/form/td-checkbox-group/td-checkbox-group.const.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,OAAO,EAGL,yBAAyB,GAC1B,MAAM,+BAA+B,CAAC;AAEvC,MAAM,CAAC,MAAM,kBAAkB,GAAuB;IACpD,UAAU,EAAE,EAAE;IACd,GAAG,EAAE,KAAK;IACV,aAAa,EAAE,IAAI;IACnB,KAAK,EAAE,yBAAyB;CACjC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,CAAC,kBAAkB,CAAC,EAAE,CAAC,GAA2B,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;IACnE,MAAM,EAAE,CAAC,GAAwB,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;CACnD,CAAC;AAEF,+EAA+E;AAC/E,8DAA8D"}

package/dist/components/form/td-checkbox-group/td-checkbox-group.interface.d.ts

@@ -0,0 +1,84 @@
+import { HtmlProps, ITypeHtml, Ref } from '@type-dom/framework';
+import { ComponentSize } from '../../../constants/size';
+import { CheckboxValueType, CheckboxProps } from '../td-checkbox/td-checkbox.interface';
+export type { CheckboxProps };
+export interface ITdCheckboxGroup extends ITypeHtml {
+}
+export type CheckboxGroupValueType = Exclude<CheckboxValueType, boolean>[];
+/**
+ * @description data of the options, the key of `value` and `label` and `disabled`
+ * can be customized by `props`
+ */
+export type CheckboxOption = CheckboxProps & Record<string, any>;
+/**
+ * @description configuration options for keys to extract value/label/disabled
+ */
+export interface CheckboxOptionProps {
+    value?: string;
+    label?: string;
+    disabled?: string;
+}
+export declare const checkboxGroupDefaultProps: Required<CheckboxOptionProps>;
+/**
+ * @description component type to render options (e.g. `'button'`)
+ */
+export type CheckboxType = 'checkbox' | 'button';
+export interface CheckboxGroupProps extends HtmlProps {
+    /**
+     * @description binding value
+     *   default: () => [],
+     */
+    modelValue?: CheckboxGroupValueType;
+    vModel?: Ref<CheckboxGroupValueType>;
+    /**
+     * @description whether the nesting checkboxes are disabled
+     */
+    disabled?: boolean;
+    /**
+     * @description minimum number of checkbox checked
+     */
+    min?: number;
+    /**
+     * @description maximum number of checkbox checked
+     */
+    max?: number;
+    /**
+     * @description size of checkbox
+     */
+    size?: ComponentSize;
+    /**
+     * @description border and background color when button is active
+     */
+    fill?: string;
+    /**
+     * @description font color when button is active
+     */
+    textColor?: string;
+    /**
+     * @description element tag of the checkbox group
+     *     default: 'div',
+     */
+    tag?: string;
+    /**
+     * @description whether to trigger form validation
+     *     default: true,
+     */
+    validateEvent?: boolean;
+    ariaLabel?: string;
+    /**
+     * @description data of the options, the key of `value` and `label` and `disabled`
+     * can be customized by `props`
+     */
+    options?: CheckboxOption[];
+    /**
+     * @description configuration options for keys to extract value/label/disabled
+     *     default: { label: 'label', value: 'value', disabled: 'disabled' },
+     */
+    props?: CheckboxOptionProps;
+    /**
+     * @description component type to render options
+     *     default: 'checkbox',
+     */
+    type?: CheckboxType;
+}
+//# sourceMappingURL=td-checkbox-group.interface.d.ts.map

package/dist/components/form/td-checkbox-group/td-checkbox-group.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-checkbox-group.interface.d.ts","sourceRoot":"","sources":["../../../../src/components/form/td-checkbox-group/td-checkbox-group.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EACL,iBAAiB,EACjB,aAAa,EACd,MAAM,sCAAsC,CAAC;AAE9C,YAAY,EAAE,aAAa,EAAE,CAAC;AAE9B,MAAM,WAAW,gBAAiB,SAAQ,SAAS;CAClD;AAED,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC,iBAAiB,EAAE,OAAO,CAAC,EAAE,CAAC;AAE3E;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAEjE;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,yBAAyB,EAAE,QAAQ,CAAC,mBAAmB,CAInE,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEjD,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD;;;OAGG;IACH,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,MAAM,CAAC,EAAE,GAAG,CAAC,sBAAsB,CAAC,CAAC;IAKrC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;CAGrB"}

package/dist/components/form/td-checkbox-group/td-checkbox-group.interface.js

@@ -0,0 +1,6 @@
+export const checkboxGroupDefaultProps = {
+    label: 'label',
+    value: 'value',
+    disabled: 'disabled',
+};
+//# sourceMappingURL=td-checkbox-group.interface.js.map

package/dist/components/form/td-checkbox-group/td-checkbox-group.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"td-checkbox-group.interface.js","sourceRoot":"","sources":["../../../../src/components/form/td-checkbox-group/td-checkbox-group.interface.ts"],"names":[],"mappings":"AA6BA,MAAM,CAAC,MAAM,yBAAyB,GAAkC;IACtE,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;CACrB,CAAC"}

package/dist/components/form/td-color-picker/components/alpha-slider.d.ts

@@ -0,0 +1,11 @@
+import { Div } from '@type-dom/framework';
+import { Signal } from '@type-dom/signals';
+import { AlphaSliderProps } from '../props/alpha-slider';
+export declare class TdColorAlphaSlider extends Div<AlphaSliderProps> {
+    update?: () => void;
+    bar?: Signal<HTMLElement>;
+    thumb?: Signal<HTMLElement>;
+    constructor(params?: AlphaSliderProps);
+    setup(): void;
+}
+//# sourceMappingURL=alpha-slider.d.ts.map

package/dist/components/form/td-color-picker/components/alpha-slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alpha-slider.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/td-color-picker/components/alpha-slider.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EAGJ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAoB,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG3E,qBAAa,kBAAmB,SAAQ,GAAG,CAAC,gBAAgB,CAAC;IAC3D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;gBAChB,MAAM,GAAE,gBAAqB;IAIhC,KAAK;CA4Df"}

package/dist/components/form/td-color-picker/components/alpha-slider.js

@@ -0,0 +1,58 @@
+import { Div, addAttrClass, defaultProps, } from '@type-dom/framework';
+import { alphaSliderProps } from '../props/alpha-slider';
+import { useAlphaSlider, useAlphaSliderDOM } from '../composables/use-alpha-slider';
+export class TdColorAlphaSlider extends Div {
+    update;
+    bar;
+    thumb;
+    constructor(params = {}) {
+        super(params);
+        defaultProps(this, alphaSliderProps);
+    }
+    setup() {
+        const props = this.props;
+        const { alpha, alphaLabel, bar, thumb, handleDrag, handleClick, handleKeydown, } = useAlphaSlider(props);
+        const { rootKls, barKls, barStyle, thumbKls, thumbStyle, update } = useAlphaSliderDOM(props, {
+            bar,
+            thumb,
+            handleDrag,
+        });
+        /**
+         * @description update alpha slider manually
+         * @type {Function}
+         */
+        this.update = update;
+        /**
+         * @description bar element ref
+         * @type {HTMLElement}
+         */
+        this.bar = bar;
+        /**
+         * @description thumb element ref
+         * @type {HTMLElement}
+         */
+        this.thumb = thumb;
+        addAttrClass(this, rootKls);
+        this.addChildren(new Div({
+            refDom: bar,
+            class: barKls,
+            styleObj: barStyle,
+            onClick: handleClick,
+        }), new Div({
+            refDom: thumb,
+            class: thumbKls,
+            styleObj: thumbStyle,
+            attrObj: {
+                ariaLabel: alphaLabel,
+                ariaValuenow: alpha,
+                ariaOrientation: props.vertical ? 'vertical' : 'horizontal',
+                ariaValuemin: 0,
+                ariaValuemax: 100,
+                role: 'slider',
+                tabindex: 0,
+            },
+            onKeydown: handleKeydown,
+        }));
+    }
+}
+//# sourceMappingURL=alpha-slider.js.map

package/dist/components/form/td-color-picker/components/alpha-slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alpha-slider.js","sourceRoot":"","sources":["../../../../../src/components/form/td-color-picker/components/alpha-slider.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,YAAY,EACZ,YAAY,GACb,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,gBAAgB,EAAoB,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEpF,MAAM,OAAO,kBAAmB,SAAQ,GAAqB;IAC3D,MAAM,CAAc;IACpB,GAAG,CAAuB;IAC1B,KAAK,CAAuB;IAC5B,YAAY,SAA2B,EAAE;QACvC,KAAK,CAAC,MAAM,CAAC,CAAC;QACd,YAAY,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;IACvC,CAAC;IACQ,KAAK;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,MAAM,EACJ,KAAK,EACL,UAAU,EACV,GAAG,EACH,KAAK,EACL,UAAU,EACV,WAAW,EACX,aAAa,GACd,GAAG,cAAc,CAAC,KAAK,CAAC,CAAA;QAEzB,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,GAC/D,iBAAiB,CAAC,KAAK,EAAE;YACvB,GAAG;YACH,KAAK;YACL,UAAU;SACX,CAAC,CAAA;QAEJ;;;WAGG;QACH,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB;;;WAGG;QACH,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf;;;WAGG;QACH,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QAEnB,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAC5B,IAAI,CAAC,WAAW,CACd,IAAI,GAAG,CAAC;YACN,MAAM,EAAE,GAAG;YACX,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,WAAW;SACrB,CAAC,EACF,IAAI,GAAG,CAAC;YACN,MAAM,EAAE,KAAK;YACb,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE;gBACP,SAAS,EAAE,UAAU;gBACrB,YAAY,EAAE,KAAK;gBACnB,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;gBAC3D,YAAY,EAAE,CAAC;gBACf,YAAY,EAAE,GAAG;gBACjB,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,CAAC;aACZ;YACD,SAAS,EAAE,aAAa;SACzB,CAAC,CACH,CAAA;IACH,CAAC;CACF"}