@evance/evance-ui 1.1.7 → 1.1.9

package/dist/cjs/components/EvOverlay/position-strategy/connected-position.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"connected-position.cjs","sources":["../../../../../src/components/EvOverlay/position-strategy/connected-position.ts"],"sourcesContent":["import { PositionStrategyData, PositionStrategyProps } from \"../position\";\r\nimport {\r\n    computed,\r\n    ComputedRef,\r\n    nextTick,\r\n    onScopeDispose,\r\n    Ref,\r\n    watch,\r\n} from \"vue\";\r\nimport {\r\n    isFixedPosition,\r\n    toFixedPosition,\r\n    StyleProp,\r\n    isNumber,\r\n    Rect,\r\n    getScrollParents,\r\n    destructComputed,\r\n    Anchor,\r\n    Dimensions,\r\n    toWebUnit,\r\n    pixelRound,\r\n    pixelCeil,\r\n    clamp,\r\n    AnchorSide,\r\n    AnchorAlignment,\r\n    RectProps,\r\n} from \"@/util\";\r\n\r\n/**\r\n * # Connected Position Strategy\r\n *\r\n * Connected to a certain element\r\n */\r\nexport function connectedPositionStrategy(\r\n    data: PositionStrategyData,\r\n    props: PositionStrategyProps,\r\n    contentStyles: Ref<StyleProp>,\r\n    pointerStyles: Ref<StyleProp>,\r\n) {\r\n    // When the position anchor contains auto information, we need to calculate the preferred anchor\r\n    // If the origin anchor contains auto information, we need to calculate the preferred anchor\r\n    // some combinations may cause issues.\r\n\r\n    // If the `side` of the anchor is set to 'auto' then we need to choose the side with most space\r\n    // for the content. We should have a preference stack which is calculated based on\r\n    // rtl, and whether the content fits the side.\r\n    const manager = new ConnectedPosition(\r\n        data,\r\n        props,\r\n        contentStyles,\r\n        pointerStyles,\r\n    );\r\n    return {\r\n        updatePosition: manager.updatePosition.bind(manager),\r\n    };\r\n}\r\n\r\nclass ConnectedPosition {\r\n    public contentScrollParents?: HTMLElement[];\r\n    public contentRect?: Rect;\r\n    public maxHeight: ComputedRef<number>;\r\n    public maxWidth: ComputedRef<number>;\r\n    public minHeight: ComputedRef<number>;\r\n    public minWidth: ComputedRef<number>;\r\n    public observe: boolean = false;\r\n    public observer?: ResizeObserver;\r\n    public offset: ComputedRef<number[]>;\r\n    public preferredPosition?: Ref<Anchor>;\r\n    public preferredOrigin?: Ref<Anchor>;\r\n    public targetRect?: Rect;\r\n    public viewportRect?: Rect;\r\n    public viewportMargin = 12;\r\n    private zoneCalculator: ZoneCalculator;\r\n\r\n    constructor(\r\n        public data: PositionStrategyData,\r\n        public props: PositionStrategyProps,\r\n        public contentStyles: Ref<StyleProp>,\r\n        public pointerStyles: Ref<StyleProp>,\r\n    ) {\r\n        this.resolveFixedActivator();\r\n        this.minWidth = this.computedNumericProp(\"minWidth\");\r\n        this.maxWidth = this.computedNumericProp(\"maxWidth\");\r\n        this.minHeight = this.computedNumericProp(\"minHeight\");\r\n        this.maxHeight = this.computedNumericProp(\"maxHeight\");\r\n        this.offset = this.computedOffset();\r\n        this.zoneCalculator = new ZoneCalculator();\r\n        this.calculatePreferences();\r\n        this.addResizeObserver();\r\n        this.watch();\r\n    }\r\n\r\n    /**\r\n     * ## Add Resize Observer\r\n     *\r\n     * Watch for changes to the size and element of the activator as well as the overlay content.\r\n     *\r\n     * @private\r\n     */\r\n    private addResizeObserver() {\r\n        this.observe = false;\r\n        this.observer = new ResizeObserver(() => {\r\n            if (this.observe) {\r\n                this.updatePosition();\r\n            }\r\n        });\r\n\r\n        watch(\r\n            [this.data.activatorEl, this.data.contentEl],\r\n            (\r\n                [newActivatorEl, newContentEl],\r\n                [oldActivatorEl, oldContentEl],\r\n            ) => {\r\n                if (oldActivatorEl) {\r\n                    this.observer?.unobserve(oldActivatorEl);\r\n                }\r\n                if (newActivatorEl) {\r\n                    this.observer?.observe(newActivatorEl);\r\n                }\r\n                if (oldContentEl) {\r\n                    this.observer?.unobserve(oldContentEl);\r\n                }\r\n                if (newContentEl) {\r\n                    this.observer?.observe(newContentEl);\r\n                }\r\n            },\r\n            {\r\n                immediate: true,\r\n            },\r\n        );\r\n\r\n        onScopeDispose(() => {\r\n            this.observer?.disconnect();\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Calculate Preferences (for position and origin anchor points)\r\n     * @private\r\n     */\r\n    private calculatePreferences() {\r\n        const { preferredPosition, preferredOrigin } = destructComputed(() => {\r\n            const position: Anchor = Anchor.fromSelector(\r\n                this.props.position,\r\n                this.data.isRtl.value,\r\n            );\r\n            let origin: Anchor;\r\n            if (this.props.origin === \"overlap\") {\r\n                origin = position;\r\n            } else if (this.props.origin === \"auto\") {\r\n                origin = position.flipSide();\r\n            } else {\r\n                origin = Anchor.fromSelector(\r\n                    this.props.origin,\r\n                    this.data.isRtl.value,\r\n                );\r\n            }\r\n            // Some combinations of props may produce an invalid origin\r\n            if (\r\n                position.side === origin.side &&\r\n                position.alignment === origin.flipAlignment().alignment\r\n            ) {\r\n                return {\r\n                    preferredPosition: position.flipCorner(),\r\n                    preferredOrigin: origin.flipCorner(),\r\n                };\r\n            } else {\r\n                return {\r\n                    preferredPosition: position,\r\n                    preferredOrigin: origin,\r\n                };\r\n            }\r\n        });\r\n        this.preferredPosition = preferredPosition;\r\n        this.preferredOrigin = preferredOrigin;\r\n    }\r\n\r\n    /**\r\n     * ## Computed Numeric Prop\r\n     * @param key\r\n     * @private\r\n     */\r\n    private computedNumericProp(key: string) {\r\n        return computed(() => {\r\n            const value = parseFloat(\r\n                this.props[key as keyof PositionStrategyProps]! as string,\r\n            );\r\n            return isNaN(value) ? Infinity : value;\r\n        });\r\n    }\r\n\r\n    /**\r\n     * ## Computed Offset\r\n     *\r\n     * Returns an array, with the following indexes:\r\n     * - `0` - represents `side` offset.\r\n     * - `1` - represents `alignment` offset.\r\n     *\r\n     * @private\r\n     */\r\n    private computedOffset() {\r\n        return computed(() => {\r\n            if (Array.isArray(this.props.offset)) {\r\n                return this.props.offset;\r\n            }\r\n            if (typeof this.props.offset === \"string\") {\r\n                const offset = this.props.offset.split(\" \").map(parseFloat);\r\n                if (offset.length < 2) {\r\n                    offset.push(0);\r\n                }\r\n                return offset as [number, number];\r\n            }\r\n            return isNumber(this.props.offset)\r\n                ? [this.props.offset, 0]\r\n                : [0, 0];\r\n        });\r\n    }\r\n\r\n    /**\r\n     * # Get Content Rect\r\n     *\r\n     * Returns a Rect adjusted for the original elements position, whilst accommodating RTL direction.\r\n     */\r\n    private getContentRect(): Rect {\r\n        const el = this.data.contentEl.value!;\r\n        const isRtl = this.data.isRtl.value;\r\n        const rect = Rect.fromElement(el, true);\r\n        if (isRtl) {\r\n            rect.x += parseFloat((el.style.right || 0) as string);\r\n        } else {\r\n            rect.x -= parseFloat((el.style.left || 0) as string);\r\n        }\r\n        rect.y -= parseFloat((el.style.top || 0) as string);\r\n        return rect;\r\n    }\r\n\r\n    /**\r\n     * ## Get Pointer Rect\r\n     * @private\r\n     */\r\n    private getPointerDimensions(): { width: number; height: number } | null {\r\n        const el = this.data.pointerEl.value;\r\n        return el ? { width: el.clientWidth, height: el.clientHeight } : null;\r\n    }\r\n\r\n    /**\r\n     * ## Get Content Scroll Parents\r\n     * @private\r\n     */\r\n    private getContentScrollParents(): HTMLElement[] {\r\n        const scrollParents = getScrollParents(this.data.contentEl.value);\r\n        const contentEl = this.data.contentEl.value!;\r\n        if (!scrollParents.length) {\r\n            scrollParents.push(document.documentElement);\r\n            if (!(contentEl.style.top && contentEl.style.left)) {\r\n                this.contentRect!.x -= parseFloat(\r\n                    document.documentElement.style.getPropertyValue(\r\n                        \"--ev-body-scroll-x\",\r\n                    ) || \"0\",\r\n                );\r\n                this.contentRect!.y -= parseFloat(\r\n                    document.documentElement.style.getPropertyValue(\r\n                        \"--ev-body-scroll-y\",\r\n                    ) || \"0\",\r\n                );\r\n            }\r\n        }\r\n        return scrollParents;\r\n    }\r\n\r\n    /**\r\n     * ## Get Viewport Rect\r\n     *\r\n     * Calculates the viewport viewable area for the content taking into account the viewport margins.\r\n     * i.e. how close are we allowed to place content to the edges of the viewport?\r\n     *\r\n     * @private\r\n     */\r\n    private getViewportRect(): Rect {\r\n        const viewportRect = this.contentScrollParents!.reduce<Rect>(\r\n            (currentRect: Rect | undefined, el: HTMLElement) => {\r\n                const elRect = Rect.fromElement(el);\r\n                const isDocEl = el === document.documentElement;\r\n                const scrollRect = new Rect(\r\n                    isDocEl ? 0 : elRect.x,\r\n                    isDocEl ? 0 : elRect.y,\r\n                    el.clientWidth,\r\n                    el.clientHeight,\r\n                );\r\n                if (!currentRect) {\r\n                    return scrollRect;\r\n                }\r\n                return new Rect(\r\n                    Math.max(currentRect.left, scrollRect.left),\r\n                    Math.max(currentRect.top, scrollRect.top),\r\n                    Math.min(currentRect.right, scrollRect.right) -\r\n                        Math.max(currentRect.left, scrollRect.left),\r\n                    Math.min(currentRect.bottom, scrollRect.bottom) -\r\n                        Math.max(currentRect.top, scrollRect.top),\r\n                );\r\n            },\r\n            undefined!,\r\n        );\r\n        // Adjust the allowable viewport dimensions\r\n        viewportRect.x += this.viewportMargin;\r\n        viewportRect.y += this.viewportMargin;\r\n        viewportRect.width -= this.viewportMargin * 2;\r\n        viewportRect.height -= this.viewportMargin * 2;\r\n        return viewportRect;\r\n    }\r\n\r\n    /**\r\n     * ## Resolve Fixed Activator\r\n     * @private\r\n     */\r\n    private resolveFixedActivator() {\r\n        const isActivatorFixed = isFixedPosition(this.data.activatorEl.value);\r\n        if (isActivatorFixed) {\r\n            toFixedPosition(this.contentStyles.value, this.data.isRtl.value);\r\n        }\r\n    }\r\n\r\n    /**\r\n     * ## Update Position\r\n     */\r\n    public updatePosition() {\r\n        this.observe = false;\r\n\r\n        requestAnimationFrame(() => {\r\n            requestAnimationFrame(() => (this.observe = true));\r\n        });\r\n\r\n        if (!this.data.activatorEl.value || !this.data.contentEl.value) {\r\n            return;\r\n        }\r\n\r\n        this.targetRect = Rect.fromElement(this.data.activatorEl.value);\r\n        this.contentRect = this.getContentRect();\r\n        this.contentScrollParents = this.getContentScrollParents();\r\n        this.viewportRect = this.getViewportRect();\r\n\r\n        const zones = this.zoneCalculator.getAvailable(\r\n            this.targetRect,\r\n            this.viewportRect,\r\n            this.offset.value,\r\n            this.contentRect,\r\n        );\r\n\r\n        const placement = {\r\n            position: this.preferredPosition!.value,\r\n            origin: this.preferredOrigin!.value,\r\n        };\r\n\r\n        // If side is auto, find the largest side that\r\n        if (placement.position.side === \"auto\") {\r\n            const autoZone = this.getAutoZone(placement.position, zones);\r\n            placement.position = autoZone.position;\r\n            placement.origin = placement.position.flipSide();\r\n        }\r\n\r\n        // Ok, now we need to calculate the new placement based on available width/height\r\n        // will the content fit and what to do if not.\r\n        const zone =\r\n            placement.position.side === \"center\"\r\n                ? this.getCenterZone(zones)\r\n                : this.getBestZone(placement.position, zones);\r\n\r\n        // Now we need to calculate the position of the content element within the zone.\r\n        placement.position = zone.position;\r\n        placement.origin = placement.position.flipSide();\r\n        const { x, y } = this.calculateContentCoords(zone, placement);\r\n        this.calculateContentStyles(zone, placement, x, y);\r\n        this.calculatePointerStyles(placement, x, y);\r\n\r\n        this.data.contentEl.value?.setAttribute(\r\n            \"data-position\",\r\n            placement.position.toString(),\r\n        );\r\n\r\n        return {\r\n            zoneRect: zone.rect,\r\n            contentRect: this.contentRect,\r\n        };\r\n    }\r\n\r\n    /**\r\n     *\r\n     * @param zone\r\n     * @param placement\r\n     * @private\r\n     */\r\n    private calculateContentCoords(\r\n        zone: Zone,\r\n        placement: { position: Anchor; origin: Anchor }\r\n    ): { x: number; y: number } {\r\n        let { x, y } = zone.rect;\r\n\r\n        if (placement.position.side === \"center\") {\r\n            y = zone.rect.y + (zone.rect.height - this.contentRect.height) / 2;\r\n            x = zone.rect.x + (zone.rect.width - this.contentRect.width) / 2;\r\n        } else {\r\n            if (placement.position.side === \"top\") {\r\n                y = zone.rect.bottom - this.contentRect.height;\r\n            } else if (placement.position.side === \"left\") {\r\n                x = zone.rect.right - this.contentRect.width;\r\n            }\r\n            if (placement.position.alignment !== \"start\") {\r\n                const divider =\r\n                    placement.position.alignment === \"center\" ? 2 : 1;\r\n                if (placement.position.axis === \"x\") {\r\n                    y =\r\n                        this.targetRect.y +\r\n                        (this.targetRect.height - this.contentRect.height) /\r\n                        divider;\r\n                } else {\r\n                    x =\r\n                        this.targetRect.x +\r\n                        (this.targetRect.width - this.contentRect.width) /\r\n                        divider;\r\n                }\r\n            }\r\n        }\r\n\r\n        // Should this be optional!?\r\n        if (y < this.viewportRect.y) {\r\n            y = this.viewportRect.y;\r\n        }\r\n        if (x < this.viewportRect.x) {\r\n            x = this.viewportRect.x;\r\n        }\r\n\r\n        return { x, y };\r\n    }\r\n\r\n    /**\r\n     * @todo: RTL\r\n     * @param zone\r\n     * @param placement\r\n     * @param x\r\n     * @param y\r\n     * @private\r\n     */\r\n    private calculateContentStyles(\r\n        zone: Zone,\r\n        placement: { position: Anchor; origin: Anchor },\r\n        x: number,\r\n        y: number,\r\n    ) {\r\n        Object.assign(this.contentStyles.value, {\r\n            \"--ev-overlay-position\": placement.position.toCssValue(),\r\n            transformOrigin: placement.origin.toCssValue(),\r\n            top: toWebUnit(pixelRound(y)),\r\n            left: toWebUnit(pixelRound(x)),\r\n            minWidth: toWebUnit(\r\n                placement.position.axis === \"y\"\r\n                    ? Math.min(this.minWidth.value, this.targetRect.width)\r\n                    : this.minWidth.value,\r\n            ),\r\n            maxWidth: toWebUnit(\r\n                pixelCeil(\r\n                    clamp(\r\n                        zone.rect.width,\r\n                        this.minWidth.value === Infinity\r\n                            ? 0\r\n                            : this.minWidth.value,\r\n                        this.maxWidth.value,\r\n                    ),\r\n                ),\r\n            ),\r\n            maxHeight: toWebUnit(\r\n                pixelCeil(\r\n                    clamp(\r\n                        zone.rect.height,\r\n                        this.minHeight.value === Infinity\r\n                            ? 0\r\n                            : this.minHeight.value,\r\n                        this.maxHeight.value,\r\n                    ),\r\n                ),\r\n            ),\r\n        });\r\n    }\r\n\r\n    /**\r\n     *\r\n     * @param placement\r\n     * @param x\r\n     * @param y\r\n     * @private\r\n     */\r\n    private calculatePointerStyles(\r\n        placement: { position: Anchor; origin: Anchor },\r\n        x: number,\r\n        y: number,\r\n    ) {\r\n        const pointerDimensions = this.getPointerDimensions();\r\n        if (\r\n            !pointerDimensions ||\r\n            (placement.position.side === \"center\" && placement.position.alignment === \"center\")\r\n        ) {\r\n            Object.assign(this.pointerStyles.value, {\r\n                left: null,\r\n                top: null,\r\n            });\r\n            return;\r\n        }\r\n\r\n        let pointerOffsetX: null | number | string = null;\r\n        let pointerOffsetY: null | number | string = null;\r\n        let rotation = 0;\r\n\r\n        if (placement.position.axis === \"y\") {\r\n            if (x > this.targetRect.x) {\r\n                pointerOffsetX = 0 - pointerDimensions.width / 2;\r\n            } else {\r\n                pointerOffsetX = this.targetRect.x - x - pointerDimensions.width / 2;\r\n            }\r\n            pointerOffsetX +=\r\n                Math.min(this.targetRect.width, this.contentRect.width) / 2;\r\n            pointerOffsetY =\r\n                placement.position.side === \"bottom\"\r\n                    ? 0 - pointerDimensions.height\r\n                    : \"100%\";\r\n            rotation = placement.position.side === \"bottom\" ? 180 : 0;\r\n        } else {\r\n            // Note, the width/height dimensions of the pointer are rotated\r\n            // so they seem wrong but should be correct if not square (needs to be tested)\r\n            if (y > this.targetRect.y) {\r\n                pointerOffsetY = 0 - pointerDimensions.width / 2;\r\n            } else {\r\n                pointerOffsetY = this.targetRect.y - y - pointerDimensions.width / 2;\r\n            }\r\n            pointerOffsetY += Math.min(this.targetRect.height, this.contentRect.height) / 2;\r\n            pointerOffsetX =\r\n                placement.position.side === \"right\"\r\n                    ? 0 - pointerDimensions.height\r\n                    : \"100%\";\r\n            rotation = placement.position.side === \"right\" ? 90 : 270;\r\n        }\r\n\r\n        Object.assign(this.pointerStyles.value, {\r\n            left: typeof pointerOffsetX === 'string'\r\n                ? pointerOffsetX\r\n                : toWebUnit(pixelRound(pointerOffsetX)),\r\n            top: typeof pointerOffsetY === 'string'\r\n                ? pointerOffsetY\r\n                : toWebUnit(pixelRound(pointerOffsetY)),\r\n            transform: `rotate(${rotation}deg)`,\r\n        });\r\n    }\r\n\r\n    private getAutoZone(position: Anchor, zones: Zone[]): Zone {\r\n        const matches = zones.filter((zone) => {\r\n            // Ignore center position for now.\r\n            if (zone.position.side === \"center\") {\r\n                return false;\r\n            }\r\n            return (\r\n                position.alignment === \"auto\" ||\r\n                zone.position.alignment === position.alignment\r\n            );\r\n        });\r\n        return matches[0];\r\n    }\r\n\r\n    /**\r\n     * ## Get Best Zone\r\n     * Returns the zone that fits the content, or the zone with the largest available area.\r\n     * @param position\r\n     * @param zones\r\n     * @private\r\n     */\r\n    private getBestZone(position: Anchor, zones: Zone[]): Zone {\r\n        // Priority\r\n        const positions = [\r\n            position,\r\n            position.centerAlign(),\r\n            position.flipSide(),\r\n            position.flipSide().centerAlign(),\r\n            position.flipCorner(),\r\n            position.flipCorner().centerAlign(),\r\n            position.flipCorner().flipSide(),\r\n            position.flipCorner().flipSide().centerAlign(),\r\n        ];\r\n\r\n        // Exactly fits content\r\n        for (const newPosition of positions) {\r\n            // Find the zone that correlates to the position\r\n            const zone = zones.find((zone) => {\r\n                return zone.position.toString() === newPosition.toString();\r\n            });\r\n            if (zone?.isFitsContent) {\r\n                return zone;\r\n            }\r\n        }\r\n\r\n        // Or the preferred side fits\r\n        for (const newPosition of positions) {\r\n            const zone = zones.find((zone) => {\r\n                return zone.position.toString() === newPosition.toString();\r\n            });\r\n            if (!zone) {\r\n                continue;\r\n            }\r\n            const dimension = newPosition.axis === \"x\" ? \"width\" : \"height\";\r\n            if (zone.available[dimension] >= 0) {\r\n                return zone;\r\n            }\r\n        }\r\n\r\n        // Fallback to auto because it finds the largest available zone\r\n        return this.getAutoZone(position, zones);\r\n    }\r\n\r\n    /**\r\n     * ## Get Center Zone\r\n     * Returns the zone for centering content in the viewport, which is basically the whole viewport.\r\n     * @param zones\r\n     * @private\r\n     */\r\n    private getCenterZone(zones: Zone[]): Zone {\r\n        return zones.find((zone) => {\r\n            return (\r\n                zone.position.side === \"center\" &&\r\n                zone.position.alignment === \"center\"\r\n            );\r\n        })!;\r\n    }\r\n\r\n    /**\r\n     * ## Watch\r\n     *\r\n     * Watch for changes that affect position calculations.\r\n     *\r\n     * @private\r\n     */\r\n    private watch() {\r\n        watch(\r\n            () => [\r\n                this.preferredPosition?.value,\r\n                this.preferredOrigin?.value,\r\n                this.props.offset,\r\n                this.props.minWidth,\r\n                this.props.minHeight,\r\n                this.props.maxWidth,\r\n                this.props.maxHeight,\r\n            ],\r\n            () => this.updatePosition(),\r\n        );\r\n\r\n        nextTick(() => {\r\n            const result = this.updatePosition();\r\n            if (!result) {\r\n                return;\r\n            }\r\n            // @todo: what else do we need to do?\r\n        });\r\n    }\r\n}\r\n\r\nclass Zone {\r\n    public available: Dimensions;\r\n    public isFitsContent: boolean;\r\n\r\n    constructor(\r\n        public position: Anchor,\r\n        public rect: Rect,\r\n        public content: Rect,\r\n    ) {\r\n        this.available = {\r\n            width: this.rect.width - content.width,\r\n            height: this.rect.height - content.height,\r\n        };\r\n        this.isFitsContent =\r\n            this.rect.width >= content.width &&\r\n            this.rect.height >= content.height;\r\n    }\r\n\r\n    get availableArea() {\r\n        return this.available.width * this.available.height;\r\n    }\r\n}\r\n\r\nclass ZoneCalculator {\r\n    /**\r\n     * ## Get Available\r\n     *\r\n     * Returns all available zones around the target.\r\n     *\r\n     * @param target\r\n     * @param viewport\r\n     * @param offset\r\n     * @param content\r\n     */\r\n    public getAvailable(\r\n        target: Rect,\r\n        viewport: Rect,\r\n        offset: number[],\r\n        content: Rect,\r\n    ): Zone[] {\r\n        const [offsetSide, offsetAlign] = offset;\r\n\r\n        // Sides\r\n        const sides: ZoneSides = {\r\n            top: {\r\n                y: viewport.top,\r\n                height: target.top - viewport.top - offsetSide,\r\n                align: \"x\",\r\n            },\r\n            bottom: {\r\n                y: target.bottom + offsetSide,\r\n                height: viewport.bottom - target.bottom - offsetSide,\r\n                align: \"x\",\r\n            },\r\n            left: {\r\n                x: viewport.left,\r\n                width: target.left - viewport.left - offsetSide,\r\n                align: \"y\",\r\n            },\r\n            right: {\r\n                x: target.right + offsetSide,\r\n                width: viewport.right - target.right - offsetSide,\r\n                align: \"y\",\r\n            },\r\n            center: { x: viewport.left, width: viewport.width, align: \"y\" },\r\n        };\r\n\r\n        // Align\r\n        const alignments: ZoneAlignments = {\r\n            x: {\r\n                center: { x: viewport.left, width: viewport.width },\r\n                start: {\r\n                    x: target.left + offsetAlign,\r\n                    width: viewport.width - target.left - offsetAlign,\r\n                },\r\n                end: {\r\n                    x: viewport.left,\r\n                    width: target.right - viewport.left - offsetAlign,\r\n                },\r\n            },\r\n            y: {\r\n                center: { y: viewport.top, height: viewport.height },\r\n                start: {\r\n                    y: target.top + offsetAlign,\r\n                    height: viewport.bottom - target.top - offsetAlign,\r\n                },\r\n                end: {\r\n                    y: viewport.top,\r\n                    height: target.bottom - viewport.top - offsetAlign,\r\n                },\r\n            },\r\n        };\r\n\r\n        const zones: Zone[] = [];\r\n        for (const [side, sideAttrs] of Object.entries(sides)) {\r\n            for (const [align, alignAttrs] of Object.entries(\r\n                alignments[sideAttrs.align],\r\n            )) {\r\n                const anchor = new Anchor(\r\n                    side as AnchorSide,\r\n                    align as AnchorAlignment,\r\n                );\r\n                const rectProps: RectProps = Object.assign(\r\n                    {\r\n                        width: 0,\r\n                        height: 0,\r\n                        x: 0,\r\n                        y: 0,\r\n                    },\r\n                    sideAttrs,\r\n                    alignAttrs,\r\n                );\r\n                const rect = Rect.fromRect(rectProps);\r\n                zones.push(new Zone(anchor, rect, content));\r\n            }\r\n        }\r\n\r\n        // Sort by area\r\n        zones.sort((zoneA, zoneB) => {\r\n            return zoneB.availableArea - zoneA.availableArea;\r\n        });\r\n        return zones;\r\n    }\r\n}\r\n\r\ninterface ZoneSides {\r\n    [key: string]: {\r\n        x?: number;\r\n        y?: number;\r\n        width?: number;\r\n        height?: number;\r\n        align: string;\r\n    };\r\n}\r\n\r\ninterface ZoneAlignments {\r\n    [key: string]: {\r\n        [key: string]: {\r\n            x?: number;\r\n            y?: number;\r\n            width?: number;\r\n            height?: number;\r\n        };\r\n    };\r\n}\r\n"],"names":["watch","onScopeDispose","destructComputed","Anchor","computed","isNumber","Rect","getScrollParents","isFixedPosition","toFixedPosition","toWebUnit","pixelRound","pixelCeil","clamp","zone","nextTick","anchor"],"mappings":"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"}

package/dist/cjs/components/EvOverlay/position-strategy/static-position.cjs

@@ -0,0 +1,7 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function staticPositionStrategy(data, props, contentStyles) {
+}
+exports.staticPositionStrategy = staticPositionStrategy;
+//# sourceMappingURL=static-position.cjs.map

package/dist/cjs/components/EvOverlay/position-strategy/static-position.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"static-position.cjs","sources":["../../../../../src/components/EvOverlay/position-strategy/static-position.ts"],"sourcesContent":["import { PositionStrategyData, PositionStrategyProps } from \"../position\";\nimport { Ref } from \"vue\";\nimport { StyleProp } from \"@/util\";\n\n/**\n * # Static Position Strategy\n *\n * Specific viewport position, usually centered.\n */\nexport function staticPositionStrategy(\n    data: PositionStrategyData,\n    props: PositionStrategyProps,\n    contentStyles: Ref<StyleProp>,\n) {\n    // todo\n}\n"],"names":[],"mappings":";;;AASgB,SAAA,uBACZ,MACA,OACA,eACF;AAEF;;"}

package/dist/cjs/components/EvOverlay/position.cjs

@@ -0,0 +1,83 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const toggleScope = require("../../composables/toggleScope.cjs");
+const connectedPosition = require("./position-strategy/connected-position.cjs");
+const staticPosition = require("./position-strategy/static-position.cjs");
+const props = require("../../util/props.cjs");
+const browser = require("../../util/browser.cjs");
+const isFunctions = require("../../util/is-functions.cjs");
+const positionStrategies = {
+  static: staticPosition.staticPositionStrategy,
+  // specific viewport position, usually centered
+  connected: connectedPosition.connectedPositionStrategy
+  // connected to a certain element
+};
+const makePositionStrategyProps = props.propsFactory(
+  {
+    positionStrategy: {
+      type: [String, Function],
+      default: "connected",
+      validator: (value) => typeof value === "function" || value in positionStrategies
+    },
+    position: {
+      type: String,
+      default: "auto"
+    },
+    origin: {
+      type: String,
+      default: "auto"
+    },
+    offset: [Number, String, Array]
+  },
+  "EvOverlay/position"
+);
+function usePositionStrategies(props2, data) {
+  const contentStyles = vue.ref({});
+  const pointerStyles = vue.ref({});
+  const updatePosition = vue.ref();
+  function onResize(e) {
+    var _a;
+    (_a = updatePosition.value) == null ? void 0 : _a.call(updatePosition, e);
+  }
+  if (browser.Browser.hasWindow) {
+    toggleScope.useToggleScope(
+      () => {
+        return !!(data.isActive.value && props2.positionStrategy);
+      },
+      (reset) => {
+        var _a;
+        vue.watch(() => props2.positionStrategy, reset);
+        vue.onScopeDispose(() => {
+          updatePosition.value = void 0;
+        });
+        let positionStrategyFn;
+        if (isFunctions.isFunction(props2.positionStrategy)) {
+          positionStrategyFn = props2.positionStrategy;
+        } else {
+          positionStrategyFn = positionStrategies[props2.positionStrategy];
+        }
+        updatePosition.value = (_a = positionStrategyFn(
+          data,
+          props2,
+          contentStyles,
+          pointerStyles
+        )) == null ? void 0 : _a.updatePosition;
+      }
+    );
+    window.addEventListener("resize", onResize, { passive: true });
+    vue.onScopeDispose(() => {
+      window.removeEventListener("resize", onResize);
+      updatePosition.value = void 0;
+    });
+  }
+  return {
+    contentStyles,
+    updatePosition,
+    pointerStyles
+  };
+}
+exports.makePositionStrategyProps = makePositionStrategyProps;
+exports.usePositionStrategies = usePositionStrategies;
+//# sourceMappingURL=position.cjs.map

package/dist/cjs/components/EvOverlay/position.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"position.cjs","sources":["../../../../src/components/EvOverlay/position.ts"],"sourcesContent":["import { onScopeDispose, PropType, ref, Ref, watch } from \"vue\";\nimport {\n    connectedPositionStrategy,\n    staticPositionStrategy,\n} from \"./position-strategy\";\nimport { AnchorSelector, Browser, isFunction, propsFactory } from \"@/util\";\nimport { useToggleScope } from \"@/composables/toggleScope\";\n\nexport interface PositionStrategyData {\n    contentEl: Ref<HTMLElement | undefined>;\n    activatorEl: Ref<HTMLElement | undefined>;\n    pointerEl: Ref<HTMLElement | undefined>;\n    isActive: Ref<boolean>;\n    isRtl: Ref<boolean>;\n}\n\ntype PositionStrategyFn = (\n    data: PositionStrategyData,\n    props: PositionStrategyProps,\n    contentStyles: Ref<Record<string, string>>,\n    pointerStyles: Ref<Record<string, string>>,\n) => undefined | { updatePosition: (e: Event) => void };\n\nconst positionStrategies = {\n    static: staticPositionStrategy, // specific viewport position, usually centered\n    connected: connectedPositionStrategy, // connected to a certain element\n};\n\nexport interface PositionStrategyProps {\n    positionStrategy?: keyof typeof positionStrategies | PositionStrategyFn;\n    position?: AnchorSelector;\n    origin?: AnchorSelector | \"overlap\";\n    offset?: number | string | number[];\n    maxHeight?: number | string;\n    maxWidth?: number | string;\n    minHeight?: number | string;\n    minWidth?: number | string;\n}\n\n/**\n * # Make Position Strategy Props\n */\nexport const makePositionStrategyProps = propsFactory(\n    {\n        positionStrategy: {\n            type: [String, Function] as PropType<\n                PositionStrategyProps[\"positionStrategy\"]\n            >,\n            default: \"connected\",\n            validator: (value: any) =>\n                typeof value === \"function\" || value in positionStrategies,\n        },\n        position: {\n            type: String as PropType<AnchorSelector>,\n            default: \"auto\",\n        },\n        origin: {\n            type: String as PropType<PositionStrategyProps[\"origin\"]>,\n            default: \"auto\",\n        },\n        offset: [Number, String, Array] as PropType<\n            PositionStrategyProps[\"offset\"]\n        >,\n    },\n    \"EvOverlay/position\",\n);\n\n/**\n * # Use Position Strategies\n */\nexport function usePositionStrategies(\n    props: PositionStrategyProps,\n    data: PositionStrategyData,\n) {\n    const contentStyles = ref({});\n    const pointerStyles = ref({});\n    const updatePosition = ref<(e: Event) => void>();\n\n    /**\n     * ## On Resize\n     * Update the position when the window resizes.\n     * @param e\n     */\n    function onResize(e: Event) {\n        updatePosition.value?.(e);\n    }\n\n    if (Browser.hasWindow) {\n        useToggleScope(\n            () => {\n                return !!(data.isActive.value && props.positionStrategy);\n            },\n            (reset) => {\n                watch(() => props.positionStrategy, reset);\n                onScopeDispose(() => {\n                    updatePosition.value = undefined;\n                });\n                let positionStrategyFn: PositionStrategyFn;\n                if (isFunction(props.positionStrategy)) {\n                    positionStrategyFn = props.positionStrategy;\n                } else {\n                    positionStrategyFn = positionStrategies[\n                        props.positionStrategy\n                    ] as PositionStrategyFn;\n                }\n                updatePosition.value = positionStrategyFn(\n                    data,\n                    props,\n                    contentStyles,\n                    pointerStyles,\n                )?.updatePosition;\n            },\n        );\n\n        window.addEventListener(\"resize\", onResize, { passive: true });\n\n        onScopeDispose(() => {\n            window.removeEventListener(\"resize\", onResize);\n            updatePosition.value = undefined;\n        });\n    }\n\n    return {\n        contentStyles,\n        updatePosition,\n        pointerStyles,\n    };\n}\n"],"names":["staticPositionStrategy","connectedPositionStrategy","propsFactory","props","ref","Browser","useToggleScope","watch","onScopeDispose","isFunction"],"mappings":";;;;;;;;;;AAuBA,MAAM,qBAAqB;AAAA,EACvB,QAAQA,eAAA;AAAA;AAAA,EACR,WAAWC,kBAAAA;AAAAA;AACf;AAgBO,MAAM,4BAA4BC,MAAA;AAAA,EACrC;AAAA,IACI,kBAAkB;AAAA,MACd,MAAM,CAAC,QAAQ,QAAQ;AAAA,MAGvB,SAAS;AAAA,MACT,WAAW,CAAC,UACR,OAAO,UAAU,cAAc,SAAS;AAAA,IAChD;AAAA,IACA,UAAU;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,QAAQ;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACb;AAAA,IACA,QAAQ,CAAC,QAAQ,QAAQ,KAAK;AAAA,EAGlC;AAAA,EACA;AACJ;AAKgB,SAAA,sBACZC,QACA,MACF;AACQ,QAAA,gBAAgBC,IAAI,IAAA,EAAE;AACtB,QAAA,gBAAgBA,IAAI,IAAA,EAAE;AAC5B,QAAM,iBAAiBA,IAAAA,IAAwB;AAO/C,WAAS,SAAS,GAAU;;AACxB,yBAAe,UAAf,wCAAuB;AAAA,EAAC;AAG5B,MAAIC,QAAAA,QAAQ,WAAW;AACnBC,gBAAA;AAAA,MACI,MAAM;AACF,eAAO,CAAC,EAAE,KAAK,SAAS,SAASH,OAAM;AAAA,MAC3C;AAAA,MACA,CAAC,UAAU;;AACDI,YAAAA,MAAA,MAAMJ,OAAM,kBAAkB,KAAK;AACzCK,YAAAA,eAAe,MAAM;AACjB,yBAAe,QAAQ;AAAA,QAAA,CAC1B;AACG,YAAA;AACA,YAAAC,YAAA,WAAWN,OAAM,gBAAgB,GAAG;AACpC,+BAAqBA,OAAM;AAAA,QAAA,OACxB;AACkB,+BAAA,mBACjBA,OAAM,gBACV;AAAA,QAAA;AAEJ,uBAAe,SAAQ;AAAA,UACnB;AAAA,UACAA;AAAA,UACA;AAAA,UACA;AAAA,QAAA,MAJmB,mBAKpB;AAAA,MAAA;AAAA,IAEX;AAEA,WAAO,iBAAiB,UAAU,UAAU,EAAE,SAAS,MAAM;AAE7DK,QAAAA,eAAe,MAAM;AACV,aAAA,oBAAoB,UAAU,QAAQ;AAC7C,qBAAe,QAAQ;AAAA,IAAA,CAC1B;AAAA,EAAA;AAGE,SAAA;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACJ;;;"}

package/dist/cjs/components/EvOverlay/scroll-strategy/block-scroll.cjs

@@ -0,0 +1,70 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const scroll = require("../../../util/scroll.cjs");
+const units = require("../../../util/units.cjs");
+function blockScrollStrategy(data, props) {
+  var _a, _b;
+  const offsetParent = (_a = data.containerEl.value) == null ? void 0 : _a.offsetParent;
+  const scrollElements = [
+    .../* @__PURE__ */ new Set([
+      ...scroll.getScrollParents(
+        data.activatorEl.value,
+        props.contained ? offsetParent : void 0
+      ),
+      ...scroll.getScrollParents(
+        data.contentEl.value,
+        props.contained ? offsetParent : void 0
+      )
+    ])
+  ].filter((el) => !el.classList.contains("ev-overlay-scroll-blocked"));
+  const scrollbarWidth = window.innerWidth - document.documentElement.offsetWidth;
+  const scrollableParent = ((el) => scroll.hasScrollbar(el) && el)(
+    offsetParent || document.documentElement
+  );
+  if (scrollableParent) {
+    (_b = data.containerEl.value) == null ? void 0 : _b.classList.add("ev-overlay--scroll-blocked");
+  }
+  scrollElements.forEach((el, i) => {
+    el.style.setProperty(
+      "--ev-body-scroll-x",
+      units.toWebUnit(-el.scrollLeft) ?? null
+    );
+    el.style.setProperty(
+      "--ev-body-scroll-y",
+      units.toWebUnit(-el.scrollTop) ?? null
+    );
+    if (el !== document.documentElement) {
+      el.style.setProperty(
+        "--ev-scrollbar-offset",
+        units.toWebUnit(scrollbarWidth) ?? null
+      );
+    }
+    el.classList.add("ev-overlay-scroll-blocked");
+  });
+  vue.onScopeDispose(() => {
+    var _a2;
+    scrollElements.forEach((el, i) => {
+      const x = parseFloat(
+        el.style.getPropertyValue("--ev-body-scroll-x")
+      );
+      const y = parseFloat(
+        el.style.getPropertyValue("--ev-body-scroll-y")
+      );
+      el.style.removeProperty("--ev-body-scroll-x");
+      el.style.removeProperty("--ev-body-scroll-y");
+      el.style.removeProperty("--ev-scrollbar-offset");
+      el.classList.remove("ev-overlay-scroll-blocked");
+      el.scrollLeft = -x;
+      el.scrollTop = -y;
+    });
+    if (scrollableParent) {
+      (_a2 = data.containerEl.value) == null ? void 0 : _a2.classList.remove(
+        "ev-overlay--scroll-blocked"
+      );
+    }
+  });
+}
+exports.blockScrollStrategy = blockScrollStrategy;
+//# sourceMappingURL=block-scroll.cjs.map

package/dist/cjs/components/EvOverlay/scroll-strategy/block-scroll.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-scroll.cjs","sources":["../../../../../src/components/EvOverlay/scroll-strategy/block-scroll.ts"],"sourcesContent":["import { ScrollStrategyData, ScrollStrategyProps } from \"../scroll\";\nimport { getScrollParents, hasScrollbar, toWebUnit } from \"@/util\";\nimport { onScopeDispose } from \"vue\";\n\n/**\n * # Block Scroll Strategy\n * @param data\n * @param props\n */\nexport function blockScrollStrategy(\n    data: ScrollStrategyData,\n    props: ScrollStrategyProps,\n) {\n    const offsetParent = data.containerEl.value?.offsetParent;\n    const scrollElements = [\n        ...new Set([\n            ...getScrollParents(\n                data.activatorEl.value,\n                props.contained ? offsetParent : undefined,\n            ),\n            ...getScrollParents(\n                data.contentEl.value,\n                props.contained ? offsetParent : undefined,\n            ),\n        ]),\n    ].filter((el) => !el.classList.contains(\"ev-overlay-scroll-blocked\"));\n    const scrollbarWidth =\n        window.innerWidth - document.documentElement.offsetWidth;\n    const scrollableParent = ((el) => hasScrollbar(el) && el)(\n        offsetParent || document.documentElement,\n    );\n    if (scrollableParent) {\n        data.containerEl.value?.classList.add(\"ev-overlay--scroll-blocked\");\n    }\n\n    scrollElements.forEach((el, i) => {\n        el.style.setProperty(\n            \"--ev-body-scroll-x\",\n            toWebUnit(-el.scrollLeft) ?? null,\n        );\n        el.style.setProperty(\n            \"--ev-body-scroll-y\",\n            toWebUnit(-el.scrollTop) ?? null,\n        );\n        if (el !== document.documentElement) {\n            el.style.setProperty(\n                \"--ev-scrollbar-offset\",\n                toWebUnit(scrollbarWidth) ?? null,\n            );\n        }\n        el.classList.add(\"ev-overlay-scroll-blocked\");\n    });\n\n    onScopeDispose(() => {\n        scrollElements.forEach((el, i) => {\n            const x = parseFloat(\n                el.style.getPropertyValue(\"--ev-body-scroll-x\"),\n            );\n            const y = parseFloat(\n                el.style.getPropertyValue(\"--ev-body-scroll-y\"),\n            );\n\n            el.style.removeProperty(\"--ev-body-scroll-x\");\n            el.style.removeProperty(\"--ev-body-scroll-y\");\n            el.style.removeProperty(\"--ev-scrollbar-offset\");\n            el.classList.remove(\"ev-overlay-scroll-blocked\");\n            el.scrollLeft = -x;\n            el.scrollTop = -y;\n        });\n        if (scrollableParent) {\n            data.containerEl.value?.classList.remove(\n                \"ev-overlay--scroll-blocked\",\n            );\n        }\n    });\n}\n"],"names":["getScrollParents","hasScrollbar","toWebUnit","onScopeDispose","_a"],"mappings":";;;;;;AASgB,SAAA,oBACZ,MACA,OACF;;AACQ,QAAA,gBAAe,UAAK,YAAY,UAAjB,mBAAwB;AAC7C,QAAM,iBAAiB;AAAA,IACnB,uBAAO,IAAI;AAAA,MACP,GAAGA,OAAA;AAAA,QACC,KAAK,YAAY;AAAA,QACjB,MAAM,YAAY,eAAe;AAAA,MACrC;AAAA,MACA,GAAGA,OAAA;AAAA,QACC,KAAK,UAAU;AAAA,QACf,MAAM,YAAY,eAAe;AAAA,MAAA;AAAA,IAExC,CAAA;AAAA,EAAA,EACH,OAAO,CAAC,OAAO,CAAC,GAAG,UAAU,SAAS,2BAA2B,CAAC;AACpE,QAAM,iBACF,OAAO,aAAa,SAAS,gBAAgB;AACjD,QAAM,oBAAoB,CAAC,OAAOC,OAAAA,aAAa,EAAE,KAAK;AAAA,IAClD,gBAAgB,SAAS;AAAA,EAC7B;AACA,MAAI,kBAAkB;AAClB,eAAK,YAAY,UAAjB,mBAAwB,UAAU,IAAI;AAAA,EAA4B;AAGvD,iBAAA,QAAQ,CAAC,IAAI,MAAM;AAC9B,OAAG,MAAM;AAAA,MACL;AAAA,MACAC,gBAAU,CAAC,GAAG,UAAU,KAAK;AAAA,IACjC;AACA,OAAG,MAAM;AAAA,MACL;AAAA,MACAA,gBAAU,CAAC,GAAG,SAAS,KAAK;AAAA,IAChC;AACI,QAAA,OAAO,SAAS,iBAAiB;AACjC,SAAG,MAAM;AAAA,QACL;AAAA,QACAA,MAAA,UAAU,cAAc,KAAK;AAAA,MACjC;AAAA,IAAA;AAED,OAAA,UAAU,IAAI,2BAA2B;AAAA,EAAA,CAC/C;AAEDC,MAAAA,eAAe,MAAM;;AACF,mBAAA,QAAQ,CAAC,IAAI,MAAM;AAC9B,YAAM,IAAI;AAAA,QACN,GAAG,MAAM,iBAAiB,oBAAoB;AAAA,MAClD;AACA,YAAM,IAAI;AAAA,QACN,GAAG,MAAM,iBAAiB,oBAAoB;AAAA,MAClD;AAEG,SAAA,MAAM,eAAe,oBAAoB;AACzC,SAAA,MAAM,eAAe,oBAAoB;AACzC,SAAA,MAAM,eAAe,uBAAuB;AAC5C,SAAA,UAAU,OAAO,2BAA2B;AAC/C,SAAG,aAAa,CAAC;AACjB,SAAG,YAAY,CAAC;AAAA,IAAA,CACnB;AACD,QAAI,kBAAkB;AACb,OAAAC,MAAA,KAAA,YAAY,UAAZ,gBAAAA,IAAmB,UAAU;AAAA,QAC9B;AAAA;AAAA,IACJ;AAAA,EACJ,CACH;AACL;;"}

package/dist/cjs/components/EvOverlay/scroll-strategy/close-scroll.cjs

@@ -0,0 +1,15 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const events = require("../../../util/events.cjs");
+function closeScrollStrategy(data) {
+  function onScroll(e) {
+    data.isActive.value = false;
+  }
+  events.addScrollEventListener(
+    data.activatorEl.value ?? data.contentEl.value,
+    onScroll
+  );
+}
+exports.closeScrollStrategy = closeScrollStrategy;
+//# sourceMappingURL=close-scroll.cjs.map

package/dist/cjs/components/EvOverlay/scroll-strategy/close-scroll.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"close-scroll.cjs","sources":["../../../../../src/components/EvOverlay/scroll-strategy/close-scroll.ts"],"sourcesContent":["import { ScrollStrategyData } from \"../scroll\";\nimport { addScrollEventListener } from \"@/util\";\n\n/**\n * # Close Scroll Strategy\n * @param data\n */\nexport function closeScrollStrategy(data: ScrollStrategyData) {\n    function onScroll(e: Event) {\n        data.isActive.value = false;\n    }\n    addScrollEventListener(\n        data.activatorEl.value ?? data.contentEl.value,\n        onScroll,\n    );\n}\n"],"names":["addScrollEventListener"],"mappings":";;;;AAOO,SAAS,oBAAoB,MAA0B;AAC1D,WAAS,SAAS,GAAU;AACxB,SAAK,SAAS,QAAQ;AAAA,EAAA;AAE1BA,SAAA;AAAA,IACI,KAAK,YAAY,SAAS,KAAK,UAAU;AAAA,IACzC;AAAA,EACJ;AACJ;;"}

package/dist/cjs/components/EvOverlay/scroll-strategy/reposition-scroll.cjs

@@ -0,0 +1,45 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const animate = require("../../../util/animate.cjs");
+const events = require("../../../util/events.cjs");
+function repositionScrollStrategy(data, props, scope) {
+  let slow = false;
+  let raf = -1;
+  let ric = -1;
+  function update(e) {
+    animate.requestNewFrame(() => {
+      var _a, _b;
+      const start = performance.now();
+      (_b = (_a = data.updatePosition).value) == null ? void 0 : _b.call(_a, e);
+      const time = performance.now() - start;
+      slow = time / (1e3 / 60) > 2;
+    });
+  }
+  ric = (typeof requestIdleCallback === "undefined" ? (cb) => cb() : requestIdleCallback)(() => {
+    scope.run(() => {
+      events.addScrollEventListener(
+        data.activatorEl.value ?? data.contentEl.value,
+        (e) => {
+          if (slow) {
+            cancelAnimationFrame(raf);
+            raf = requestAnimationFrame(() => {
+              raf = requestAnimationFrame(() => {
+                update(e);
+              });
+            });
+          } else {
+            update(e);
+          }
+        }
+      );
+    });
+  });
+  vue.onScopeDispose(() => {
+    typeof cancelIdleCallback !== "undefined" && cancelIdleCallback(ric);
+    cancelAnimationFrame(raf);
+  });
+}
+exports.repositionScrollStrategy = repositionScrollStrategy;
+//# sourceMappingURL=reposition-scroll.cjs.map

package/dist/cjs/components/EvOverlay/scroll-strategy/reposition-scroll.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"reposition-scroll.cjs","sources":["../../../../../src/components/EvOverlay/scroll-strategy/reposition-scroll.ts"],"sourcesContent":["import { ScrollStrategyData, ScrollStrategyProps } from \"../scroll\";\nimport { EffectScope, onScopeDispose } from \"vue\";\nimport { addScrollEventListener, requestNewFrame } from \"@/util\";\n\n/**\n * # Reposition Scroll Strategy\n * @param data\n * @param props\n * @param scope\n */\nexport function repositionScrollStrategy(\n    data: ScrollStrategyData,\n    props: ScrollStrategyProps,\n    scope: EffectScope,\n) {\n    let slow = false;\n    let raf = -1;\n    let ric = -1;\n\n    function update(e: Event) {\n        requestNewFrame(() => {\n            const start = performance.now();\n            data.updatePosition.value?.(e);\n            const time = performance.now() - start;\n            slow = time / (1000 / 60) > 2;\n        });\n    }\n\n    ric = (\n        typeof requestIdleCallback === \"undefined\"\n            ? (cb: Function) => cb()\n            : requestIdleCallback\n    )(() => {\n        scope.run(() => {\n            addScrollEventListener(\n                data.activatorEl.value ?? data.contentEl.value,\n                (e) => {\n                    if (slow) {\n                        // If the position calculation is slow,\n                        // defer updates until scrolling is finished.\n                        // Browsers usually fire one scroll event per frame so\n                        // we just wait until we've got two frames without an event\n                        cancelAnimationFrame(raf);\n                        raf = requestAnimationFrame(() => {\n                            raf = requestAnimationFrame(() => {\n                                update(e);\n                            });\n                        });\n                    } else {\n                        update(e);\n                    }\n                },\n            );\n        });\n    });\n\n    onScopeDispose(() => {\n        typeof cancelIdleCallback !== \"undefined\" && cancelIdleCallback(ric);\n        cancelAnimationFrame(raf);\n    });\n}\n"],"names":["requestNewFrame","addScrollEventListener","onScopeDispose"],"mappings":";;;;;;AAUgB,SAAA,yBACZ,MACA,OACA,OACF;AACE,MAAI,OAAO;AACX,MAAI,MAAM;AACV,MAAI,MAAM;AAEV,WAAS,OAAO,GAAU;AACtBA,YAAAA,gBAAgB,MAAM;;AACZ,YAAA,QAAQ,YAAY,IAAI;AACzB,uBAAA,gBAAe,UAAf,4BAAuB;AACtB,YAAA,OAAO,YAAY,IAAA,IAAQ;AAC1B,aAAA,QAAQ,MAAO,MAAM;AAAA,IAAA,CAC/B;AAAA,EAAA;AAID,SAAA,OAAO,wBAAwB,cACzB,CAAC,OAAiB,GAAG,IACrB,qBACR,MAAM;AACJ,UAAM,IAAI,MAAM;AACZC,aAAA;AAAA,QACI,KAAK,YAAY,SAAS,KAAK,UAAU;AAAA,QACzC,CAAC,MAAM;AACH,cAAI,MAAM;AAKN,iCAAqB,GAAG;AACxB,kBAAM,sBAAsB,MAAM;AAC9B,oBAAM,sBAAsB,MAAM;AAC9B,uBAAO,CAAC;AAAA,cAAA,CACX;AAAA,YAAA,CACJ;AAAA,UAAA,OACE;AACH,mBAAO,CAAC;AAAA,UAAA;AAAA,QACZ;AAAA,MAER;AAAA,IAAA,CACH;AAAA,EAAA,CACJ;AAEDC,MAAAA,eAAe,MAAM;AACV,WAAA,uBAAuB,eAAe,mBAAmB,GAAG;AACnE,yBAAqB,GAAG;AAAA,EAAA,CAC3B;AACL;;"}

package/dist/cjs/components/EvOverlay/scroll.cjs

@@ -0,0 +1,58 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const repositionScroll = require("./scroll-strategy/reposition-scroll.cjs");
+const blockScroll = require("./scroll-strategy/block-scroll.cjs");
+const closeScroll = require("./scroll-strategy/close-scroll.cjs");
+const props = require("../../util/props.cjs");
+const browser = require("../../util/browser.cjs");
+const scrollStrategies = {
+  none: null,
+  close: closeScroll.closeScrollStrategy,
+  block: blockScroll.blockScrollStrategy,
+  reposition: repositionScroll.repositionScrollStrategy
+};
+const makeScrollStrategyProps = props.propsFactory(
+  {
+    scrollStrategy: {
+      type: [String, Function],
+      default: "block",
+      validator: (val) => typeof val === "function" || val in scrollStrategies
+    }
+  },
+  "EvOverlay/scroll"
+);
+function useScrollStrategies(props2, data) {
+  if (!browser.Browser.hasWindow) {
+    return;
+  }
+  let scope;
+  vue.watchEffect(async () => {
+    scope == null ? void 0 : scope.stop();
+    if (!(data.isActive.value && props2.scrollStrategy)) {
+      return;
+    }
+    scope = vue.effectScope();
+    await vue.nextTick();
+    scope.active && scope.run(() => {
+      var _a;
+      if (typeof props2.scrollStrategy === "function") {
+        props2.scrollStrategy(data, props2, scope);
+      } else {
+        (_a = scrollStrategies[props2.scrollStrategy]) == null ? void 0 : _a.call(
+          scrollStrategies,
+          data,
+          props2,
+          scope
+        );
+      }
+    });
+  });
+  vue.onScopeDispose(() => {
+    scope == null ? void 0 : scope.stop();
+  });
+}
+exports.makeScrollStrategyProps = makeScrollStrategyProps;
+exports.useScrollStrategies = useScrollStrategies;
+//# sourceMappingURL=scroll.cjs.map

package/dist/cjs/components/EvOverlay/scroll.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.cjs","sources":["../../../../src/components/EvOverlay/scroll.ts"],"sourcesContent":["import { Browser, propsFactory } from \"../../util\";\nimport {\n    effectScope,\n    EffectScope,\n    nextTick,\n    onScopeDispose,\n    PropType,\n    Ref,\n    watchEffect,\n} from \"vue\";\nimport {\n    blockScrollStrategy,\n    closeScrollStrategy,\n    repositionScrollStrategy,\n} from \"./scroll-strategy\";\n\nexport interface ScrollStrategyData {\n    containerEl: Ref<HTMLElement | undefined>;\n    contentEl: Ref<HTMLElement | undefined>;\n    activatorEl: Ref<HTMLElement | undefined>;\n    isActive: Ref<boolean>;\n    updatePosition: Ref<((e: Event) => void) | undefined>;\n}\n\ntype ScrollStrategyFn = (\n    data: ScrollStrategyData,\n    props: ScrollStrategyProps,\n    scope: EffectScope,\n) => void;\n\nconst scrollStrategies = {\n    none: null,\n    close: closeScrollStrategy,\n    block: blockScrollStrategy,\n    reposition: repositionScrollStrategy,\n};\n\nexport interface ScrollStrategyProps {\n    scrollStrategy?: keyof typeof scrollStrategies | ScrollStrategyFn;\n    contained?: boolean;\n}\n\n/**\n * # Make Scroll Strategy Props\n */\nexport const makeScrollStrategyProps = propsFactory(\n    {\n        scrollStrategy: {\n            type: [String, Function] as PropType<\n                ScrollStrategyProps[\"scrollStrategy\"]\n            >,\n            default: \"block\",\n            validator: (val: any) =>\n                typeof val === \"function\" || val in scrollStrategies,\n        },\n    },\n    \"EvOverlay/scroll\",\n);\n\n/**\n * # Use Scroll Strategies\n * @param props\n * @param data\n */\nexport function useScrollStrategies(\n    props: ScrollStrategyProps,\n    data: ScrollStrategyData,\n) {\n    if (!Browser.hasWindow) {\n        return;\n    }\n\n    let scope: EffectScope | undefined;\n    watchEffect(async () => {\n        scope?.stop();\n\n        if (!(data.isActive.value && props.scrollStrategy)) {\n            return;\n        }\n\n        scope = effectScope();\n        await nextTick();\n        scope.active &&\n            scope.run(() => {\n                if (typeof props.scrollStrategy === \"function\") {\n                    props.scrollStrategy(data, props, scope!);\n                } else {\n                    scrollStrategies[props.scrollStrategy]?.(\n                        data,\n                        props,\n                        scope!,\n                    );\n                }\n            });\n    });\n\n    onScopeDispose(() => {\n        scope?.stop();\n    });\n}\n"],"names":["closeScrollStrategy","blockScrollStrategy","repositionScrollStrategy","propsFactory","props","Browser","watchEffect","effectScope","nextTick","onScopeDispose"],"mappings":";;;;;;;;;AA8BA,MAAM,mBAAmB;AAAA,EACrB,MAAM;AAAA,EACN,OAAOA,YAAA;AAAA,EACP,OAAOC,YAAA;AAAA,EACP,YAAYC,iBAAAA;AAChB;AAUO,MAAM,0BAA0BC,MAAA;AAAA,EACnC;AAAA,IACI,gBAAgB;AAAA,MACZ,MAAM,CAAC,QAAQ,QAAQ;AAAA,MAGvB,SAAS;AAAA,MACT,WAAW,CAAC,QACR,OAAO,QAAQ,cAAc,OAAO;AAAA,IAAA;AAAA,EAEhD;AAAA,EACA;AACJ;AAOgB,SAAA,oBACZC,QACA,MACF;AACM,MAAA,CAACC,gBAAQ,WAAW;AACpB;AAAA,EAAA;AAGA,MAAA;AACJC,MAAAA,YAAY,YAAY;AACpB,mCAAO;AAEP,QAAI,EAAE,KAAK,SAAS,SAASF,OAAM,iBAAiB;AAChD;AAAA,IAAA;AAGJ,YAAQG,IAAAA,YAAY;AACpB,UAAMC,aAAS;AACT,UAAA,UACF,MAAM,IAAI,MAAM;;AACR,UAAA,OAAOJ,OAAM,mBAAmB,YAAY;AACtC,QAAAA,OAAA,eAAe,MAAMA,QAAO,KAAM;AAAA,MAAA,OACrC;AACH,+BAAiBA,OAAM,oBAAvB;AAAA;AAAA,UACI;AAAA,UACAA;AAAA,UACA;AAAA;AAAA,MACJ;AAAA,IACJ,CACH;AAAA,EAAA,CACR;AAEDK,MAAAA,eAAe,MAAM;AACjB,mCAAO;AAAA,EAAK,CACf;AACL;;;"}

package/dist/cjs/components/EvProgress/EvProgress.vue.cjs

@@ -0,0 +1,71 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                  */
+const numbers = require("../../util/numbers.cjs");
+const modifiers = require("../../util/modifiers.cjs");
+const _hoisted_1 = ["aria-valuenow"];
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "ev-progress--track" }, null, -1);
+const _hoisted_3 = {
+  key: 1,
+  class: "ev-progress--indeterminate"
+};
+const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("div", { class: "ev-progress--bar ev-progress--indeterminate--primary" }, null, -1);
+const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode("div", { class: "ev-progress--bar ev-progress--indeterminate--secondary" }, null, -1);
+const _hoisted_6 = [
+  _hoisted_4,
+  _hoisted_5
+];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvProgress",
+  props: {
+    appearance: { default: "default" },
+    indeterminate: { type: Boolean, default: false },
+    percentage: { default: 0 },
+    size: { default: "medium" }
+  },
+  setup(__props) {
+    const props = __props;
+    function getPercentageTranslation() {
+      const percent = 0 - (100 - props.percentage);
+      return `translateX(${percent}%)`;
+    }
+    function getSizeHeight() {
+      return !isSizeNumeric() ? void 0 : props.size + "px";
+    }
+    function isSizeNumeric() {
+      return numbers.isIntegerish(props.size);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        role: "progressbar",
+        "aria-valuemin": "0",
+        "aria-valuemax": "100",
+        "aria-valuenow": _ctx.percentage,
+        class: vue.normalizeClass(["ev-progress", [
+          {
+            "is-indeterminate": props.indeterminate
+          },
+          vue.unref(modifiers.appearanceModifier)(props.appearance, ["default"]),
+          vue.unref(modifiers.sizeModifier)(props.size, [vue.unref(numbers.IntegerishPattern)])
+        ]]),
+        style: vue.normalizeStyle({
+          height: getSizeHeight()
+        })
+      }, [
+        _hoisted_2,
+        !props.indeterminate ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: "ev-progress--bar",
+          style: vue.normalizeStyle({
+            transform: getPercentageTranslation()
+          })
+        }, null, 4)) : vue.createCommentVNode("", true),
+        props.indeterminate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, _hoisted_6)) : vue.createCommentVNode("", true)
+      ], 14, _hoisted_1);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvProgress.vue.cjs.map

package/dist/cjs/components/EvProgress/EvProgress.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvProgress.vue.cjs","sources":["../../../../src/components/EvProgress/EvProgress.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * # EvProgress\n */\nimport \"./EvProgress.scss\";\nimport {\n    appearanceModifier,\n    sizeModifier,\n    IntegerishPattern,\n    isIntegerish,\n    AppearanceProp,\n    InputSizeProp,\n} from \"@/util\";\n\ninterface ProgressProps {\n    appearance?: AppearanceProp;\n    indeterminate?: boolean;\n    percentage?: number;\n    size?: InputSizeProp | number;\n}\nconst props = withDefaults(defineProps<ProgressProps>(), {\n    appearance: \"default\",\n    indeterminate: false,\n    percentage: 0,\n    size: \"medium\",\n});\n\nfunction getPercentageTranslation() {\n    const percent = 0 - (100 - props.percentage);\n    return `translateX(${percent}%)`;\n}\n\n/**\n * ## Get Size Class\n */\nfunction getSizeHeight() {\n    return !isSizeNumeric() ? undefined : props.size + \"px\";\n}\n\nfunction isSizeNumeric(): boolean {\n    return isIntegerish(props.size);\n}\n</script>\n\n<template>\n    <div\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        :aria-valuenow=\"percentage\"\n        class=\"ev-progress\"\n        :class=\"[\n            {\n                'is-indeterminate': props.indeterminate,\n            },\n            appearanceModifier(props.appearance, ['default']),\n            sizeModifier(props.size, [IntegerishPattern]),\n        ]\"\n        :style=\"{\n            height: getSizeHeight(),\n        }\">\n        <div class=\"ev-progress--track\"></div>\n        <div\n            v-if=\"!props.indeterminate\"\n            class=\"ev-progress--bar\"\n            :style=\"{\n                transform: getPercentageTranslation(),\n            }\"></div>\n        <div v-if=\"props.indeterminate\" class=\"ev-progress--indeterminate\">\n            <div\n                class=\"ev-progress--bar ev-progress--indeterminate--primary\"></div>\n            <div\n                class=\"ev-progress--bar ev-progress--indeterminate--secondary\"></div>\n        </div>\n    </div>\n</template>\n"],"names":["isIntegerish"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,aAAS,2BAA2B;AAC1B,YAAA,UAAU,KAAK,MAAM,MAAM;AACjC,aAAO,cAAc,OAAO;AAAA,IAAA;AAMhC,aAAS,gBAAgB;AACrB,aAAO,CAAC,cAAkB,IAAA,SAAY,MAAM,OAAO;AAAA,IAAA;AAGvD,aAAS,gBAAyB;AACvB,aAAAA,QAAA,aAAa,MAAM,IAAI;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/EvProgress/EvProgress.vue2.cjs

@@ -0,0 +1,6 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const EvProgress_vue_vue_type_script_setup_true_lang = require("./EvProgress.vue.cjs");
+exports.default = EvProgress_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=EvProgress.vue2.cjs.map

package/dist/cjs/components/EvProgressCircular/EvProgressCircular.vue.cjs

@@ -0,0 +1,111 @@
+"use strict";
+/*! Evance UI v1.1.9 | MIT License */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                          */
+const modifiers = require("../../util/modifiers.cjs");
+const units = require("../../util/units.cjs");
+const _hoisted_1 = ["aria-valuenow"];
+const _hoisted_2 = ["r", "stroke-width", "stroke-dasharray"];
+const _hoisted_3 = ["r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"];
+const _hoisted_4 = { class: "ev-progress-circular--content" };
+const defaultSize = 48;
+const defaultRotation = -90;
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "EvProgressCircular",
+  props: {
+    appearance: { default: "default" },
+    indeterminate: { type: Boolean, default: false },
+    percentage: { default: 0 },
+    rotate: { default: 0 },
+    size: { default: "default" },
+    thickness: { default: 2 }
+  },
+  setup(__props) {
+    const props = __props;
+    const container = vue.ref(null);
+    const defaultRadius = defaultSize / 2;
+    function getSizeWithUnits() {
+      if (props.size === "default") {
+        return void 0;
+      }
+      return units.toWebUnit(props.size);
+    }
+    function getCircumference() {
+      return Math.PI * (getRadius() * 2);
+    }
+    function getContainerWidth() {
+      return !container.value ? defaultSize : container.value.clientWidth;
+    }
+    function getProgressOffset() {
+      return props.indeterminate ? 0 : getCircumference() * (1 - props.percentage / 100);
+    }
+    function getRadius() {
+      return defaultRadius - getThickness() / 2;
+    }
+    function getRotation() {
+      const rotation = defaultRotation + props.rotate;
+      return `rotate(${rotation}deg)`;
+    }
+    function getThickness() {
+      const maxThickness = defaultSize / 2;
+      const thickness = props.thickness / getContainerWidth() * defaultSize;
+      return thickness > maxThickness ? maxThickness : thickness;
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        ref_key: "container",
+        ref: container,
+        role: "progressbar",
+        "aria-valuemin": "0",
+        "aria-valuemax": "100",
+        "aria-valuenow": _ctx.percentage,
+        class: vue.normalizeClass(["ev-progress-circular", [
+          {
+            "is-indeterminate": props.indeterminate,
+            "is-size-default": props.size === "default"
+          },
+          vue.unref(modifiers.appearanceModifier)(props.appearance, ["default"])
+        ]]),
+        style: vue.normalizeStyle({
+          width: getSizeWithUnits(),
+          height: getSizeWithUnits()
+        })
+      }, [
+        (vue.openBlock(), vue.createElementBlock("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 48 48",
+          style: vue.normalizeStyle({
+            transform: getRotation()
+          })
+        }, [
+          vue.createElementVNode("circle", {
+            class: "ev-progress-circular--track",
+            fill: "transparent",
+            cx: "50%",
+            cy: "50%",
+            r: getRadius(),
+            "stroke-width": getThickness(),
+            "stroke-dasharray": getCircumference(),
+            "stroke-dashoffset": "0"
+          }, null, 8, _hoisted_2),
+          vue.createElementVNode("circle", {
+            class: "ev-progress-circular--bar",
+            fill: "transparent",
+            cx: "50%",
+            cy: "50%",
+            r: getRadius(),
+            "stroke-width": getThickness(),
+            "stroke-dasharray": getCircumference(),
+            "stroke-dashoffset": getProgressOffset()
+          }, null, 8, _hoisted_3)
+        ], 4)),
+        vue.createElementVNode("span", _hoisted_4, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ])
+      ], 14, _hoisted_1);
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=EvProgressCircular.vue.cjs.map