@coreui/vue-pro 5.0.0-alpha.0 → 5.0.0-beta.0

package/dist/esm/components/tooltip/CTooltip.d.ts

@@ -0,0 +1,172 @@
+import { PropType, RendererElement } from 'vue';
+import type { Placement } from '@popperjs/core';
+import type { Placements, Triggers } from '../../types';
+declare const CTooltip: import("vue").DefineComponent<{
+    /**
+     * Apply a CSS fade transition to the tooltip.
+     *
+     * @since 4.9.0
+     */
+    animation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
+     *
+     * @since v5.0.0-beta.0
+     */
+    container: {
+        type: PropType<string | HTMLElement | (() => HTMLElement)>;
+        default: string;
+    };
+    /**
+     * Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`
+     */
+    content: StringConstructor;
+    /**
+     * The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`.
+     *
+     * @since 4.9.0
+     */
+    delay: {
+        type: PropType<number | {
+            show: number;
+            hide: number;
+        }>;
+        default: number;
+    };
+    /**
+     * Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.
+     *
+     * @since 4.9.0
+     */
+    fallbackPlacements: {
+        type: PropType<string | string[]>;
+        default: () => string[];
+        validator: (value: Placements | Placements[]) => boolean;
+    };
+    /**
+     * Offset of the tooltip relative to its target.
+     */
+    offset: {
+        type: ArrayConstructor;
+        default: () => number[];
+    };
+    /**
+     * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
+     */
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
+     *
+     * @values 'click', 'focus', 'hover'
+     */
+    trigger: {
+        type: PropType<Triggers | Triggers[]>;
+        default: () => string[];
+        validator: (value: Triggers | Triggers[]) => boolean;
+    };
+    /**
+     * Toggle the visibility of tooltip component.
+     */
+    visible: BooleanConstructor;
+}, () => (import("vue").VNode<import("vue").RendererNode, RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, RendererElement, {
+    [key: string]: any;
+}>[] | undefined)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], "hide" | "show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Apply a CSS fade transition to the tooltip.
+     *
+     * @since 4.9.0
+     */
+    animation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
+     *
+     * @since v5.0.0-beta.0
+     */
+    container: {
+        type: PropType<string | HTMLElement | (() => HTMLElement)>;
+        default: string;
+    };
+    /**
+     * Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`
+     */
+    content: StringConstructor;
+    /**
+     * The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`.
+     *
+     * @since 4.9.0
+     */
+    delay: {
+        type: PropType<number | {
+            show: number;
+            hide: number;
+        }>;
+        default: number;
+    };
+    /**
+     * Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.
+     *
+     * @since 4.9.0
+     */
+    fallbackPlacements: {
+        type: PropType<string | string[]>;
+        default: () => string[];
+        validator: (value: Placements | Placements[]) => boolean;
+    };
+    /**
+     * Offset of the tooltip relative to its target.
+     */
+    offset: {
+        type: ArrayConstructor;
+        default: () => number[];
+    };
+    /**
+     * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
+     */
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
+     *
+     * @values 'click', 'focus', 'hover'
+     */
+    trigger: {
+        type: PropType<Triggers | Triggers[]>;
+        default: () => string[];
+        validator: (value: Triggers | Triggers[]) => boolean;
+    };
+    /**
+     * Toggle the visibility of tooltip component.
+     */
+    visible: BooleanConstructor;
+}>> & {
+    onHide?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+}, {
+    visible: boolean;
+    container: string | HTMLElement | (() => HTMLElement);
+    placement: Placement;
+    offset: unknown[];
+    trigger: Triggers | Triggers[];
+    animation: boolean;
+    delay: number | {
+        show: number;
+        hide: number;
+    };
+    fallbackPlacements: string | string[];
+}, {}>;
+export { CTooltip };

package/dist/esm/components/tooltip/CTooltip.js

@@ -0,0 +1,207 @@
+import { defineComponent, ref, h, Transition } from 'vue';
+import { CConditionalTeleport } from '../conditional-teleport/CConditionalTeleport.js';
+import { usePopper } from '../../composables/usePopper.js';
+import { executeAfterTransition } from '../../utils/transition.js';
+import getRTLPlacement from '../../utils/getRTLPlacement.js';
+
+const CTooltip = defineComponent({
+    name: 'CTooltip',
+    props: {
+        /**
+         * Apply a CSS fade transition to the tooltip.
+         *
+         * @since 4.9.0
+         */
+        animation: {
+            type: Boolean,
+            default: true,
+        },
+        /**
+         * Appends the vue tooltip to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
+         *
+         * @since v5.0.0-beta.0
+         */
+        container: {
+            type: [HTMLElement, () => HTMLElement, String],
+            default: 'body',
+        },
+        /**
+         * Content for your component. If you want to pass non-string value please use dedicated slot `<template #content>...</template>`
+         */
+        content: String,
+        /**
+         * The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`.
+         *
+         * @since 4.9.0
+         */
+        delay: {
+            type: [Number, Object],
+            default: 0,
+        },
+        /**
+         * Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.
+         *
+         * @since 4.9.0
+         */
+        fallbackPlacements: {
+            type: [String, Array],
+            default: () => ['top', 'right', 'bottom', 'left'],
+            validator: (value) => {
+                if (typeof value === 'string') {
+                    return ['top', 'right', 'bottom', 'left'].includes(value);
+                }
+                if (Array.isArray(value)) {
+                    return value.every((e) => ['top', 'right', 'bottom', 'left'].includes(e));
+                }
+                return false;
+            },
+        },
+        /**
+         * Offset of the tooltip relative to its target.
+         */
+        offset: {
+            type: Array,
+            default: () => [0, 6],
+        },
+        /**
+         * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property.
+         */
+        placement: {
+            type: String,
+            default: 'top',
+            validator: (value) => {
+                return ['top', 'right', 'bottom', 'left'].includes(value);
+            },
+        },
+        /**
+         * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
+         *
+         * @values 'click', 'focus', 'hover'
+         */
+        trigger: {
+            type: [String, Array],
+            default: () => ['hover', 'focus'],
+            validator: (value) => {
+                if (typeof value === 'string') {
+                    return ['click', 'focus', 'hover'].includes(value);
+                }
+                if (Array.isArray(value)) {
+                    return value.every((e) => ['click', 'focus', 'hover'].includes(e));
+                }
+                return false;
+            },
+        },
+        /**
+         * Toggle the visibility of tooltip component.
+         */
+        visible: Boolean,
+    },
+    emits: [
+        /**
+         * Callback fired when the component requests to be hidden.
+         */
+        'hide',
+        /**
+         * Callback fired when the component requests to be shown.
+         */
+        'show',
+    ],
+    setup(props, { attrs, slots, emit }) {
+        const togglerRef = ref();
+        const tooltipRef = ref();
+        const visible = ref(props.visible);
+        const { initPopper, destroyPopper } = usePopper();
+        const delay = typeof props.delay === 'number' ? { show: props.delay, hide: props.delay } : props.delay;
+        const popperConfig = {
+            modifiers: [
+                {
+                    name: 'arrow',
+                    options: {
+                        element: '.tooltip-arrow',
+                    },
+                },
+                {
+                    name: 'flip',
+                    options: {
+                        fallbackPlacements: props.fallbackPlacements,
+                    },
+                },
+                {
+                    name: 'offset',
+                    options: {
+                        offset: props.offset,
+                    },
+                },
+            ],
+            placement: getRTLPlacement(props.placement, togglerRef.value),
+        };
+        const handleEnter = (el, done) => {
+            emit('show');
+            initPopper(togglerRef.value, tooltipRef.value, popperConfig);
+            el.classList.add('show');
+            executeAfterTransition(() => done(), el);
+        };
+        const handleLeave = (el, done) => {
+            emit('hide');
+            el.classList.remove('show');
+            executeAfterTransition(() => {
+                done();
+                destroyPopper();
+            }, el);
+        };
+        const toggleVisible = (event, _visible) => {
+            togglerRef.value = event.target;
+            if (_visible) {
+                setTimeout(() => {
+                    visible.value = true;
+                }, delay.show);
+                return;
+            }
+            setTimeout(() => {
+                visible.value = false;
+            }, delay.hide);
+        };
+        return () => [
+            h(CConditionalTeleport, {
+                container: props.container,
+                teleport: true,
+            }, {
+                default: () => h(Transition, {
+                    onEnter: (el, done) => handleEnter(el, done),
+                    onLeave: (el, done) => handleLeave(el, done),
+                }, () => visible.value &&
+                    h('div', {
+                        class: [
+                            'tooltip',
+                            'bs-tooltip-auto',
+                            {
+                                fade: props.animation,
+                            },
+                        ],
+                        ref: tooltipRef,
+                        role: 'tooltip',
+                        ...attrs,
+                    }, [
+                        h('div', { class: 'tooltip-arrow' }),
+                        (props.content || slots.content) &&
+                            h('div', { class: 'tooltip-inner' }, {
+                                default: () => (slots.content && slots.content()) || props.content,
+                            }),
+                    ])),
+            }),
+            slots.toggler &&
+                slots.toggler({
+                    on: {
+                        click: (event) => props.trigger.includes('click') && toggleVisible(event, !visible.value),
+                        blur: (event) => props.trigger.includes('focus') && toggleVisible(event, false),
+                        focus: (event) => props.trigger.includes('focus') && toggleVisible(event, true),
+                        mouseenter: (event) => props.trigger.includes('hover') && toggleVisible(event, true),
+                        mouseleave: (event) => props.trigger.includes('hover') && toggleVisible(event, false),
+                    },
+                }),
+        ];
+    },
+});
+
+export { CTooltip };
+//# sourceMappingURL=CTooltip.js.map

package/dist/esm/components/tooltip/CTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTooltip.js","sources":["../../../../src/components/tooltip/CTooltip.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/tooltip/index.d.ts

@@ -0,0 +1,6 @@
+import { App } from 'vue';
+import { CTooltip } from './CTooltip';
+declare const CTooltipPlugin: {
+    install: (app: App) => void;
+};
+export { CTooltipPlugin, CTooltip };

package/dist/esm/components/tooltip/index.js

@@ -0,0 +1,10 @@
+import { CTooltip } from './CTooltip.js';
+
+const CTooltipPlugin = {
+    install: (app) => {
+        app.component(CTooltip.name, CTooltip);
+    },
+};
+
+export { CTooltip, CTooltipPlugin };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/tooltip/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGA,MAAM,cAAc,GAAG;AACrB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAA;KACvC;;;;;"}

package/dist/esm/components/virtual-scroller/CVirtualScroller.d.ts

@@ -0,0 +1,23 @@
+import { VNode } from 'vue';
+declare const CVirtualScroller: import("vue").DefineComponent<{
+    /**
+     * Amount of visible items
+     */
+    visibleItems: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Amount of visible items
+     */
+    visibleItems: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    visibleItems: number;
+}, {}>;
+export { CVirtualScroller };

package/dist/esm/components/virtual-scroller/CVirtualScroller.js

@@ -0,0 +1,85 @@
+import { defineComponent, ref, computed, onMounted, h, cloneVNode } from 'vue';
+
+const CVirtualScroller = defineComponent({
+    name: 'CVirtualScroller',
+    props: {
+        /**
+         * Amount of visible items
+         */
+        visibleItems: {
+            type: Number,
+            default: 10,
+        },
+    },
+    setup(props, { slots }) {
+        const virtualScrollRef = ref();
+        const virtualScrollContentRef = ref();
+        const currentItemIndex = ref(1);
+        const itemHeight = ref(0);
+        const itemsNumber = ref(0);
+        const viewportPadding = ref(0);
+        const buffer = computed(() => Math.floor(props.visibleItems / 2));
+        const maxHeight = computed(() => itemsNumber.value * itemHeight.value + 2 * viewportPadding.value);
+        const viewportHeight = computed(() => Math.min(props.visibleItems, itemsNumber.value) * itemHeight.value +
+            2 * viewportPadding.value);
+        onMounted(() => {
+            if (virtualScrollRef.value) {
+                viewportPadding.value = Number.parseFloat(getComputedStyle(virtualScrollRef.value).paddingTop);
+                // It's necessary to calculate heights of items
+                virtualScrollRef.value.dispatchEvent(new CustomEvent('scroll'));
+            }
+        });
+        const handleScroll = (scrollTop) => {
+            currentItemIndex.value =
+                itemHeight.value && Math.max(Math.ceil(scrollTop / itemHeight.value), 1);
+        };
+        return () => {
+            const children = slots.default
+                ? Array.isArray(slots.default()[0].children)
+                    ? slots.default()[0].children
+                    : slots.default()
+                : [];
+            itemsNumber.value = children && children.length > 0 ? children.length : 0;
+            return h('div', {
+                class: ['virtual-scroller'],
+                onScroll: (event) => handleScroll(event.target.scrollTop),
+                style: {
+                    height: `${viewportHeight.value}px`,
+                    overflowY: 'auto',
+                },
+                ref: virtualScrollRef,
+            }, h('div', {
+                class: 'virtual-scroller-content',
+                style: {
+                    height: `${maxHeight.value}px`,
+                },
+                ref: virtualScrollContentRef,
+            }, children.map((slot, index) => index + 1 > Math.max(currentItemIndex.value - buffer.value, 0) &&
+                index + 1 <= currentItemIndex.value + props.visibleItems + buffer.value &&
+                cloneVNode(slot, {
+                    class: [
+                        {
+                            'virtual-scroller-item-preload': index + 1 > currentItemIndex.value + props.visibleItems ||
+                                index + 1 < currentItemIndex.value,
+                        },
+                    ],
+                    style: {
+                        ...(currentItemIndex.value > buffer.value && {
+                            transform: `translateY(${(currentItemIndex.value - buffer.value) * itemHeight.value}px)`,
+                        }),
+                    },
+                    ref: (node) => {
+                        if (node && node.offsetHeight) {
+                            itemHeight.value =
+                                node.offsetHeight +
+                                    Number.parseFloat(getComputedStyle(node).marginTop) +
+                                    Number.parseFloat(getComputedStyle(node).marginBottom);
+                        }
+                    },
+                }))));
+        };
+    },
+});
+
+export { CVirtualScroller };
+//# sourceMappingURL=CVirtualScroller.js.map

package/dist/esm/components/virtual-scroller/CVirtualScroller.js.map

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

package/dist/esm/components/virtual-scroller/index.d.ts

@@ -0,0 +1,6 @@
+import { App } from 'vue';
+import { CVirtualScroller } from './CVirtualScroller';
+declare const CVirtualScrollerPlugin: {
+    install: (app: App) => void;
+};
+export { CVirtualScroller, CVirtualScrollerPlugin };

package/dist/esm/components/virtual-scroller/index.js

@@ -0,0 +1,10 @@
+import { CVirtualScroller } from './CVirtualScroller.js';
+
+const CVirtualScrollerPlugin = {
+    install: (app) => {
+        app.component(CVirtualScroller.name, CVirtualScroller);
+    },
+};
+
+export { CVirtualScroller, CVirtualScrollerPlugin };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/virtual-scroller/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/virtual-scroller/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGA,MAAM,sBAAsB,GAAG;AAC7B,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAAC,gBAAgB,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAA;KACvD;;;;;"}

package/dist/esm/components/widgets/CWidgetStatsA.d.ts

@@ -0,0 +1,32 @@
+declare const CWidgetStatsA: import("vue").DefineComponent<{
+    color: StringConstructor;
+    /**
+     * Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`
+     */
+    title: StringConstructor;
+    /**
+     * Value for your component. If you want to pass non-string or non-number value please use dedicated slot `<template #value>...</template>`
+     */
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    color: StringConstructor;
+    /**
+     * Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`
+     */
+    title: StringConstructor;
+    /**
+     * Value for your component. If you want to pass non-string or non-number value please use dedicated slot `<template #value>...</template>`
+     */
+    value: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>>, {
+    value: string | number;
+}, {}>;
+export { CWidgetStatsA };

package/dist/esm/components/widgets/CWidgetStatsA.js

@@ -0,0 +1,72 @@
+import { defineComponent, h } from 'vue';
+import { CCard } from '../card/CCard.js';
+import { CCardBody } from '../card/CCardBody.js';
+import '../card/CCardFooter.js';
+import '../card/CCardGroup.js';
+import '../card/CCardHeader.js';
+import '../card/CCardImage.js';
+import '../card/CCardImageOverlay.js';
+import '../card/CCardLink.js';
+import '../card/CCardSubtitle.js';
+import '../card/CCardText.js';
+import '../card/CCardTitle.js';
+
+const CWidgetStatsA = defineComponent({
+    name: 'CWidgetStatsA',
+    props: {
+        color: String,
+        /**
+         * Title for your component. If you want to pass non-string value please use dedicated slot `<template #title>...</template>`
+         */
+        title: String,
+        /**
+         * Value for your component. If you want to pass non-string or non-number value please use dedicated slot `<template #value>...</template>`
+         */
+        value: {
+            type: [Number, String],
+            default: 0,
+        },
+    },
+    /**
+     * Location for action component, ex. `<CDropdown>`.
+     *
+     * @slot action
+     */
+    /**
+     * Location for chart component.
+     *
+     * @slot chart
+     */
+    setup(props, { slots }) {
+        return () => h(CCard, {
+            class: [{ [`bg-${props.color}`]: props.color, 'text-white': props.color }],
+        }, () => [
+            h(CCardBody, {
+                class: 'pb-0 d-flex justify-content-between align-items-start',
+            }, () => [
+                h('div', {}, [
+                    (props.value || slots.value) &&
+                        h('div', { class: 'fs-4 fw-semibold' }, {
+                            default: () => (slots.value && slots.value()) || props.value,
+                        }),
+                    (props.title || slots.title) &&
+                        h('div', {}, {
+                            default: () => (slots.title && slots.title()) || props.title,
+                        }),
+                ]),
+                /**
+                 * @slot Location for action component, ex. `<CDropdown>`.
+                 */
+                slots.action && slots.action(),
+            ]),
+            /**
+             * @slot Location for chart component.
+             */
+            slots.chart && slots.chart(),
+            slots.default && slots.default(),
+        ]);
+    },
+});
+
+export { CWidgetStatsA };
+//# sourceMappingURL=CWidgetStatsA.js.map

package/dist/esm/components/widgets/CWidgetStatsA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CWidgetStatsA.js","sources":["../../../../src/components/widgets/CWidgetStatsA.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;AAIM,MAAA,aAAa,GAAG,eAAe,CAAC;AACpC,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAE,MAAM;AACb;;AAEG;AACH,QAAA,KAAK,EAAE,MAAM;AACb;;AAEG;AACH,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AACtB,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AACF,KAAA;AACD;;;;AAIG;AACH;;;;AAIG;AACH,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACL,CAAC,CACC,KAAK,EACL;YACE,KAAK,EAAE,CAAC,EAAE,CAAC,MAAM,KAAK,CAAC,KAAK,CAAE,CAAA,GAAG,KAAK,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;SAC3E,EACD,MAAM;YACJ,CAAC,CACC,SAAS,EACT;AACE,gBAAA,KAAK,EAAE,uDAAuD;aAC/D,EACD,MAAM;AACJ,gBAAA,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE;AACX,oBAAA,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK;wBACzB,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B;AACE,4BAAA,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE,KAAK,KAAK,CAAC,KAAK;yBAC7D,CACF;AACH,oBAAA,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK;AACzB,wBAAA,CAAC,CACC,KAAK,EACL,EAAE,EACF;AACE,4BAAA,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE,KAAK,KAAK,CAAC,KAAK;yBAC7D,CACF;iBACJ,CAAC;AACF;;AAEG;AACH,gBAAA,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,EAAE;aAC/B,CACF;AACD;;AAEG;AACH,YAAA,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE;AAC5B,YAAA,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;AACjC,SAAA,CACF,CAAA;KACJ;AACF,CAAA;;;;"}