@sectile/vue 0.2.1

package/dist/pin-input.d.ts

@@ -0,0 +1,207 @@
+import { type PropType, type SlotsType, type VNodeChild } from 'vue';
+import { type PinInputPolicies } from '@sectile/dom/pin-input';
+import { type PrimitiveAs } from './primitive.js';
+export interface PinInputRootProps {
+    readonly length?: number;
+    readonly modelValue?: string;
+    readonly defaultValue?: string;
+    readonly mask?: boolean;
+    readonly otp?: boolean;
+    readonly disabled?: boolean;
+    readonly?: boolean;
+    readonly label?: string;
+    readonly name?: string;
+    readonly form?: string;
+    readonly required?: boolean;
+    readonly policies?: PinInputPolicies;
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export interface PinInputRootSlotProps {
+    readonly value: string;
+    readonly complete: boolean;
+    readonly disabled: boolean;
+    readonly: boolean;
+}
+export interface PinInputInputProps {
+    readonly index: number;
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+}
+export interface PinInputInputSlotProps extends PinInputRootSlotProps {
+    readonly index: number;
+    readonly character: string;
+}
+export declare const PinInputRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    length: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    mask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    otp: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    policies: {
+        type: PropType<PinInputPolicies>;
+        default: undefined;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (_value: string) => boolean;
+    complete: (_value: string) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    length: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    mask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    otp: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    form: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    policies: {
+        type: PropType<PinInputPolicies>;
+        default: undefined;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onComplete?: (_value: string) => any;
+    "onUpdate:modelValue"?: (_value: string) => any;
+}>, {
+    length: number;
+    modelValue: string;
+    defaultValue: string;
+    mask: boolean;
+    otp: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    label: string;
+    name: string;
+    form: string;
+    required: boolean;
+    policies: PinInputPolicies;
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: PinInputRootSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type PinInputValueChangeHandler = (value: string) => void;
+export type PinInputCompleteHandler = (value: string) => void;
+export declare const PinInputInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+}, SlotsType<{
+    default: (props: PinInputInputSlotProps) => VNodeChild;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=pin-input.d.ts.map

package/dist/pin-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pin-input.d.ts","sourceRoot":"","sources":["../src/pin-input.ts"],"names":[],"mappings":"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"}

package/dist/pin-input.js

@@ -0,0 +1,129 @@
+import { computed, defineComponent, h, inject, mergeProps, onBeforeUnmount, onMounted, provide, shallowRef, watch, } from 'vue';
+import { createPinInput } from '@sectile/dom/pin-input';
+import { Primitive } from './primitive.js';
+import { visuallyHiddenInputStyle } from './internal/native-input.js';
+import { provideFormControlOwner } from './form.js';
+import { hiddenValueSubmissionCapabilities, useCompositeFormControl, } from './internal/form-control.js';
+const key = Symbol('SectilePinInputRoot');
+export const PinInputRoot = defineComponent({
+    name: 'SectilePinInputRoot', inheritAttrs: false,
+    props: {
+        length: { type: Number, default: 6 }, modelValue: { type: String, default: undefined },
+        defaultValue: { type: String, default: '' }, mask: { type: Boolean, default: false },
+        otp: { type: Boolean, default: false }, disabled: { type: Boolean, default: false },
+        readonly: { type: Boolean, default: false }, label: { type: String, default: 'PIN' },
+        name: { type: String, default: undefined }, form: { type: String, default: undefined }, required: { type: Boolean, default: false },
+        policies: { type: Object, default: undefined },
+        as: { type: [String, Object, Function], default: 'div' }, asChild: { type: Boolean, default: false },
+    },
+    emits: { 'update:modelValue': (_value) => true, complete: (_value) => true },
+    slots: Object,
+    setup(props, { attrs, emit, slots }) {
+        if (!Number.isInteger(props.length) || props.length < 1)
+            throw new TypeError('PinInput length must be a positive integer.');
+        const root = shallowRef(null);
+        const hiddenInput = shallowRef(null);
+        const participation = useCompositeFormControl({
+            root,
+            focusTarget: () => inputs.value.find((candidate) => candidate !== undefined) ?? null,
+            submissions: [{
+                    element: hiddenInput,
+                    capabilities: hiddenValueSubmissionCapabilities,
+                }],
+        });
+        provideFormControlOwner();
+        const inputs = shallowRef(Array.from({ length: props.length }));
+        const connection = shallowRef();
+        const value = shallowRef(props.modelValue ?? props.defaultValue);
+        const controlled = props.modelValue !== undefined;
+        const state = computed(() => Object.freeze({
+            value: props.modelValue ?? value.value, complete: (props.modelValue ?? value.value).length === props.length,
+            disabled: props.disabled, readonly: props.readonly,
+        }));
+        const connect = () => {
+            connection.value?.disconnect();
+            const nodes = inputs.value.filter((input) => input !== undefined);
+            if (root.value === null || nodes.length !== props.length)
+                return;
+            connection.value = createPinInput({
+                root: root.value, inputs: nodes, ...(props.policies === undefined ? {} : { policies: props.policies }),
+                ...(controlled ? { value: props.modelValue } : { defaultValue: value.value }),
+                disabled: props.disabled, readOnly: props.readonly, label: props.label,
+                onValueChange: (next) => { value.value = next; emit('update:modelValue', next); },
+                onComplete: (next) => emit('complete', next), onUpdate: refresh,
+            });
+            refresh();
+        };
+        const refresh = () => { if (connection.value !== undefined)
+            value.value = connection.value.getSnapshot().state.values.join(''); };
+        const register = (index, element) => {
+            if (inputs.value[index] === element)
+                return;
+            const next = [...inputs.value];
+            next[index] = element;
+            inputs.value = next;
+        };
+        provide(key, {
+            state, length: computed(() => props.length), mask: computed(() => props.mask), otp: computed(() => props.otp),
+            label: computed(() => props.label), register,
+        });
+        onMounted(connect);
+        onBeforeUnmount(() => connection.value?.disconnect());
+        watch([() => props.length, () => props.disabled, () => props.readonly, () => props.label, () => props.policies], () => {
+            inputs.value = Array.from({ length: props.length }, (_, index) => inputs.value[index]);
+            connect();
+        });
+        watch(() => props.modelValue, (next) => {
+            if (!controlled || next === undefined || connection.value === undefined)
+                return;
+            const result = connection.value.syncControlledValue(next);
+            if (!result.ok)
+                throw new TypeError(result.error.message);
+            value.value = next;
+        });
+        return () => {
+            const visual = h(Primitive, mergeProps(attrs, {
+                as: props.as, asChild: props.asChild, elementRef: (node) => { root.value = node instanceof HTMLElement ? node : null; },
+                role: 'group', 'aria-label': props.label, 'data-scope': 'pin-input', 'data-part': 'root',
+                'data-complete': state.value.complete ? '' : undefined,
+            }, participation.controlProps.value), { default: () => slots['default']?.(state.value) });
+            if (!participation.participating && props.name === undefined && props.form === undefined)
+                return visual;
+            return [visual, h('input', {
+                    ref: (element) => { hiddenInput.value = element instanceof HTMLInputElement ? element : null; },
+                    type: 'hidden', name: props.name, form: props.form, value: state.value.value,
+                    disabled: props.disabled, style: visuallyHiddenInputStyle,
+                })];
+        };
+    },
+});
+export const PinInputInput = defineComponent({
+    name: 'SectilePinInputInput', inheritAttrs: false,
+    props: {
+        index: { type: Number, required: true },
+        as: { type: [String, Object, Function], default: 'input' }, asChild: { type: Boolean, default: false },
+    },
+    slots: Object,
+    setup(props, { attrs, slots }) {
+        const root = useRoot('PinInputInput');
+        const slot = computed(() => ({
+            ...root.state.value, index: props.index, character: Array.from(root.state.value.value)[props.index] ?? '',
+        }));
+        return () => h(Primitive, mergeProps(attrs, {
+            as: props.as, asChild: props.asChild,
+            elementRef: (node) => root.register(props.index, node instanceof HTMLInputElement ? node : undefined),
+            type: root.mask.value ? 'password' : 'text', inputmode: 'numeric', maxlength: 1,
+            autocomplete: root.otp.value && props.index === 0 ? 'one-time-code' : undefined,
+            disabled: root.state.value.disabled, readonly: root.state.value.readonly,
+            'aria-label': `${root.label.value} digit ${props.index + 1} of ${root.length.value}`,
+            'data-scope': 'pin-input', 'data-part': 'input', 'data-index': props.index,
+        }), { default: () => slots['default']?.(slot.value) });
+    },
+});
+function useRoot(part) {
+    const root = inject(key);
+    if (root === undefined)
+        throw new TypeError(`${part} must be used inside PinInputRoot.`);
+    return root;
+}
+//# sourceMappingURL=pin-input.js.map

package/dist/pin-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pin-input.js","sourceRoot":"","sources":["../src/pin-input.ts"],"names":[],"mappings":"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"}

package/dist/popover.d.ts

@@ -0,0 +1,17 @@
+import { type PopupFactoryOptions, type PopupPartProps, type PopupPortalProps, type PopupRootProps, type PopupRootSlotProps } from './internal/popup.js';
+export declare const PopoverRoot: import("vue").Component;
+export type PopoverOpenChangeHandler = PopupFactoryOptions['onOpenChange'];
+export type PopoverPositionChangeHandler = NonNullable<PopupFactoryOptions['onPositionChange']>;
+export declare const PopoverTrigger: import("vue").Component;
+export declare const PopoverAnchor: import("vue").Component;
+export declare const PopoverPortal: import("vue").Component;
+export declare const PopoverContent: import("vue").Component;
+export declare const PopoverTitle: import("vue").Component;
+export declare const PopoverDescription: import("vue").Component;
+export declare const PopoverClose: import("vue").Component;
+export declare const PopoverArrow: import("vue").Component;
+export type PopoverRootProps = PopupRootProps;
+export type PopoverRootSlotProps = PopupRootSlotProps;
+export type PopoverPartProps = PopupPartProps;
+export type PopoverPortalProps = PopupPortalProps;
+//# sourceMappingURL=popover.d.ts.map

package/dist/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../src/popover.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACxB,MAAM,qBAAqB,CAAC;AAO7B,eAAO,MAAM,WAAW,yBAAa,CAAC;AACtC,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,CAAC,cAAc,CAAC,CAAC;AAC3E,MAAM,MAAM,4BAA4B,GAAG,WAAW,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAChG,eAAO,MAAM,cAAc,yBAAgB,CAAC;AAC5C,eAAO,MAAM,aAAa,yBAAe,CAAC;AAC1C,eAAO,MAAM,aAAa,yBAAe,CAAC;AAC1C,eAAO,MAAM,cAAc,yBAAgB,CAAC;AAC5C,eAAO,MAAM,YAAY,yBAAc,CAAC;AACxC,eAAO,MAAM,kBAAkB,yBAAoB,CAAC;AACpD,eAAO,MAAM,YAAY,yBAAc,CAAC;AACxC,eAAO,MAAM,YAAY,yBAAc,CAAC;AACxC,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC;AAC9C,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,CAAC;AACtD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC;AAC9C,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,CAAC"}

package/dist/popover.js

@@ -0,0 +1,16 @@
+import { createPopover } from '@sectile/dom/popover';
+import { createPopupComponents, } from './internal/popup.js';
+const parts = createPopupComponents({
+    scope: 'popover', role: 'dialog', modal: false, triggerMode: 'click', closeOnInteractOutside: true,
+    create: (options) => createPopover(options),
+});
+export const PopoverRoot = parts.Root;
+export const PopoverTrigger = parts.Trigger;
+export const PopoverAnchor = parts.Anchor;
+export const PopoverPortal = parts.Portal;
+export const PopoverContent = parts.Content;
+export const PopoverTitle = parts.Title;
+export const PopoverDescription = parts.Description;
+export const PopoverClose = parts.Close;
+export const PopoverArrow = parts.Arrow;
+//# sourceMappingURL=popover.js.map

package/dist/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../src/popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+C,MAAM,sBAAsB,CAAC;AAClG,OAAO,EACL,qBAAqB,GAMtB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,KAAK,GAAG,qBAAqB,CAAC;IAClC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,sBAAsB,EAAE,IAAI;IAClG,MAAM,EAAE,CAAC,OAA4B,EAAqB,EAAE,CAAC,aAAa,CAAC,OAAyB,CAAC;CACtG,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC;AAGtC,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC;AAC5C,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC;AAC1C,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC;AAC1C,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC;AAC5C,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC;AACxC,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC;AACpD,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC;AACxC,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC"}

package/dist/primitive.d.ts

@@ -0,0 +1,41 @@
+import { type Component, type PropType, type Slots, type VNodeChild } from 'vue';
+export type PrimitiveAs = string | Component;
+export interface PrimitiveProps {
+    readonly as?: PrimitiveAs;
+    readonly asChild?: boolean;
+    readonly elementRef?: (element: unknown) => void;
+}
+export type PrimitiveElementRefHandler = NonNullable<PrimitiveProps['elementRef']>;
+export declare const Primitive: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    elementRef: {
+        type: PropType<PrimitiveElementRefHandler>;
+        default: undefined;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    as: {
+        type: PropType<PrimitiveAs>;
+        default: string;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    elementRef: {
+        type: PropType<PrimitiveElementRefHandler>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    as: PrimitiveAs;
+    asChild: boolean;
+    elementRef: (element: unknown) => void;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare function renderPrimitive(props: Pick<Required<PrimitiveProps>, 'as' | 'asChild'>, attributes: Readonly<Record<string, unknown>>, slots: Slots): VNodeChild;
+//# sourceMappingURL=primitive.d.ts.map

package/dist/primitive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitive.d.ts","sourceRoot":"","sources":["../src/primitive.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,KAAK,EAEV,KAAK,UAAU,EAChB,MAAM,KAAK,CAAC;AAEb,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,MAAM,0BAA0B,GAAG,WAAW,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC;AAEnF,eAAO,MAAM,SAAS;;QAIZ,IAAI,EAAgC,QAAQ,CAAC,WAAW,CAAC;QAAE,OAAO;;;QAC7D,IAAI;QAAW,OAAO;;;QACnB,IAAI,EAAc,QAAQ,CAAC,0BAA0B,CAAC;QAAE,OAAO;;UAGlE,UAAU;;;;;;;;;;;;;;;;0BAdS,OAAO,KAAK,IAAI;4EAmBhD,CAAC;AAEH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC,EACvD,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAC7C,KAAK,EAAE,KAAK,GACX,UAAU,CAQZ"}

package/dist/primitive.js

@@ -0,0 +1,27 @@
+import { cloneVNode, defineComponent, h, mergeProps, } from 'vue';
+export const Primitive = defineComponent({
+    name: 'SectilePrimitive',
+    inheritAttrs: false,
+    props: {
+        as: { type: [String, Object, Function], default: 'div' },
+        asChild: { type: Boolean, default: false },
+        elementRef: { type: Function, default: undefined },
+    },
+    setup(props, { attrs, slots }) {
+        return () => renderPrimitive(props, mergeProps(attrs, props.elementRef === undefined ? {} : { ref: props.elementRef }), slots);
+    },
+});
+export function renderPrimitive(props, attributes, slots) {
+    const children = slots['default']?.() ?? [];
+    if (!props.asChild)
+        return h(props.as, attributes, children);
+    const child = firstRenderableChild(children);
+    if (child === undefined) {
+        throw new TypeError('A Sectile primitive with asChild requires one rendered child.');
+    }
+    return cloneVNode(child, mergeProps(child.props ?? {}, attributes), true);
+}
+function firstRenderableChild(children) {
+    return children.find((child) => typeof child.type !== 'symbol');
+}
+//# sourceMappingURL=primitive.js.map

package/dist/primitive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitive.js","sourceRoot":"","sources":["../src/primitive.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,eAAe,EACf,CAAC,EACD,UAAU,GAMX,MAAM,KAAK,CAAC;AAYb,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAC;IACvC,IAAI,EAAE,kBAAkB;IACxB,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE;QACL,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAA0B,EAAE,OAAO,EAAE,KAAK,EAAE;QACjF,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC1C,UAAU,EAAE,EAAE,IAAI,EAAE,QAAgD,EAAE,OAAO,EAAE,SAAS,EAAE;KAC3F;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAe,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,UAAU,CACxD,KAAK,EACL,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,UAAU,EAAE,CAChE,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC;CACF,CAAC,CAAC;AAEH,MAAM,UAAU,eAAe,CAC7B,KAAuD,EACvD,UAA6C,EAC7C,KAAY;IAEZ,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC;IAC5C,IAAI,CAAC,KAAK,CAAC,OAAO;QAAE,OAAO,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;IAC7D,MAAM,KAAK,GAAG,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAC7C,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,MAAM,IAAI,SAAS,CAAC,+DAA+D,CAAC,CAAC;IACvF,CAAC;IACD,OAAO,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,UAAU,CAAC,EAAE,IAAI,CAAC,CAAC;AAC5E,CAAC;AAED,SAAS,oBAAoB,CAAC,QAA0B;IACtD,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC;AAClE,CAAC"}