@sectile/vue 0.7.0 → 0.9.0

package/dist/virtual-spatial.js

@@ -0,0 +1,159 @@
+import { defineComponent, h, shallowRef, watch } from 'vue';
+import { createSpatialLayout, spatialLayoutStrategy } from '@sectile/virtual/spatial-layout';
+import {} from '@sectile/dom/virtual';
+import { VirtualizerContent, VirtualizerRoot } from './internal/virtual-core.js';
+import { createPreparedVirtualListSequence, prepareVirtualList, updatePreparedVirtualList } from './internal/virtual-collection-model.js';
+import { createHighLevelVirtualExpose, renderHighLevelItems } from './internal/virtual-collection.js';
+const VirtualSpatialRuntime = /* @__PURE__ */ defineComponent({
+    name: 'SectileVirtualSpatial',
+    inheritAttrs: false,
+    props: {
+        items: { type: Array, required: true },
+        getKey: { type: Function, required: true },
+        getRect: { type: Function, required: true },
+        getZIndex: { type: [Number, Function], default: 0 },
+        measureSize: { type: Boolean, default: true },
+        overscan: { type: [Number, Object], default: 240 },
+        maxItems: { type: Number, default: 1_000_000 },
+        initialViewport: { type: Object, default: undefined },
+        as: { type: String, default: 'div' },
+        contentAs: { type: String, default: 'div' },
+        itemAs: { type: String, default: 'div' },
+        itemAttributes: { type: Function, default: undefined },
+    },
+    emits: {
+        stateChange: (_state) => true,
+        planChange: (_plan) => true,
+        error: (_error) => true,
+    },
+    slots: Object,
+    setup(props, { attrs, emit, expose, slots }) {
+        const initialViewport = props.initialViewport === undefined
+            ? undefined
+            : Object.freeze({ ...props.initialViewport });
+        const prepared = shallowRef(prepareVirtualList(props.items, props.getKey));
+        const initialState = createVirtualSpatialState(prepared.value, props.items, props);
+        const root = shallowRef();
+        const measure = props.measureSize
+            ? (({ element, placement, state }) => {
+                const bounds = element.getBoundingClientRect();
+                if (bounds.width <= 0 || bounds.height <= 0)
+                    return null;
+                const current = state.items.at(placement.index);
+                if (current === undefined)
+                    return null;
+                if (current.rect.width === bounds.width
+                    && current.rect.height === bounds.height)
+                    return null;
+                return Object.freeze({
+                    id: placement.id,
+                    rect: Object.freeze({
+                        x: current.rect.x,
+                        y: current.rect.y,
+                        width: bounds.width,
+                        height: bounds.height,
+                    }),
+                });
+            })
+            : undefined;
+        watch(() => [props.items, props.getKey, props.getRect, props.getZIndex], (current, previous) => {
+            const exposed = root.value;
+            if (exposed === undefined)
+                return;
+            const next = updatePreparedVirtualList(prepared.value, props.items, props.getKey);
+            const state = exposed.state;
+            const resolverChanged = current[2] !== previous[2] || current[3] !== previous[3];
+            const result = resolverChanged || next.change === null
+                ? resolverChanged
+                    ? exposed.mutate(Object.freeze({
+                        type: 'replace',
+                        items: preserveSpatialMeasurements(createSpatialItems(next, props.items, props), state, props.measureSize),
+                    }))
+                    : null
+                : exposed.mutate(Object.freeze({
+                    type: 'patch',
+                    patch: Object.freeze({
+                        type: 'splice',
+                        index: next.change.index,
+                        deleteCount: next.change.deleteCount,
+                        inserted: next.change.inserted,
+                    }),
+                    inserted: preserveSpatialMeasurements(createSpatialItemsRange(next, props.items, props, next.change.index, next.change.inserted.length), state, props.measureSize),
+                }));
+            if (result === null) {
+                prepared.value = next;
+                return;
+            }
+            if (result.ok)
+                prepared.value = next;
+        }, { flush: 'post' });
+        expose(createHighLevelVirtualExpose(root, initialState));
+        return () => h(VirtualizerRoot, {
+            ...attrs,
+            ref: root,
+            defaultState: initialState,
+            strategy: spatialLayoutStrategy,
+            overscan: props.overscan,
+            ...(initialViewport === undefined ? {} : { initialViewport }),
+            ...(measure === undefined ? {} : {
+                measure: measure,
+            }),
+            as: props.as,
+            'data-virtual-layout': 'virtual-spatial',
+            onStateChange: (state) => emit('stateChange', state),
+            onPlanChange: (plan) => emit('planChange', plan),
+            onError: (error) => emit('error', error),
+        }, {
+            default: ({ placements }) => h(VirtualizerContent, { as: props.contentAs }, {
+                default: () => renderHighLevelItems('virtual-spatial', placements, prepared.value, props.items, props.itemAs, props.itemAttributes, props.measureSize ? 'none' : 'both', (value, key, index, placement) => {
+                    const spatialPlacement = placement;
+                    return slots['default']?.({
+                        value,
+                        key,
+                        index,
+                        placement: spatialPlacement,
+                        zIndex: spatialPlacement.zIndex,
+                    });
+                }, slots['empty']),
+            }),
+        });
+    },
+});
+export const VirtualSpatial = VirtualSpatialRuntime;
+function createVirtualSpatialState(prepared, items, props) {
+    return createSpatialLayout(createSpatialItems(prepared, items, props), { maxItems: props.maxItems });
+}
+function createSpatialItems(prepared, items, props) {
+    return createSpatialItemsRange(prepared, items, props, 0, prepared.ids.length);
+}
+function createSpatialItemsRange(prepared, items, props, start, count) {
+    return Object.freeze(Array.from({ length: count }, (_unused, localIndex) => {
+        const index = start + localIndex;
+        return Object.freeze({
+            id: prepared.ids[index],
+            rect: Object.freeze({ ...props.getRect(items[index], index) }),
+            zIndex: typeof props.getZIndex === 'number'
+                ? props.getZIndex
+                : props.getZIndex(items[index], index),
+        });
+    }));
+}
+function preserveSpatialMeasurements(items, state, preserve) {
+    if (!preserve)
+        return items;
+    return Object.freeze(items.map((item) => {
+        const previousIndex = state.domain.indexOf(item.id);
+        const previous = previousIndex === null ? undefined : state.items.at(previousIndex);
+        return previous === undefined
+            ? item
+            : Object.freeze({
+                ...item,
+                rect: Object.freeze({
+                    ...item.rect,
+                    width: previous.rect.width,
+                    height: previous.rect.height,
+                }),
+            });
+    }));
+}
+//# sourceMappingURL=virtual-spatial.js.map

package/dist/virtual-spatial.js.map

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

package/dist/window-splitter.d.ts

@@ -201,4 +201,3 @@ export declare const WindowSplitterHandle: import("vue").DefineComponent<import(
 }, SlotsType<{
     default: (props: SliderSlotProps) => VNodeChild;
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-//# sourceMappingURL=window-splitter.d.ts.map

package/dist/year-picker.d.ts

@@ -1,7 +1,7 @@
-import type { DatePickerOptions } from '@sectile/dom/date-picker';
-import type { DateValue } from '@sectile/dom/date-field';
-import { type PickerPartProps, type PickerRootSlotProps, type PickerYearCellSlotProps } from './internal/date-picker.js';
-export interface YearPickerRootProps extends PickerPartProps {
+import type { DatePickerOptions } from '@sectile/dom/temporal/date-picker';
+import type { DateValue } from '@sectile/dom/temporal/date-field';
+import { type PickerPartProps, type PickerPortalProps, type PickerPositionProps, type PickerRootSlotProps, type PickerYearCellSlotProps } from './internal/date-picker.js';
+export interface YearPickerRootProps extends PickerPartProps, PickerPositionProps {
     readonly modelValue?: DateValue | null;
     readonly defaultValue?: DateValue | null;
     readonly highlightedValue?: DateValue;
@@ -22,6 +22,38 @@ export type YearPickerValueChangeHandler = NonNullable<InstanceType<typeof YearP
 export type YearPickerOpenChangeHandler = NonNullable<InstanceType<typeof YearPickerRoot>['$props']['onUpdate:open']>;
 export type YearPickerHighlightedValueChangeHandler = NonNullable<InstanceType<typeof YearPickerRoot>['$props']['onUpdate:highlightedValue']>;
 export declare const YearPickerTrigger: import("./internal/date-picker.js").PickerRootPartComponent<"date">;
+export declare const YearPickerAnchor: import("./internal/date-picker.js").PickerRootPartComponent<"date">;
+export declare const YearPickerPortal: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    to: {
+        type: import("vue").PropType<string | HTMLElement>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    to: {
+        type: import("vue").PropType<string | HTMLElement>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    to: string | HTMLElement;
+    disabled: boolean;
+    defer: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const YearPickerContent: import("./internal/date-picker.js").PickerRootPartComponent<"date">;
 export declare const YearPickerGrid: import("./internal/date-picker.js").PickerRootPartComponent<"date">;
 export declare const YearPickerCell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -98,5 +130,4 @@ export declare const YearPickerInput: import("vue").DefineComponent<import("vue"
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const YearPickerPreviousPage: import("./internal/date-picker.js").PickerRootPartComponent<"date">;
 export declare const YearPickerNextPage: import("./internal/date-picker.js").PickerRootPartComponent<"date">;
-export type { DateValue as YearPickerValue, PickerPartProps as YearPickerPartProps, PickerYearCellSlotProps as YearPickerCellSlotProps, };
-//# sourceMappingURL=year-picker.d.ts.map
+export type { DateValue as YearPickerValue, PickerPartProps as YearPickerPartProps, PickerPortalProps as YearPickerPortalProps, PickerYearCellSlotProps as YearPickerCellSlotProps, };

package/dist/year-picker.js

@@ -1,6 +1,8 @@
-import { PickerContent, PickerGrid, PickerTrigger, createPickerInput, createPickerMove, createPickerYearCell, specializePickerRootPart, createPickerRoot, } from './internal/date-picker.js';
+import { PickerAnchor, PickerContent, PickerGrid, PickerPortal, PickerTrigger, createPickerInput, createPickerMove, createPickerYearCell, specializePickerRootPart, createPickerRoot, } from './internal/date-picker.js';
 export const YearPickerRoot = createPickerRoot('date', 'SectileYearPickerRoot', { scope: 'year-picker', granularity: 'year', defaultView: 'year' });
 export const YearPickerTrigger = specializePickerRootPart('date', PickerTrigger);
+export const YearPickerAnchor = specializePickerRootPart('date', PickerAnchor);
+export const YearPickerPortal = PickerPortal;
 export const YearPickerContent = specializePickerRootPart('date', PickerContent);
 export const YearPickerGrid = specializePickerRootPart('date', PickerGrid);
 export const YearPickerCell = createPickerYearCell('cell', 'SectileYearPickerCell');

package/dist/year-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"year-picker.js","sourceRoot":"","sources":["../src/year-picker.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,wBAAwB,EAC7H,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AAiBnC,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC,MAAM,EAAE,uBAAuB,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;AAKpJ,MAAM,CAAC,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AACjF,MAAM,CAAC,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AACjF,MAAM,CAAC,MAAM,cAAc,GAAG,wBAAwB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,cAAc,GAAG,oBAAoB,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC;AACpF,MAAM,CAAC,MAAM,eAAe,GAAG,iBAAiB,CAAC,OAAO,EAAE,wBAAwB,CAAC,CAAC;AACpF,MAAM,CAAC,MAAM,sBAAsB,GAAG,wBAAwB,CAAC,MAAM,EAAE,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,+BAA+B,EAAE,eAAe,CAAC,CAAC,CAAC;AACvJ,MAAM,CAAC,MAAM,kBAAkB,GAAG,wBAAwB,CAAC,MAAM,EAAE,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,2BAA2B,EAAE,WAAW,CAAC,CAAC,CAAC"}
+{"version":3,"file":"year-picker.js","sourceRoot":"","sources":["../src/year-picker.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,wBAAwB,EACzJ,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AAiBnC,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC,MAAM,EAAE,uBAAuB,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;AAKpJ,MAAM,CAAC,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AACjF,MAAM,CAAC,MAAM,gBAAgB,GAAG,wBAAwB,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;AAC/E,MAAM,CAAC,MAAM,gBAAgB,GAAG,YAAY,CAAC;AAC7C,MAAM,CAAC,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AACjF,MAAM,CAAC,MAAM,cAAc,GAAG,wBAAwB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,cAAc,GAAG,oBAAoB,CAAC,MAAM,EAAE,uBAAuB,CAAC,CAAC;AACpF,MAAM,CAAC,MAAM,eAAe,GAAG,iBAAiB,CAAC,OAAO,EAAE,wBAAwB,CAAC,CAAC;AACpF,MAAM,CAAC,MAAM,sBAAsB,GAAG,wBAAwB,CAAC,MAAM,EAAE,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,+BAA+B,EAAE,eAAe,CAAC,CAAC,CAAC;AACvJ,MAAM,CAAC,MAAM,kBAAkB,GAAG,wBAAwB,CAAC,MAAM,EAAE,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,2BAA2B,EAAE,WAAW,CAAC,CAAC,CAAC"}

package/dist/year-range-picker.d.ts

@@ -1,7 +1,7 @@
-import type { DateRangePickerOptions } from '@sectile/dom/date-range-picker';
-import type { DateRange, DateValue } from '@sectile/dom/date-field';
-import { type PickerPartProps, type PickerRootSlotProps, type PickerYearCellSlotProps } from './internal/date-picker.js';
-export interface YearRangePickerRootProps extends PickerPartProps {
+import type { DateRangePickerOptions } from '@sectile/dom/temporal/date-range-picker';
+import type { DateRange, DateValue } from '@sectile/dom/temporal/date-field';
+import { type PickerPartProps, type PickerPortalProps, type PickerPositionProps, type PickerRootSlotProps, type PickerYearCellSlotProps } from './internal/date-picker.js';
+export interface YearRangePickerRootProps extends PickerPartProps, PickerPositionProps {
     readonly modelValue?: DateRange | null;
     readonly defaultValue?: DateRange | null;
     readonly highlightedValue?: DateValue;
@@ -22,6 +22,38 @@ export type YearRangePickerValueChangeHandler = NonNullable<InstanceType<typeof
 export type YearRangePickerOpenChangeHandler = NonNullable<InstanceType<typeof YearRangePickerRoot>['$props']['onUpdate:open']>;
 export type YearRangePickerHighlightedValueChangeHandler = NonNullable<InstanceType<typeof YearRangePickerRoot>['$props']['onUpdate:highlightedValue']>;
 export declare const YearRangePickerTrigger: import("./internal/date-picker.js").PickerRootPartComponent<"date-range">;
+export declare const YearRangePickerAnchor: import("./internal/date-picker.js").PickerRootPartComponent<"date-range">;
+export declare const YearRangePickerPortal: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    to: {
+        type: import("vue").PropType<string | HTMLElement>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    to: {
+        type: import("vue").PropType<string | HTMLElement>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defer: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    to: string | HTMLElement;
+    disabled: boolean;
+    defer: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const YearRangePickerContent: import("./internal/date-picker.js").PickerRootPartComponent<"date-range">;
 export declare const YearRangePickerGrid: import("./internal/date-picker.js").PickerRootPartComponent<"date-range">;
 export declare const YearRangePickerCell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -138,5 +170,4 @@ export declare const YearRangePickerEndInput: import("vue").DefineComponent<impo
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const YearRangePickerPreviousPage: import("./internal/date-picker.js").PickerRootPartComponent<"date-range">;
 export declare const YearRangePickerNextPage: import("./internal/date-picker.js").PickerRootPartComponent<"date-range">;
-export type { DateRange as YearRangePickerValue, DateValue as YearPickerValue, PickerPartProps as YearRangePickerPartProps, PickerYearCellSlotProps as YearRangePickerCellSlotProps, };
-//# sourceMappingURL=year-range-picker.d.ts.map
+export type { DateRange as YearRangePickerValue, DateValue as YearPickerValue, PickerPartProps as YearRangePickerPartProps, PickerPortalProps as YearRangePickerPortalProps, PickerYearCellSlotProps as YearRangePickerCellSlotProps, };

package/dist/year-range-picker.js

@@ -1,6 +1,8 @@
-import { PickerContent, PickerGrid, PickerTrigger, createPickerInput, createPickerMove, createPickerYearCell, specializePickerRootPart, createPickerRoot, } from './internal/date-picker.js';
+import { PickerAnchor, PickerContent, PickerGrid, PickerPortal, PickerTrigger, createPickerInput, createPickerMove, createPickerYearCell, specializePickerRootPart, createPickerRoot, } from './internal/date-picker.js';
 export const YearRangePickerRoot = createPickerRoot('date-range', 'SectileYearRangePickerRoot', { scope: 'year-range-picker', granularity: 'year', defaultView: 'year' });
 export const YearRangePickerTrigger = specializePickerRootPart('date-range', PickerTrigger);
+export const YearRangePickerAnchor = specializePickerRootPart('date-range', PickerAnchor);
+export const YearRangePickerPortal = PickerPortal;
 export const YearRangePickerContent = specializePickerRootPart('date-range', PickerContent);
 export const YearRangePickerGrid = specializePickerRootPart('date-range', PickerGrid);
 export const YearRangePickerCell = createPickerYearCell('cell', 'SectileYearRangePickerCell');

package/dist/year-range-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"year-range-picker.js","sourceRoot":"","sources":["../src/year-range-picker.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,wBAAwB,EAC7H,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AAiBnC,MAAM,CAAC,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,YAAY,EAAE,4BAA4B,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;AAK1K,MAAM,CAAC,MAAM,sBAAsB,GAAG,wBAAwB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;AAC5F,MAAM,CAAC,MAAM,sBAAsB,GAAG,wBAAwB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;AAC5F,MAAM,CAAC,MAAM,mBAAmB,GAAG,wBAAwB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AACtF,MAAM,CAAC,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,MAAM,EAAE,4BAA4B,CAAC,CAAC;AAC9F,MAAM,CAAC,MAAM,yBAAyB,GAAG,iBAAiB,CAAC,aAAa,EAAE,kCAAkC,CAAC,CAAC;AAC9G,MAAM,CAAC,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,WAAW,EAAE,gCAAgC,CAAC,CAAC;AACxG,MAAM,CAAC,MAAM,2BAA2B,GAAG,wBAAwB,CAAC,YAAY,EAAE,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,oCAAoC,EAAE,eAAe,CAAC,CAAC,CAAC;AACvK,MAAM,CAAC,MAAM,uBAAuB,GAAG,wBAAwB,CAAC,YAAY,EAAE,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,gCAAgC,EAAE,WAAW,CAAC,CAAC,CAAC"}
+{"version":3,"file":"year-range-picker.js","sourceRoot":"","sources":["../src/year-range-picker.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,wBAAwB,EACzJ,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AAiBnC,MAAM,CAAC,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,YAAY,EAAE,4BAA4B,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;AAK1K,MAAM,CAAC,MAAM,sBAAsB,GAAG,wBAAwB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;AAC5F,MAAM,CAAC,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAC1F,MAAM,CAAC,MAAM,qBAAqB,GAAG,YAAY,CAAC;AAClD,MAAM,CAAC,MAAM,sBAAsB,GAAG,wBAAwB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;AAC5F,MAAM,CAAC,MAAM,mBAAmB,GAAG,wBAAwB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AACtF,MAAM,CAAC,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,MAAM,EAAE,4BAA4B,CAAC,CAAC;AAC9F,MAAM,CAAC,MAAM,yBAAyB,GAAG,iBAAiB,CAAC,aAAa,EAAE,kCAAkC,CAAC,CAAC;AAC9G,MAAM,CAAC,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,WAAW,EAAE,gCAAgC,CAAC,CAAC;AACxG,MAAM,CAAC,MAAM,2BAA2B,GAAG,wBAAwB,CAAC,YAAY,EAAE,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,oCAAoC,EAAE,eAAe,CAAC,CAAC,CAAC;AACvK,MAAM,CAAC,MAAM,uBAAuB,GAAG,wBAAwB,CAAC,YAAY,EAAE,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAAE,gCAAgC,EAAE,WAAW,CAAC,CAAC,CAAC"}