npm - @evance/evance-ui - Versions diffs - 1.1.37 → 1.1.38 - Mend

@evance/evance-ui 1.1.37 → 1.1.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1323) hide show

package/dist/esm/components/EvOverlay/position-strategy/connected-position.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"connected-position.mjs","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":["connectedPositionStrategy","data","props","contentStyles","pointerStyles","manager","ConnectedPosition","__publicField","ZoneCalculator","watch","newActivatorEl","newContentEl","oldActivatorEl","oldContentEl","_a","_b","_c","_d","onScopeDispose","preferredPosition","preferredOrigin","destructComputed","position","Anchor","origin","key","computed","value","offset","isNumber","el","isRtl","rect","Rect","scrollParents","getScrollParents","contentEl","viewportRect","currentRect","elRect","isDocEl","scrollRect","isFixedPosition","toFixedPosition","zones","placement","autoZone","zone","x","y","divider","toWebUnit","pixelRound","pixelCeil","clamp","pointerDimensions","pointerOffsetX","pointerOffsetY","rotation","positions","newPosition","dimension","nextTick","Zone","content","target","viewport","offsetSide","offsetAlign","sides","alignments","side","sideAttrs","align","alignAttrs","anchor","rectProps","zoneA","zoneB"],"mappings":"2wBAiCO,SAASA,EACZC,EACAC,EACAC,EACAC,EACF,CAQE,MAAMC,EAAU,IAAIC,EAChBL,EACAC,EACAC,EACAC,CACJ,EACO,MAAA,CACH,eAAgBC,EAAQ,eAAe,KAAKA,CAAO,CACvD,CACJ,CAEA,MAAMC,CAAkB,CAiBpB,YACWL,EACAC,EACAC,EACAC,EACT,CArBKG,EAAA,6BACAA,EAAA,oBACAA,EAAA,kBACAA,EAAA,iBACAA,EAAA,kBACAA,EAAA,iBACAA,EAAA,eAAmB,IACnBA,EAAA,iBACAA,EAAA,eACAA,EAAA,0BACAA,EAAA,wBACAA,EAAA,mBACAA,EAAA,qBACAA,EAAA,sBAAiB,IAChBA,EAAA,uBAGG,KAAA,KAAAN,EACA,KAAA,MAAAC,EACA,KAAA,cAAAC,EACA,KAAA,cAAAC,EAEP,KAAK,sBAAsB,EACtB,KAAA,SAAW,KAAK,oBAAoB,UAAU,EAC9C,KAAA,SAAW,KAAK,oBAAoB,UAAU,EAC9C,KAAA,UAAY,KAAK,oBAAoB,WAAW,EAChD,KAAA,UAAY,KAAK,oBAAoB,WAAW,EAChD,KAAA,OAAS,KAAK,eAAe,EAC7B,KAAA,eAAiB,IAAII,EAC1B,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACvB,KAAK,MAAM,CAAA,CAUP,mBAAoB,CACxB,KAAK,QAAU,GACV,KAAA,SAAW,IAAI,eAAe,IAAM,CACjC,KAAK,SACL,KAAK,eAAe,CACxB,CACH,EAEDC,EACI,CAAC,KAAK,KAAK,YAAa,KAAK,KAAK,SAAS,EAC3C,CACI,CAACC,EAAgBC,CAAY,EAC7B,CAACC,EAAgBC,CAAY,IAC5B,aACGD,KACKE,EAAA,KAAA,WAAA,MAAAA,EAAU,UAAUF,IAEzBF,KACKK,EAAA,KAAA,WAAA,MAAAA,EAAU,QAAQL,IAEvBG,KACKG,EAAA,KAAA,WAAA,MAAAA,EAAU,UAAUH,IAEzBF,KACKM,EAAA,KAAA,WAAA,MAAAA,EAAU,QAAQN,GAE/B,EACA,CACI,UAAW,EAAA,CAEnB,EAEAO,EAAe,IAAM,QACjBJ,EAAA,KAAK,WAAL,MAAAA,EAAe,YAAW,CAC7B,CAAA,CAOG,sBAAuB,CAC3B,KAAM,CAAE,kBAAAK,EAAmB,gBAAAC,CAAgB,EAAIC,EAAiB,IAAM,CAClE,MAAMC,EAAmBC,EAAO,aAC5B,KAAK,MAAM,SACX,KAAK,KAAK,MAAM,KACpB,EACI,IAAAC,EAaA,OAZA,KAAK,MAAM,SAAW,UACbA,EAAAF,EACF,KAAK,MAAM,SAAW,OAC7BE,EAASF,EAAS,SAAS,EAE3BE,EAASD,EAAO,aACZ,KAAK,MAAM,OACX,KAAK,KAAK,MAAM,KACpB,EAIAD,EAAS,OAASE,EAAO,MACzBF,EAAS,YAAcE,EAAO,cAAc,EAAE,UAEvC,CACH,kBAAmBF,EAAS,WAAW,EACvC,gBAAiBE,EAAO,WAAW,CACvC,EAEO,CACH,kBAAmBF,EACnB,gBAAiBE,CACrB,CACJ,CACH,EACD,KAAK,kBAAoBL,EACzB,KAAK,gBAAkBC,CAAA,CAQnB,oBAAoBK,EAAa,CACrC,OAAOC,EAAS,IAAM,CAClB,MAAMC,EAAQ,WACV,KAAK,MAAMF,CAAkC,CACjD,EACO,OAAA,MAAME,CAAK,EAAI,IAAWA,CAAA,CACpC,CAAA,CAYG,gBAAiB,CACrB,OAAOD,EAAS,IAAM,CAClB,GAAI,MAAM,QAAQ,KAAK,MAAM,MAAM,EAC/B,OAAO,KAAK,MAAM,OAEtB,GAAI,OAAO,KAAK,MAAM,QAAW,SAAU,CACjC,MAAAE,EAAS,KAAK,MAAM,OAAO,MAAM,GAAG,EAAE,IAAI,UAAU,EACtD,OAAAA,EAAO,OAAS,GAChBA,EAAO,KAAK,CAAC,EAEVA,CAAA,CAEX,OAAOC,EAAS,KAAK,MAAM,MAAM,EAC3B,CAAC,KAAK,MAAM,OAAQ,CAAC,EACrB,CAAC,EAAG,CAAC,CAAA,CACd,CAAA,CAQG,gBAAuB,CACrB,MAAAC,EAAK,KAAK,KAAK,UAAU,MACzBC,EAAQ,KAAK,KAAK,MAAM,MACxBC,EAAOC,EAAK,YAAYH,EAAI,EAAI,EACtC,OAAIC,EACAC,EAAK,GAAK,WAAYF,EAAG,MAAM,OAAS,CAAY,EAEpDE,EAAK,GAAK,WAAYF,EAAG,MAAM,MAAQ,CAAY,EAEvDE,EAAK,GAAK,WAAYF,EAAG,MAAM,KAAO,CAAY,EAC3CE,CAAA,CAOH,sBAAiE,CAC/D,MAAAF,EAAK,KAAK,KAAK,UAAU,MACxB,OAAAA,EAAK,CAAE,MAAOA,EAAG,YAAa,OAAQA,EAAG,cAAiB,IAAA,CAO7D,yBAAyC,CAC7C,MAAMI,EAAgBC,EAAiB,KAAK,KAAK,UAAU,KAAK,EAC1DC,EAAY,KAAK,KAAK,UAAU,MAClC,OAACF,EAAc,SACDA,EAAA,KAAK,SAAS,eAAe,EACrCE,EAAU,MAAM,KAAOA,EAAU,MAAM,OACzC,KAAK,YAAa,GAAK,WACnB,SAAS,gBAAgB,MAAM,iBAC3B,oBAAA,GACC,GACT,EACA,KAAK,YAAa,GAAK,WACnB,SAAS,gBAAgB,MAAM,iBAC3B,oBAAA,GACC,GACT,IAGDF,CAAA,CAWH,iBAAwB,CACtB,MAAAG,EAAe,KAAK,qBAAsB,OAC5C,CAACC,EAA+BR,IAAoB,CAC1C,MAAAS,EAASN,EAAK,YAAYH,CAAE,EAC5BU,EAAUV,IAAO,SAAS,gBAC1BW,EAAa,IAAIR,EACnBO,EAAU,EAAID,EAAO,EACrBC,EAAU,EAAID,EAAO,EACrBT,EAAG,YACHA,EAAG,YACP,EACA,OAAKQ,EAGE,IAAIL,EACP,KAAK,IAAIK,EAAY,KAAMG,EAAW,IAAI,EAC1C,KAAK,IAAIH,EAAY,IAAKG,EAAW,GAAG,EACxC,KAAK,IAAIH,EAAY,MAAOG,EAAW,KAAK,EACxC,KAAK,IAAIH,EAAY,KAAMG,EAAW,IAAI,EAC9C,KAAK,IAAIH,EAAY,OAAQG,EAAW,MAAM,EAC1C,KAAK,IAAIH,EAAY,IAAKG,EAAW,GAAG,CAChD,EATWA,CAUf,EACA,MACJ,EAEA,OAAAJ,EAAa,GAAK,KAAK,eACvBA,EAAa,GAAK,KAAK,eACVA,EAAA,OAAS,KAAK,eAAiB,EAC/BA,EAAA,QAAU,KAAK,eAAiB,EACtCA,CAAA,CAOH,uBAAwB,CACHK,EAAgB,KAAK,KAAK,YAAY,KAAK,GAEhEC,EAAgB,KAAK,cAAc,MAAO,KAAK,KAAK,MAAM,KAAK,CACnE,CAMG,gBAAiB,OAOhB,GANJ,KAAK,QAAU,GAEf,sBAAsB,IAAM,CACF,sBAAA,IAAO,KAAK,QAAU,EAAK,CAAA,CACpD,EAEG,CAAC,KAAK,KAAK,YAAY,OAAS,CAAC,KAAK,KAAK,UAAU,MACrD,OAGJ,KAAK,WAAaV,EAAK,YAAY,KAAK,KAAK,YAAY,KAAK,EACzD,KAAA,YAAc,KAAK,eAAe,EAClC,KAAA,qBAAuB,KAAK,wBAAwB,EACpD,KAAA,aAAe,KAAK,gBAAgB,EAEnC,MAAAW,EAAQ,KAAK,eAAe,aAC9B,KAAK,WACL,KAAK,aACL,KAAK,OAAO,MACZ,KAAK,WACT,EAEMC,EAAY,CACd,SAAU,KAAK,kBAAmB,MAClC,OAAQ,KAAK,gBAAiB,KAClC,EAGI,GAAAA,EAAU,SAAS,OAAS,OAAQ,CACpC,MAAMC,EAAW,KAAK,YAAYD,EAAU,SAAUD,CAAK,EAC3DC,EAAU,SAAWC,EAAS,SACpBD,EAAA,OAASA,EAAU,SAAS,SAAS,CAAA,CAKnD,MAAME,EACFF,EAAU,SAAS,OAAS,SACtB,KAAK,cAAcD,CAAK,EACxB,KAAK,YAAYC,EAAU,SAAUD,CAAK,EAGpDC,EAAU,SAAWE,EAAK,SAChBF,EAAA,OAASA,EAAU,SAAS,SAAS,EAC/C,KAAM,CAAE,EAAAG,EAAG,EAAAC,GAAM,KAAK,uBAAuBF,EAAMF,CAAS,EAC5D,YAAK,uBAAuBE,EAAMF,EAAWG,EAAGC,CAAC,EAC5C,KAAA,uBAAuBJ,EAAWG,EAAGC,CAAC,GAEtCnC,EAAA,KAAA,KAAK,UAAU,QAAf,MAAAA,EAAsB,aACvB,gBACA+B,EAAU,SAAS,SAAS,GAGzB,CACH,SAAUE,EAAK,KACf,YAAa,KAAK,WACtB,CAAA,CASI,uBACJA,EACAF,EACwB,CACxB,GAAI,CAAE,EAAAG,EAAG,EAAAC,CAAE,EAAIF,EAAK,KAEhB,GAAAF,EAAU,SAAS,OAAS,SACxBI,EAAAF,EAAK,KAAK,GAAKA,EAAK,KAAK,OAAS,KAAK,YAAY,QAAU,EAC7DC,EAAAD,EAAK,KAAK,GAAKA,EAAK,KAAK,MAAQ,KAAK,YAAY,OAAS,UAE3DF,EAAU,SAAS,OAAS,MAC5BI,EAAIF,EAAK,KAAK,OAAS,KAAK,YAAY,OACjCF,EAAU,SAAS,OAAS,SACnCG,EAAID,EAAK,KAAK,MAAQ,KAAK,YAAY,OAEvCF,EAAU,SAAS,YAAc,QAAS,CAC1C,MAAMK,EACFL,EAAU,SAAS,YAAc,SAAW,EAAI,EAChDA,EAAU,SAAS,OAAS,IAExBI,EAAA,KAAK,WAAW,GACf,KAAK,WAAW,OAAS,KAAK,YAAY,QAC3CC,EAGAF,EAAA,KAAK,WAAW,GACf,KAAK,WAAW,MAAQ,KAAK,YAAY,OAC1CE,CACR,CAKJ,OAAAD,EAAI,KAAK,aAAa,IACtBA,EAAI,KAAK,aAAa,GAEtBD,EAAI,KAAK,aAAa,IACtBA,EAAI,KAAK,aAAa,GAGnB,CAAE,EAAAA,EAAG,EAAAC,CAAE,CAAA,CAWV,uBACJF,EACAF,EACAG,EACAC,EACF,CACS,OAAA,OAAO,KAAK,cAAc,MAAO,CACpC,wBAAyBJ,EAAU,SAAS,WAAW,EACvD,gBAAiBA,EAAU,OAAO,WAAW,EAC7C,IAAKM,EAAUC,EAAWH,CAAC,CAAC,EAC5B,KAAME,EAAUC,EAAWJ,CAAC,CAAC,EAC7B,SAAUG,EACNN,EAAU,SAAS,OAAS,IACtB,KAAK,IAAI,KAAK,SAAS,MAAO,KAAK,WAAW,KAAK,EACnD,KAAK,SAAS,KACxB,EACA,SAAUM,EACNE,EACIC,EACIP,EAAK,KAAK,MACV,KAAK,SAAS,QAAU,IAClB,EACA,KAAK,SAAS,MACpB,KAAK,SAAS,KAAA,CAClB,CAER,EACA,UAAWI,EACPE,EACIC,EACIP,EAAK,KAAK,OACV,KAAK,UAAU,QAAU,IACnB,EACA,KAAK,UAAU,MACrB,KAAK,UAAU,KAAA,CACnB,CACJ,CACJ,CACH,CAAA,CAUG,uBACJF,EACAG,EACAC,EACF,CACQ,MAAAM,EAAoB,KAAK,qBAAqB,EAEhD,GAAA,CAACA,GACAV,EAAU,SAAS,OAAS,UAAYA,EAAU,SAAS,YAAc,SAC5E,CACS,OAAA,OAAO,KAAK,cAAc,MAAO,CACpC,KAAM,KACN,IAAK,IAAA,CACR,EACD,MAAA,CAGJ,IAAIW,EAAyC,KACzCC,EAAyC,KACzCC,EAAW,EAEXb,EAAU,SAAS,OAAS,KACxBG,EAAI,KAAK,WAAW,EACHQ,EAAA,EAAID,EAAkB,MAAQ,EAE/CC,EAAiB,KAAK,WAAW,EAAIR,EAAIO,EAAkB,MAAQ,EAGnEC,GAAA,KAAK,IAAI,KAAK,WAAW,MAAO,KAAK,YAAY,KAAK,EAAI,EAC9DC,EACIZ,EAAU,SAAS,OAAS,SACtB,EAAIU,EAAkB,OACtB,OACVG,EAAWb,EAAU,SAAS,OAAS,SAAW,IAAM,IAIpDI,EAAI,KAAK,WAAW,EACHQ,EAAA,EAAIF,EAAkB,MAAQ,EAE/CE,EAAiB,KAAK,WAAW,EAAIR,EAAIM,EAAkB,MAAQ,EAErDE,GAAA,KAAK,IAAI,KAAK,WAAW,OAAQ,KAAK,YAAY,MAAM,EAAI,EAC9ED,EACIX,EAAU,SAAS,OAAS,QACtB,EAAIU,EAAkB,OACtB,OACVG,EAAWb,EAAU,SAAS,OAAS,QAAU,GAAK,KAGnD,OAAA,OAAO,KAAK,cAAc,MAAO,CACpC,KAAM,OAAOW,GAAmB,SAC1BA,EACAL,EAAUC,EAAWI,CAAc,CAAC,EAC1C,IAAK,OAAOC,GAAmB,SACzBA,EACAN,EAAUC,EAAWK,CAAc,CAAC,EAC1C,UAAW,UAAUC,CAAQ,MAAA,CAChC,CAAA,CAGG,YAAYpC,EAAkBsB,EAAqB,CAWvD,OAVgBA,EAAM,OAAQG,GAEtBA,EAAK,SAAS,OAAS,SAChB,GAGPzB,EAAS,YAAc,QACvByB,EAAK,SAAS,YAAczB,EAAS,SAE5C,EACc,CAAC,CAAA,CAUZ,YAAYA,EAAkBsB,EAAqB,CAEvD,MAAMe,EAAY,CACdrC,EACAA,EAAS,YAAY,EACrBA,EAAS,SAAS,EAClBA,EAAS,SAAS,EAAE,YAAY,EAChCA,EAAS,WAAW,EACpBA,EAAS,WAAW,EAAE,YAAY,EAClCA,EAAS,WAAW,EAAE,SAAS,EAC/BA,EAAS,WAAA,EAAa,SAAA,EAAW,YAAY,CACjD,EAGA,UAAWsC,KAAeD,EAAW,CAEjC,MAAMZ,EAAOH,EAAM,KAAMG,GACdA,EAAK,SAAS,SAAS,IAAMa,EAAY,SAAS,CAC5D,EACD,GAAIb,GAAA,MAAAA,EAAM,cACC,OAAAA,CACX,CAIJ,UAAWa,KAAeD,EAAW,CACjC,MAAMZ,EAAOH,EAAM,KAAMG,GACdA,EAAK,SAAS,SAAS,IAAMa,EAAY,SAAS,CAC5D,EACD,GAAI,CAACb,EACD,SAEJ,MAAMc,EAAYD,EAAY,OAAS,IAAM,QAAU,SACvD,GAAIb,EAAK,UAAUc,CAAS,GAAK,EACtB,OAAAd,CACX,CAIG,OAAA,KAAK,YAAYzB,EAAUsB,CAAK,CAAA,CASnC,cAAcA,EAAqB,CAChC,OAAAA,EAAM,KAAMG,GAEXA,EAAK,SAAS,OAAS,UACvBA,EAAK,SAAS,YAAc,QAEnC,CAAA,CAUG,OAAQ,CACZtC,EACI,IAAM,SAAA,QACFK,EAAA,KAAK,oBAAL,YAAAA,EAAwB,OACxBC,EAAA,KAAK,kBAAL,YAAAA,EAAsB,MACtB,KAAK,MAAM,OACX,KAAK,MAAM,SACX,KAAK,MAAM,UACX,KAAK,MAAM,SACX,KAAK,MAAM,SACf,GACA,IAAM,KAAK,eAAe,CAC9B,EAEA+C,EAAS,IAAM,CACI,KAAK,eAAe,CAGnC,CAEH,CAAA,CAET,CAEA,MAAMC,CAAK,CAIP,YACWzC,EACAU,EACAgC,EACT,CAPKzD,EAAA,kBACAA,EAAA,sBAGI,KAAA,SAAAe,EACA,KAAA,KAAAU,EACA,KAAA,QAAAgC,EAEP,KAAK,UAAY,CACb,MAAO,KAAK,KAAK,MAAQA,EAAQ,MACjC,OAAQ,KAAK,KAAK,OAASA,EAAQ,MACvC,EACK,KAAA,cACD,KAAK,KAAK,OAASA,EAAQ,OAC3B,KAAK,KAAK,QAAUA,EAAQ,MAAA,CAGpC,IAAI,eAAgB,CAChB,OAAO,KAAK,UAAU,MAAQ,KAAK,UAAU,MAAA,CAErD,CAEA,MAAMxD,CAAe,CAWV,aACHyD,EACAC,EACAtC,EACAoC,EACM,CACA,KAAA,CAACG,EAAYC,CAAW,EAAIxC,EAG5ByC,EAAmB,CACrB,IAAK,CACD,EAAGH,EAAS,IACZ,OAAQD,EAAO,IAAMC,EAAS,IAAMC,EACpC,MAAO,GACX,EACA,OAAQ,CACJ,EAAGF,EAAO,OAASE,EACnB,OAAQD,EAAS,OAASD,EAAO,OAASE,EAC1C,MAAO,GACX,EACA,KAAM,CACF,EAAGD,EAAS,KACZ,MAAOD,EAAO,KAAOC,EAAS,KAAOC,EACrC,MAAO,GACX,EACA,MAAO,CACH,EAAGF,EAAO,MAAQE,EAClB,MAAOD,EAAS,MAAQD,EAAO,MAAQE,EACvC,MAAO,GACX,EACA,OAAQ,CAAE,EAAGD,EAAS,KAAM,MAAOA,EAAS,MAAO,MAAO,GAAI,CAClE,EAGMI,EAA6B,CAC/B,EAAG,CACC,OAAQ,CAAE,EAAGJ,EAAS,KAAM,MAAOA,EAAS,KAAM,EAClD,MAAO,CACH,EAAGD,EAAO,KAAOG,EACjB,MAAOF,EAAS,MAAQD,EAAO,KAAOG,CAC1C,EACA,IAAK,CACD,EAAGF,EAAS,KACZ,MAAOD,EAAO,MAAQC,EAAS,KAAOE,CAAA,CAE9C,EACA,EAAG,CACC,OAAQ,CAAE,EAAGF,EAAS,IAAK,OAAQA,EAAS,MAAO,EACnD,MAAO,CACH,EAAGD,EAAO,IAAMG,EAChB,OAAQF,EAAS,OAASD,EAAO,IAAMG,CAC3C,EACA,IAAK,CACD,EAAGF,EAAS,IACZ,OAAQD,EAAO,OAASC,EAAS,IAAME,CAAA,CAC3C,CAER,EAEMxB,EAAgB,CAAC,EACvB,SAAW,CAAC2B,EAAMC,CAAS,IAAK,OAAO,QAAQH,CAAK,EAChD,SAAW,CAACI,EAAOC,CAAU,IAAK,OAAO,QACrCJ,EAAWE,EAAU,KAAK,CAAA,EAC3B,CACC,MAAMG,EAAS,IAAIpD,EACfgD,EACAE,CACJ,EACMG,EAAuB,OAAO,OAChC,CACI,MAAO,EACP,OAAQ,EACR,EAAG,EACH,EAAG,CACP,EACAJ,EACAE,CACJ,EACM1C,EAAOC,EAAK,SAAS2C,CAAS,EACpChC,EAAM,KAAK,IAAImB,EAAKY,EAAQ3C,EAAMgC,CAAO,CAAC,CAAA,CAK5C,OAAApB,EAAA,KAAK,CAACiC,EAAOC,IACRA,EAAM,cAAgBD,EAAM,aACtC,EACMjC,CAAA,CAEf"}
1	+ {"version":3,"file":"connected-position.mjs","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 isDeepEqual,\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.resolveFixedTarget();\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.target,\r\n (newTarget, oldTarget) => {\r\n if (oldTarget && !Array.isArray(oldTarget)) {\r\n this.observer?.unobserve(oldTarget);\r\n }\r\n if (!Array.isArray(newTarget)) {\r\n if (newTarget) {\r\n this.observer?.observe(newTarget);\r\n }\r\n } else if (!isDeepEqual(newTarget, oldTarget)) {\r\n this.updatePosition();\r\n }\r\n },\r\n { immediate: true },\r\n );\r\n\r\n watch(\r\n this.data.contentEl,\r\n (newContentEl, oldContentEl) => {\r\n if (oldContentEl) this.observer.unobserve(oldContentEl);\r\n if (newContentEl) this.observer.observe(newContentEl);\r\n },\r\n { immediate: true },\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 Target\r\n * @private\r\n /\r\n private resolveFixedTarget() {\r\n const isTargetFixed =\r\n Array.isArray(this.data.target.value) \|\|\r\n isFixedPosition(this.data.target.value);\r\n if (isTargetFixed) {\r\n toFixedPosition(this.contentStyles.value, this.data.isRtl.value);\r\n }\r\n }\r\n\r\n /\r\n ## Get Target Rect\r\n * @param target\r\n /\r\n public getTargetRect(target: HTMLElement \| [x: number, y: number]) {\r\n if (Array.isArray(target)) {\r\n const pageScale = document.body.currentCSSZoom ?? 1;\r\n const factor = 1 + (1 - pageScale) / pageScale;\r\n return new Rect(target[0] factor, target[1] * factor, 0, 0);\r\n }\r\n return Rect.fromElement(target);\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.target.value \|\| !this.data.contentEl.value) {\r\n return;\r\n }\r\n\r\n if (\r\n Array.isArray(this.data.target.value) \|\|\r\n this.data.target.value.offsetParent \|\|\r\n this.data.target.value.getClientRects().length\r\n ) {\r\n this.targetRect = this.getTargetRect(this.data.target.value);\r\n } else {\r\n this.targetRect = new Rect(0, 0, 0, 0);\r\n }\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\" &&\r\n 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 =\r\n 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 =\r\n this.targetRect.y - y - pointerDimensions.width / 2;\r\n }\r\n pointerOffsetY +=\r\n 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:\r\n typeof pointerOffsetX === \"string\"\r\n ? pointerOffsetX\r\n : toWebUnit(pixelRound(pointerOffsetX)),\r\n top:\r\n 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":["connectedPositionStrategy","data","props","contentStyles","pointerStyles","manager","ConnectedPosition","__publicField","ZoneCalculator","watch","newTarget","oldTarget","_a","isDeepEqual","_b","newContentEl","oldContentEl","onScopeDispose","preferredPosition","preferredOrigin","destructComputed","position","Anchor","origin","key","computed","value","offset","isNumber","el","isRtl","rect","Rect","scrollParents","getScrollParents","contentEl","viewportRect","currentRect","elRect","isDocEl","scrollRect","isFixedPosition","toFixedPosition","target","pageScale","factor","zones","placement","autoZone","zone","x","y","divider","toWebUnit","pixelRound","pixelCeil","clamp","pointerDimensions","pointerOffsetX","pointerOffsetY","rotation","positions","newPosition","dimension","nextTick","Zone","content","viewport","offsetSide","offsetAlign","sides","alignments","side","sideAttrs","align","alignAttrs","anchor","rectProps","zoneA","zoneB"],"mappings":"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"}

package/dist/esm/components/EvOverlay/position-strategy/static-position.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-/*! Evance UI v1.1.37 | MIT License */function a(t,o,n){}export{a as staticPositionStrategy};
+/*! Evance UI v1.1.38 | MIT License */function a(t,o,n){}export{a as staticPositionStrategy};
 //# sourceMappingURL=static-position.mjs.map

package/dist/esm/components/EvOverlay/position.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{ref as n,onScopeDispose as u,watch as f}from"vue";import{useToggleScope as g}from"../../composables/toggleScope.mjs";import{connectedPositionStrategy as y}from"./position-strategy/connected-position.mjs";import{staticPositionStrategy as m}from"./position-strategy/static-position.mjs";import{propsFactory as l}from"../../util/props.mjs";import{Browser as v}from"../../util/browser.mjs";import{isFunction as d}from"../../util/is-functions.mjs";/*! Evance UI v1.1.37 | MIT License */const S={static:m,connected:y},L=l({positionStrategy:{type:[String,Function],default:"connected",validator:t=>typeof t=="function"||t in S},position:{type:String,default:"auto"},origin:{type:String,default:"auto"},offset:[Number,String,Array]},"EvOverlay/position");function b(t,r){const s=n({}),a=n({}),o=n();function c(i){var e;(e=o.value)==null||e.call(o,i)}return v.hasWindow&&(g(()=>!!(r.isActive.value&&t.positionStrategy),i=>{var p;f(()=>t.positionStrategy,i),u(()=>{o.value=void 0});let e;d(t.positionStrategy)?e=t.positionStrategy:e=S[t.positionStrategy],o.value=(p=e(r,t,s,a))==null?void 0:p.updatePosition}),window.addEventListener("resize",c,{passive:!0}),u(()=>{window.removeEventListener("resize",c),o.value=void 0})),{contentStyles:s,updatePosition:o,pointerStyles:a}}export{L as makePositionStrategyProps,b as usePositionStrategies};
+import{ref as n,onScopeDispose as u,watch as f}from"vue";import{useToggleScope as g}from"../../composables/toggleScope.mjs";import{connectedPositionStrategy as y}from"./position-strategy/connected-position.mjs";import{staticPositionStrategy as m}from"./position-strategy/static-position.mjs";import{propsFactory as l}from"../../util/props.mjs";import{Browser as v}from"../../util/browser.mjs";import{isFunction as d}from"../../util/is-functions.mjs";/*! Evance UI v1.1.38 | MIT License */const S={static:m,connected:y},L=l({positionStrategy:{type:[String,Function],default:"connected",validator:t=>typeof t=="function"||t in S},position:{type:String,default:"auto"},origin:{type:String,default:"auto"},offset:[Number,String,Array]},"EvOverlay/position");function b(t,r){const s=n({}),a=n({}),o=n();function c(i){var e;(e=o.value)==null||e.call(o,i)}return v.hasWindow&&(g(()=>!!(r.isActive.value&&t.positionStrategy),i=>{var p;f(()=>t.positionStrategy,i),u(()=>{o.value=void 0});let e;d(t.positionStrategy)?e=t.positionStrategy:e=S[t.positionStrategy],o.value=(p=e(r,t,s,a))==null?void 0:p.updatePosition}),window.addEventListener("resize",c,{passive:!0}),u(()=>{window.removeEventListener("resize",c),o.value=void 0})),{contentStyles:s,updatePosition:o,pointerStyles:a}}export{L as makePositionStrategyProps,b as usePositionStrategies};
 //# sourceMappingURL=position.mjs.map

package/dist/esm/components/EvOverlay/position.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"position.mjs","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\";\nimport { DisplayRuleProp } from \"@/composables/display\";\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?: DisplayRuleProp;\n maxWidth?: DisplayRuleProp;\n minHeight?: DisplayRuleProp;\n minWidth?: DisplayRuleProp;\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":["positionStrategies","staticPositionStrategy","connectedPositionStrategy","makePositionStrategyProps","propsFactory","value","usePositionStrategies","props","data","contentStyles","ref","pointerStyles","updatePosition","onResize","e","_a","Browser","useToggleScope","reset","watch","onScopeDispose","positionStrategyFn","isFunction"],"mappings":"weAwBA,MAAMA,EAAqB,CACvB,OAAQC,EACR,UAAWC,CACf,EAgBaC,EAA4BC,EACrC,CACI,iBAAkB,CACd,KAAM,CAAC,OAAQ,QAAQ,EAGvB,QAAS,YACT,UAAYC,GACR,OAAOA,GAAU,YAAcA,KAASL,CAChD,EACA,SAAU,CACN,KAAM,OACN,QAAS,MACb,EACA,OAAQ,CACJ,KAAM,OACN,QAAS,MACb,EACA,OAAQ,CAAC,OAAQ,OAAQ,KAAK,CAGlC,EACA,oBACJ,EAKgB,SAAAM,EACZC,EACAC,EACF,CACQ,MAAAC,EAAgBC,EAAI,EAAE,EACtBC,EAAgBD,EAAI,EAAE,EACtBE,EAAiBF,EAAwB,EAO/C,SAASG,EAASC,EAAU,QACxBC,EAAAH,EAAe,QAAf,MAAAG,EAAA,KAAAH,EAAuBE,EAAC,CAG5B,OAAIE,EAAQ,YACRC,EACI,IACW,CAAC,EAAET,EAAK,SAAS,OAASD,EAAM,kBAE1CW,GAAU,OACDC,EAAA,IAAMZ,EAAM,iBAAkBW,CAAK,EACzCE,EAAe,IAAM,CACjBR,EAAe,MAAQ,MAAA,CAC1B,EACG,IAAAS,EACAC,EAAWf,EAAM,gBAAgB,EACjCc,EAAqBd,EAAM,iBAENc,EAAArB,EACjBO,EAAM,gBACV,EAEJK,EAAe,OAAQG,EAAAM,EACnBb,EACAD,EACAE,EACAE,CAAA,IAJmB,YAAAI,EAKpB,cAAA,CAEX,EAEA,OAAO,iBAAiB,SAAUF,EAAU,CAAE,QAAS,GAAM,EAE7DO,EAAe,IAAM,CACV,OAAA,oBAAoB,SAAUP,CAAQ,EAC7CD,EAAe,MAAQ,MAAA,CAC1B,GAGE,CACH,cAAAH,EACA,eAAAG,EACA,cAAAD,CACJ,CACJ"}
1	+ {"version":3,"file":"position.mjs","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\";\nimport { DisplayRuleProp } from \"@/composables/display\";\n\nexport interface PositionStrategyData {\n contentEl: Ref<HTMLElement \| undefined>;\n target: Ref<HTMLElement \| [x: number, y: number] \| 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?: DisplayRuleProp;\n maxWidth?: DisplayRuleProp;\n minHeight?: DisplayRuleProp;\n minWidth?: DisplayRuleProp;\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":["positionStrategies","staticPositionStrategy","connectedPositionStrategy","makePositionStrategyProps","propsFactory","value","usePositionStrategies","props","data","contentStyles","ref","pointerStyles","updatePosition","onResize","e","_a","Browser","useToggleScope","reset","watch","onScopeDispose","positionStrategyFn","isFunction"],"mappings":"weAwBA,MAAMA,EAAqB,CACvB,OAAQC,EACR,UAAWC,CACf,EAgBaC,EAA4BC,EACrC,CACI,iBAAkB,CACd,KAAM,CAAC,OAAQ,QAAQ,EAGvB,QAAS,YACT,UAAYC,GACR,OAAOA,GAAU,YAAcA,KAASL,CAChD,EACA,SAAU,CACN,KAAM,OACN,QAAS,MACb,EACA,OAAQ,CACJ,KAAM,OACN,QAAS,MACb,EACA,OAAQ,CAAC,OAAQ,OAAQ,KAAK,CAGlC,EACA,oBACJ,EAKgB,SAAAM,EACZC,EACAC,EACF,CACQ,MAAAC,EAAgBC,EAAI,EAAE,EACtBC,EAAgBD,EAAI,EAAE,EACtBE,EAAiBF,EAAwB,EAO/C,SAASG,EAASC,EAAU,QACxBC,EAAAH,EAAe,QAAf,MAAAG,EAAA,KAAAH,EAAuBE,EAAC,CAG5B,OAAIE,EAAQ,YACRC,EACI,IACW,CAAC,EAAET,EAAK,SAAS,OAASD,EAAM,kBAE1CW,GAAU,OACDC,EAAA,IAAMZ,EAAM,iBAAkBW,CAAK,EACzCE,EAAe,IAAM,CACjBR,EAAe,MAAQ,MAAA,CAC1B,EACG,IAAAS,EACAC,EAAWf,EAAM,gBAAgB,EACjCc,EAAqBd,EAAM,iBAENc,EAAArB,EACjBO,EAAM,gBACV,EAEJK,EAAe,OAAQG,EAAAM,EACnBb,EACAD,EACAE,EACAE,CAAA,IAJmB,YAAAI,EAKpB,cAAA,CAEX,EAEA,OAAO,iBAAiB,SAAUF,EAAU,CAAE,QAAS,GAAM,EAE7DO,EAAe,IAAM,CACV,OAAA,oBAAoB,SAAUP,CAAQ,EAC7CD,EAAe,MAAQ,MAAA,CAC1B,GAGE,CACH,cAAAH,EACA,eAAAG,EACA,cAAAD,CACJ,CACJ"}

package/dist/esm/components/EvOverlay/scroll-strategy/block-scroll.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{onScopeDispose as m}from"vue";import{getScrollParents as i,hasScrollbar as b}from"../../../util/scroll.mjs";import{toWebUnit as r}from"../../../util/units.mjs";/*! Evance UI v1.1.37 | MIT License */function L(l,s){var a,y;const t=(a=l.containerEl.value)==null?void 0:a.offsetParent,c=[...new Set([...i(l.activatorEl.value,s.contained?t:void 0),...i(l.contentEl.value,s.contained?t:void 0)])].filter(o=>!o.classList.contains("ev-overlay-scroll-blocked")),v=window.innerWidth-document.documentElement.offsetWidth,n=(o=>b(o)&&o)(t||document.documentElement);n&&((y=l.containerEl.value)==null||y.classList.add("ev-overlay--scroll-blocked")),c.forEach((o,e)=>{o.style.setProperty("--ev-body-scroll-x",r(-o.scrollLeft)??null),o.style.setProperty("--ev-body-scroll-y",r(-o.scrollTop)??null),o!==document.documentElement&&o.style.setProperty("--ev-scrollbar-offset",r(v)??null),o.classList.add("ev-overlay-scroll-blocked")}),m(()=>{var o;c.forEach((e,u)=>{const d=parseFloat(e.style.getPropertyValue("--ev-body-scroll-x")),f=parseFloat(e.style.getPropertyValue("--ev-body-scroll-y"));e.style.removeProperty("--ev-body-scroll-x"),e.style.removeProperty("--ev-body-scroll-y"),e.style.removeProperty("--ev-scrollbar-offset"),e.classList.remove("ev-overlay-scroll-blocked"),e.scrollLeft=-d,e.scrollTop=-f}),n&&((o=l.containerEl.value)==null||o.classList.remove("ev-overlay--scroll-blocked"))})}export{L as blockScrollStrategy};
+import{getTargetEl as b}from"../scroll.mjs";import{onScopeDispose as u}from"vue";import{getScrollParents as i,hasScrollbar as p}from"../../../util/scroll.mjs";import{toWebUnit as r}from"../../../util/units.mjs";/*! Evance UI v1.1.38 | MIT License */function k(l,s){var a,y;const t=(a=l.containerEl.value)==null?void 0:a.offsetParent,v=b(l.target.value,l.contentEl.value),c=[...new Set([...i(v,s.contained?t:void 0),...i(l.contentEl.value,s.contained?t:void 0)])].filter(o=>!o.classList.contains("ev-overlay-scroll-blocked")),d=window.innerWidth-document.documentElement.offsetWidth,n=(o=>p(o)&&o)(t||document.documentElement);n&&((y=l.containerEl.value)==null||y.classList.add("ev-overlay--scroll-blocked")),c.forEach((o,e)=>{o.style.setProperty("--ev-body-scroll-x",r(-o.scrollLeft)??null),o.style.setProperty("--ev-body-scroll-y",r(-o.scrollTop)??null),o!==document.documentElement&&o.style.setProperty("--ev-scrollbar-offset",r(d)??null),o.classList.add("ev-overlay-scroll-blocked")}),u(()=>{var o;c.forEach((e,E)=>{const f=parseFloat(e.style.getPropertyValue("--ev-body-scroll-x")),m=parseFloat(e.style.getPropertyValue("--ev-body-scroll-y"));e.style.removeProperty("--ev-body-scroll-x"),e.style.removeProperty("--ev-body-scroll-y"),e.style.removeProperty("--ev-scrollbar-offset"),e.classList.remove("ev-overlay-scroll-blocked"),e.scrollLeft=-f,e.scrollTop=-m}),n&&((o=l.containerEl.value)==null||o.classList.remove("ev-overlay--scroll-blocked"))})}export{k as blockScrollStrategy};
 //# sourceMappingURL=block-scroll.mjs.map

package/dist/esm/components/EvOverlay/scroll-strategy/block-scroll.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"block-scroll.mjs","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":["blockScrollStrategy","data","props","offsetParent","_a","scrollElements","getScrollParents","el","scrollbarWidth","scrollableParent","hasScrollbar","_b","i","toWebUnit","onScopeDispose","x","y"],"mappings":"~~6MASgB~~,SAAAA,EACZC,EACAC,EACF,SACQ,MAAAC,GAAeC,EAAAH,EAAK,YAAY,QAAjB,YAAAG,EAAwB,aACvCC,EAAiB,CACnB,OAAO,IAAI,CACP,GAAGC,~~EACCL~~,~~EAAK~~,~~YAAY,MACjBC,~~EAAM,UAAYC,EAAe,MACrC,EACA,~~GAAGG~~,~~EACCL~~,EAAK,UAAU,MACfC,EAAM,UAAYC,EAAe,MAAA,CAExC,CAAA,CAAA,EACH,~~OAAQI~~,GAAO,CAACA,EAAG,UAAU,SAAS,2BAA2B,CAAC,EAC9DC,EACF,OAAO,WAAa,SAAS,gBAAgB,YAC3CC,GAAqBF,GAAOG,EAAaH,CAAE,GAAKA,~~GAClDJ~~,GAAgB,SAAS,eAC7B,~~EACIM~~,KACAE,~~EAAAV~~,EAAK,YAAY,QAAjB,~~MAAAU~~,EAAwB,UAAU,IAAI,+BAG3BN,EAAA,QAAQ,CAACE,EAAIK,IAAM,CAC9BL,EAAG,MAAM,YACL,qBACAM,EAAU,CAACN,EAAG,UAAU,GAAK,IACjC,EACAA,EAAG,MAAM,YACL,qBACAM,EAAU,CAACN,EAAG,SAAS,GAAK,IAChC,EACIA,IAAO,SAAS,iBAChBA,EAAG,MAAM,YACL,wBACAM,EAAUL,CAAc,GAAK,IACjC,EAEDD,EAAA,UAAU,IAAI,2BAA2B,CAAA,CAC/C,EAEDO,EAAe,IAAM,OACFT,EAAA,QAAQ,CAACE,EAAIK,IAAM,CAC9B,MAAMG,EAAI,WACNR,EAAG,MAAM,iBAAiB,oBAAoB,CAClD,EACMS,EAAI,WACNT,EAAG,MAAM,iBAAiB,oBAAoB,CAClD,EAEGA,EAAA,MAAM,eAAe,oBAAoB,EACzCA,EAAA,MAAM,eAAe,oBAAoB,EACzCA,EAAA,MAAM,eAAe,uBAAuB,EAC5CA,EAAA,UAAU,OAAO,2BAA2B,EAC/CA,EAAG,WAAa,CAACQ,EACjBR,EAAG,UAAY,CAACS,CAAA,CACnB,EACGP,~~KACKL~~,EAAAH,EAAA,YAAY,QAAZ,MAAAG,EAAmB,UAAU,OAC9B,8BAER,CACH,CACL"}
1	+ {"version":3,"file":"block-scroll.mjs","sources":["../../../../../src/components/EvOverlay/scroll-strategy/block-scroll.ts"],"sourcesContent":["import {\n getTargetEl,\n ScrollStrategyData,\n ScrollStrategyProps,\n} 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 target = getTargetEl(data.target.value, data.contentEl.value);\n const scrollElements = [\n ...new Set([\n ...getScrollParents(\n target,\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":["blockScrollStrategy","data","props","offsetParent","_a","target","getTargetEl","scrollElements","getScrollParents","el","scrollbarWidth","scrollableParent","hasScrollbar","_b","i","toWebUnit","onScopeDispose","x","y"],"mappings":"yPAagB,SAAAA,EACZC,EACAC,EACF,SACQ,MAAAC,GAAeC,EAAAH,EAAK,YAAY,QAAjB,YAAAG,EAAwB,aACvCC,EAASC,EAAYL,EAAK,OAAO,MAAOA,EAAK,UAAU,KAAK,EAC5DM,EAAiB,CACnB,OAAO,IAAI,CACP,GAAGC,EACCH,EACAH,EAAM,UAAYC,EAAe,MACrC,EACA,GAAGK,EACCP,EAAK,UAAU,MACfC,EAAM,UAAYC,EAAe,MAAA,CAExC,CAAA,CAAA,EACH,OAAQM,GAAO,CAACA,EAAG,UAAU,SAAS,2BAA2B,CAAC,EAC9DC,EACF,OAAO,WAAa,SAAS,gBAAgB,YAC3CC,GAAqBF,GAAOG,EAAaH,CAAE,GAAKA,GAClDN,GAAgB,SAAS,eAC7B,EACIQ,KACAE,EAAAZ,EAAK,YAAY,QAAjB,MAAAY,EAAwB,UAAU,IAAI,+BAG3BN,EAAA,QAAQ,CAACE,EAAIK,IAAM,CAC9BL,EAAG,MAAM,YACL,qBACAM,EAAU,CAACN,EAAG,UAAU,GAAK,IACjC,EACAA,EAAG,MAAM,YACL,qBACAM,EAAU,CAACN,EAAG,SAAS,GAAK,IAChC,EACIA,IAAO,SAAS,iBAChBA,EAAG,MAAM,YACL,wBACAM,EAAUL,CAAc,GAAK,IACjC,EAEDD,EAAA,UAAU,IAAI,2BAA2B,CAAA,CAC/C,EAEDO,EAAe,IAAM,OACFT,EAAA,QAAQ,CAACE,EAAIK,IAAM,CAC9B,MAAMG,EAAI,WACNR,EAAG,MAAM,iBAAiB,oBAAoB,CAClD,EACMS,EAAI,WACNT,EAAG,MAAM,iBAAiB,oBAAoB,CAClD,EAEGA,EAAA,MAAM,eAAe,oBAAoB,EACzCA,EAAA,MAAM,eAAe,oBAAoB,EACzCA,EAAA,MAAM,eAAe,uBAAuB,EAC5CA,EAAA,UAAU,OAAO,2BAA2B,EAC/CA,EAAG,WAAa,CAACQ,EACjBR,EAAG,UAAY,CAACS,CAAA,CACnB,EACGP,KACKP,EAAAH,EAAA,YAAY,QAAZ,MAAAG,EAAmB,UAAU,OAC9B,8BAER,CACH,CACL"}

package/dist/esm/components/EvOverlay/scroll-strategy/close-scroll.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{addScrollEventListener as o}from"../../../util/events.mjs";/*! Evance UI v1.1.37 | MIT License */function n(e){function l(t){e.isActive.value=!1}o(e.activatorEl.value??e.contentEl.value,l)}export{n as closeScrollStrategy};
+import{getTargetEl as l}from"../scroll.mjs";import{addScrollEventListener as o}from"../../../util/events.mjs";/*! Evance UI v1.1.38 | MIT License */function i(e){function t(r){e.isActive.value=!1}o(l(e.target.value,e.contentEl.value),t)}export{i as closeScrollStrategy};
 //# sourceMappingURL=close-scroll.mjs.map

package/dist/esm/components/EvOverlay/scroll-strategy/close-scroll.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"close-scroll.mjs","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":["closeScrollStrategy","data","onScroll","e","addScrollEventListener"],"mappings":"~~wGAOO~~,SAASA,EAAoBC,EAA0B,CAC1D,SAASC,EAASC,EAAU,CACxBF,EAAK,SAAS,MAAQ,EAAA,CAE1BG,~~EACIH~~,EAAK,~~YAAY~~,~~OAASA~~,EAAK,UAAU,~~MACzCC~~,CACJ,CACJ"}
1	+ {"version":3,"file":"close-scroll.mjs","sources":["../../../../../src/components/EvOverlay/scroll-strategy/close-scroll.ts"],"sourcesContent":["import { getTargetEl, 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 getTargetEl(data.target.value, data.contentEl.value),\n onScroll,\n );\n}\n"],"names":["closeScrollStrategy","data","onScroll","e","addScrollEventListener","getTargetEl"],"mappings":"oJAOO,SAASA,EAAoBC,EAA0B,CAC1D,SAASC,EAASC,EAAU,CACxBF,EAAK,SAAS,MAAQ,EAAA,CAE1BG,EACIC,EAAYJ,EAAK,OAAO,MAAOA,EAAK,UAAU,KAAK,EACnDC,CACJ,CACJ"}

package/dist/esm/components/EvOverlay/scroll-strategy/reposition-scroll.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{onScopeDispose as s}from"vue";import{requestNewFrame as p}from"../../../util/animate.mjs";import{addScrollEventListener as u}from"../../../util/events.mjs";/*! Evance UI v1.1.37 | MIT License */function b(n,f,c){let o=!1,t=-1,r=-1;function a(e){p(()=>{var l,i;const m=performance.now();(i=(l=n.updatePosition).value)==null||i.call(l,e),o=(performance.now()-m)/(1e3/60)>2})}r=(typeof requestIdleCallback>"u"?e=>e():requestIdleCallback)(()=>{c.run(()=>{u(n.activatorEl.value??n.contentEl.value,e=>{o?(cancelAnimationFrame(t),t=requestAnimationFrame(()=>{t=requestAnimationFrame(()=>{a(e)})})):a(e)})})}),s(()=>{typeof cancelIdleCallback<"u"&&cancelIdleCallback(r),cancelAnimationFrame(t)})}export{b as repositionScrollStrategy};
+import{getTargetEl as s}from"../scroll.mjs";import{onScopeDispose as p}from"vue";import{requestNewFrame as f}from"../../../util/animate.mjs";import{addScrollEventListener as u}from"../../../util/events.mjs";/*! Evance UI v1.1.38 | MIT License */function v(o,d,c){let r=!1,t=-1,n=-1;function a(e){f(()=>{var l,i;const m=performance.now();(i=(l=o.updatePosition).value)==null||i.call(l,e),r=(performance.now()-m)/(1e3/60)>2})}n=(typeof requestIdleCallback>"u"?e=>e():requestIdleCallback)(()=>{c.run(()=>{u(s(o.target.value,o.contentEl.value),e=>{r?(cancelAnimationFrame(t),t=requestAnimationFrame(()=>{t=requestAnimationFrame(()=>{a(e)})})):a(e)})})}),p(()=>{typeof cancelIdleCallback<"u"&&cancelIdleCallback(n),cancelAnimationFrame(t)})}export{v as repositionScrollStrategy};
 //# sourceMappingURL=reposition-scroll.mjs.map

package/dist/esm/components/EvOverlay/scroll-strategy/reposition-scroll.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"reposition-scroll.mjs","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":["repositionScrollStrategy","data","props","scope","slow","raf","ric","update","requestNewFrame","start","_b","_a","cb","addScrollEventListener","onScopeDispose"],"mappings":"~~yMAUgB~~,SAAAA,EACZC,EACAC,EACAC,EACF,CACE,IAAIC,EAAO,GACPC,EAAM,GACNC,EAAM,GAEV,SAASC,EAAO,EAAU,CACtBC,EAAgB,IAAM,SACZ,MAAAC,EAAQ,YAAY,IAAI,GACzBC,GAAAC,EAAAV,EAAA,gBAAe,QAAf,MAAAS,EAAA,KAAAC,EAAuB,GAErBP,GADM,YAAY,IAAA,EAAQK,IAClB,IAAO,IAAM,CAAA,CAC/B,CAAA,CAIDH,GAAA,OAAO,oBAAwB,IACxBM,GAAiBA,EAAG,EACrB,qBACR,IAAM,CACJT,EAAM,IAAI,IAAM,CACZU,~~EACIZ~~,EAAK,~~YAAY~~,~~OAASA~~,EAAK,UAAU,~~MACxC~~,GAAM,CACCG,GAKA,qBAAqBC,CAAG,EACxBA,EAAM,sBAAsB,IAAM,CAC9BA,EAAM,sBAAsB,IAAM,CAC9BE,EAAO,CAAC,CAAA,CACX,CAAA,CACJ,GAEDA,EAAO,CAAC,CACZ,CAER,CAAA,CACH,CAAA,CACJ,~~EAEDO~~,EAAe,IAAM,CACV,OAAA,mBAAuB,KAAe,~~mBAAmBR~~,CAAG,EACnE,qBAAqBD,CAAG,CAAA,CAC3B,CACL"}
1	+ {"version":3,"file":"reposition-scroll.mjs","sources":["../../../../../src/components/EvOverlay/scroll-strategy/reposition-scroll.ts"],"sourcesContent":["import {\n getTargetEl,\n ScrollStrategyData,\n ScrollStrategyProps,\n} 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 getTargetEl(data.target.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":["repositionScrollStrategy","data","props","scope","slow","raf","ric","update","requestNewFrame","start","_b","_a","cb","addScrollEventListener","getTargetEl","onScopeDispose"],"mappings":"qPAcgB,SAAAA,EACZC,EACAC,EACAC,EACF,CACE,IAAIC,EAAO,GACPC,EAAM,GACNC,EAAM,GAEV,SAASC,EAAO,EAAU,CACtBC,EAAgB,IAAM,SACZ,MAAAC,EAAQ,YAAY,IAAI,GACzBC,GAAAC,EAAAV,EAAA,gBAAe,QAAf,MAAAS,EAAA,KAAAC,EAAuB,GAErBP,GADM,YAAY,IAAA,EAAQK,IAClB,IAAO,IAAM,CAAA,CAC/B,CAAA,CAIDH,GAAA,OAAO,oBAAwB,IACxBM,GAAiBA,EAAG,EACrB,qBACR,IAAM,CACJT,EAAM,IAAI,IAAM,CACZU,EACIC,EAAYb,EAAK,OAAO,MAAOA,EAAK,UAAU,KAAK,EAClD,GAAM,CACCG,GAKA,qBAAqBC,CAAG,EACxBA,EAAM,sBAAsB,IAAM,CAC9BA,EAAM,sBAAsB,IAAM,CAC9BE,EAAO,CAAC,CAAA,CACX,CAAA,CACJ,GAEDA,EAAO,CAAC,CACZ,CAER,CAAA,CACH,CAAA,CACJ,EAEDQ,EAAe,IAAM,CACV,OAAA,mBAAuB,KAAe,mBAAmBT,CAAG,EACnE,qBAAqBD,CAAG,CAAA,CAC3B,CACL"}

package/dist/esm/components/EvOverlay/scroll.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{watchEffect as c,effectScope as i,nextTick as n,onScopeDispose as f}from"vue";import{repositionScrollStrategy as a}from"./scroll-strategy/reposition-scroll.mjs";import{blockScrollStrategy as S}from"./scroll-strategy/block-scroll.mjs";import{closeScrollStrategy as s}from"./scroll-strategy/close-scroll.mjs";import{propsFactory as y}from"../../util/props.mjs";import{Browser as m}from"../../util/browser.mjs";/*! Evance UI v1.1.37 | MIT License */const r={none:null,close:s,block:S,reposition:a},b=y({scrollStrategy:{type:[String,Function],default:"block",validator:o=>typeof o=="function"||o in r}},"EvOverlay/scroll");function h(o,e){if(!m.hasWindow)return;let t;c(async()=>{t==null||t.stop(),e.isActive.value&&o.scrollStrategy&&(t=i(),await n(),t.active&&t.run(()=>{var l;typeof o.scrollStrategy=="function"?o.scrollStrategy(e,o,t):(l=r[o.scrollStrategy])==null||l.call(r,e,o,t)}))}),f(()=>{t==null||t.stop()})}export{b as makeScrollStrategyProps,h as useScrollStrategies};
+import{watchEffect as l,effectScope as c,nextTick as n,onScopeDispose as f}from"vue";import{repositionScrollStrategy as a}from"./scroll-strategy/reposition-scroll.mjs";import{blockScrollStrategy as s}from"./scroll-strategy/block-scroll.mjs";import{closeScrollStrategy as y}from"./scroll-strategy/close-scroll.mjs";import{propsFactory as S}from"../../util/props.mjs";import{Browser as m}from"../../util/browser.mjs";/*! Evance UI v1.1.38 | MIT License */const e={none:null,close:y,block:s,reposition:a},b=S({scrollStrategy:{type:[String,Function],default:"block",validator:r=>typeof r=="function"||r in e}},"EvOverlay/scroll");function d(r,t){if(!m.hasWindow)return;let o;l(async()=>{o==null||o.stop(),t.isActive.value&&r.scrollStrategy&&(o=c(),await n(),o.active&&o.run(()=>{var i;typeof r.scrollStrategy=="function"?r.scrollStrategy(t,r,o):(i=e[r.scrollStrategy])==null||i.call(e,t,r,o)}))}),f(()=>{o==null||o.stop()})}function A(r,t){return Array.isArray(r)?document.elementsFromPoint(...r).find(o=>!(t!=null&&t.contains(o))):r??t}export{A as getTargetEl,b as makeScrollStrategyProps,d as useScrollStrategies};
 //# sourceMappingURL=scroll.mjs.map

package/dist/esm/components/EvOverlay/scroll.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scroll.mjs","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":["scrollStrategies","closeScrollStrategy","blockScrollStrategy","repositionScrollStrategy","makeScrollStrategyProps","propsFactory","val","useScrollStrategies","props","data","Browser","scope","watchEffect","effectScope","nextTick","_a","onScopeDispose"],"mappings":"~~qcA8BA~~,MAAMA,EAAmB,CACrB,KAAM,KACN,MAAOC,EACP,MAAOC,EACP,WAAYC,CAChB,EAUaC,EAA0BC,EACnC,CACI,eAAgB,CACZ,KAAM,CAAC,OAAQ,QAAQ,EAGvB,QAAS,QACT,UAAYC,GACR,OAAOA,GAAQ,YAAcA,KAAON,CAAA,CAEhD,EACA,kBACJ,EAOgB,SAAAO,EACZC,EACAC,EACF,CACM,GAAA,CAACC,EAAQ,UACT,OAGA,IAAAC,EACJC,EAAY,SAAY,CACpBD,GAAA,MAAAA,EAAO,OAEDF,EAAK,SAAS,OAASD,EAAM,iBAInCG,EAAQE,EAAY,EACpB,MAAMC,EAAS,EACTH,EAAA,QACFA,EAAM,IAAI,IAAM,OACR,OAAOH,EAAM,gBAAmB,WAC1BA,EAAA,eAAeC,EAAMD,EAAOG,CAAM,GAExCI,EAAAf,EAAiBQ,EAAM,kBAAvB,MAAAO,EAAA,KAAAf,EACIS,EACAD,EACAG,EAER,CACH,EAAA,CACR,EAEDK,EAAe,IAAM,CACjBL,GAAA,MAAAA,EAAO,MAAK,CACf,CACL"}
1	+ {"version":3,"file":"scroll.mjs","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 targetEl: Ref<HTMLElement \| undefined>;\n target: Ref<HTMLElement \| [x: number, y: number] \| 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\nexport function getTargetEl(\n target: HTMLElement \| [x: number, y: number] \| undefined,\n contentEl: HTMLElement \| undefined,\n) {\n return Array.isArray(target)\n ? document\n .elementsFromPoint(...target)\n .find((el) => !contentEl?.contains(el))\n : target ?? contentEl;\n}\n"],"names":["scrollStrategies","closeScrollStrategy","blockScrollStrategy","repositionScrollStrategy","makeScrollStrategyProps","propsFactory","val","useScrollStrategies","props","data","Browser","scope","watchEffect","effectScope","nextTick","_a","onScopeDispose","getTargetEl","target","contentEl","el"],"mappings":"qcA+BA,MAAMA,EAAmB,CACrB,KAAM,KACN,MAAOC,EACP,MAAOC,EACP,WAAYC,CAChB,EAUaC,EAA0BC,EACnC,CACI,eAAgB,CACZ,KAAM,CAAC,OAAQ,QAAQ,EAGvB,QAAS,QACT,UAAYC,GACR,OAAOA,GAAQ,YAAcA,KAAON,CAAA,CAEhD,EACA,kBACJ,EAOgB,SAAAO,EACZC,EACAC,EACF,CACM,GAAA,CAACC,EAAQ,UACT,OAGA,IAAAC,EACJC,EAAY,SAAY,CACpBD,GAAA,MAAAA,EAAO,OAEDF,EAAK,SAAS,OAASD,EAAM,iBAInCG,EAAQE,EAAY,EACpB,MAAMC,EAAS,EACTH,EAAA,QACFA,EAAM,IAAI,IAAM,OACR,OAAOH,EAAM,gBAAmB,WAC1BA,EAAA,eAAeC,EAAMD,EAAOG,CAAM,GAExCI,EAAAf,EAAiBQ,EAAM,kBAAvB,MAAAO,EAAA,KAAAf,EACIS,EACAD,EACAG,EAER,CACH,EAAA,CACR,EAEDK,EAAe,IAAM,CACjBL,GAAA,MAAAA,EAAO,MAAK,CACf,CACL,CAEgB,SAAAM,EACZC,EACAC,EACF,CACE,OAAO,MAAM,QAAQD,CAAM,EACrB,SACK,kBAAkB,GAAGA,CAAM,EAC3B,KAAME,GAAO,EAACD,GAAA,MAAAA,EAAW,SAASC,GAAG,EAC1CF,GAAUC,CACpB"}

package/dist/esm/components/EvPage/EvPage.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{makeComponentProps as o}from"../../composables/component.mjs";import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.37 | MIT License */const p=e({sunken:Boolean,inlineSize:String,...o()},"EvPage");export{p as makeEvPageProps};
+import{makeComponentProps as o}from"../../composables/component.mjs";import{propsFactory as e}from"../../util/props.mjs";/*! Evance UI v1.1.38 | MIT License */const p=e({sunken:Boolean,inlineSize:String,...o()},"EvPage");export{p as makeEvPageProps};
 //# sourceMappingURL=EvPage.mjs.map

package/dist/esm/components/EvPage/EvPage.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as r,useSlots as n,computed as i,createBlock as m,openBlock as c,unref as t,normalizeStyle as p,normalizeClass as u,withCtx as o,createVNode as f,renderSlot as _}from"vue";/* empty css            */import{makeEvPageProps as d}from"./EvPage.mjs";import v from"../EvSurface/EvSurface.vue.mjs";import k from"../EvGrid/EvContainer/EvContainer.vue.mjs";/*! Evance UI v1.1.37 | MIT License */const $=r({__name:"EvPage",props:{...d()},setup(s){const e=s;n();const a=i(()=>e.sunken?"sunken":"default");return(l,z)=>(c(),m(t(v),{grow:"",elevation:a.value,scrollable:!0,class:u(["ev-page",e.class]),style:p(e.style)},{default:o(()=>[f(t(k),{size:e.inlineSize},{default:o(()=>[_(l.$slots,"default")]),_:3},8,["size"])]),_:3},8,["elevation","class","style"]))}});export{$ as default};
+import{defineComponent as r,useSlots as n,computed as i,createBlock as m,openBlock as c,unref as t,normalizeStyle as p,normalizeClass as u,withCtx as o,createVNode as f,renderSlot as _}from"vue";/* empty css            */import{makeEvPageProps as d}from"./EvPage.mjs";import v from"../EvSurface/EvSurface.vue.mjs";import k from"../EvGrid/EvContainer/EvContainer.vue.mjs";/*! Evance UI v1.1.38 | MIT License */const $=r({__name:"EvPage",props:{...d()},setup(s){const e=s;n();const a=i(()=>e.sunken?"sunken":"default");return(l,z)=>(c(),m(t(v),{grow:"",elevation:a.value,scrollable:!0,class:u(["ev-page",e.class]),style:p(e.style)},{default:o(()=>[f(t(k),{size:e.inlineSize},{default:o(()=>[_(l.$slots,"default")]),_:3},8,["size"])]),_:3},8,["elevation","class","style"]))}});export{$ as default};
 //# sourceMappingURL=EvPage.vue.mjs.map

package/dist/esm/components/EvPage/EvPage.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import f from"./EvPage.vue.mjs";/*! Evance UI v1.1.37 | MIT License */export{f as default};
+import f from"./EvPage.vue.mjs";/*! Evance UI v1.1.38 | MIT License */export{f as default};
 //# sourceMappingURL=EvPage.vue2.mjs.map

package/dist/esm/components/EvProgress/EvProgress.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as m,createElementBlock as r,openBlock as t,normalizeStyle as i,normalizeClass as u,unref as n,createElementVNode as a,createCommentVNode as o}from"vue";/* empty css                */import{IntegerishPattern as f,isIntegerish as g}from"../../util/numbers.mjs";import{appearanceModifier as v,sizeModifier as _}from"../../util/modifiers.mjs";/*! Evance UI v1.1.37 | MIT License */const h=["aria-valuenow"],z=a("div",{class:"ev-progress--track"},null,-1),y={key:1,class:"ev-progress--indeterminate"},k=a("div",{class:"ev-progress--bar ev-progress--indeterminate--primary"},null,-1),b=a("div",{class:"ev-progress--bar ev-progress--indeterminate--secondary"},null,-1),x=[k,b],S=m({__name:"EvProgress",props:{appearance:{default:"default"},indeterminate:{type:Boolean,default:!1},percentage:{default:0},size:{default:"medium"}},setup(l){const e=l;function c(){return`translateX(${0-(100-e.percentage)}%)`}function d(){return p()?e.size+"px":void 0}function p(){return g(e.size)}return(s,B)=>(t(),r("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":s.percentage,class:u(["ev-progress",[{"is-indeterminate":e.indeterminate},n(v)(e.appearance,["default"]),n(_)(e.size,[n(f)])]]),style:i({height:d()})},[z,e.indeterminate?o("",!0):(t(),r("div",{key:0,class:"ev-progress--bar",style:i({transform:c()})},null,4)),e.indeterminate?(t(),r("div",y,x)):o("",!0)],14,h))}});export{S as default};
+import{defineComponent as m,createElementBlock as r,openBlock as t,normalizeStyle as i,normalizeClass as u,unref as n,createElementVNode as a,createCommentVNode as o}from"vue";/* empty css                */import{IntegerishPattern as f,isIntegerish as g}from"../../util/numbers.mjs";import{appearanceModifier as v,sizeModifier as _}from"../../util/modifiers.mjs";/*! Evance UI v1.1.38 | MIT License */const h=["aria-valuenow"],z=a("div",{class:"ev-progress--track"},null,-1),y={key:1,class:"ev-progress--indeterminate"},k=a("div",{class:"ev-progress--bar ev-progress--indeterminate--primary"},null,-1),b=a("div",{class:"ev-progress--bar ev-progress--indeterminate--secondary"},null,-1),x=[k,b],S=m({__name:"EvProgress",props:{appearance:{default:"default"},indeterminate:{type:Boolean,default:!1},percentage:{default:0},size:{default:"medium"}},setup(l){const e=l;function c(){return`translateX(${0-(100-e.percentage)}%)`}function d(){return p()?e.size+"px":void 0}function p(){return g(e.size)}return(s,B)=>(t(),r("div",{role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":s.percentage,class:u(["ev-progress",[{"is-indeterminate":e.indeterminate},n(v)(e.appearance,["default"]),n(_)(e.size,[n(f)])]]),style:i({height:d()})},[z,e.indeterminate?o("",!0):(t(),r("div",{key:0,class:"ev-progress--bar",style:i({transform:c()})},null,4)),e.indeterminate?(t(),r("div",y,x)):o("",!0)],14,h))}});export{S as default};
 //# sourceMappingURL=EvProgress.vue.mjs.map

package/dist/esm/components/EvProgress/EvProgress.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import f from"./EvProgress.vue.mjs";/*! Evance UI v1.1.37 | MIT License */export{f as default};
+import f from"./EvProgress.vue.mjs";/*! Evance UI v1.1.38 | MIT License */export{f as default};
 //# sourceMappingURL=EvProgress.vue2.mjs.map

package/dist/esm/components/EvProgressCircular/EvProgressCircular.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as v,ref as _,createElementBlock as u,openBlock as f,normalizeStyle as d,normalizeClass as w,unref as y,createElementVNode as c,renderSlot as z}from"vue";/* empty css                        */import{appearanceModifier as x}from"../../util/modifiers.mjs";import{toWebUnit as C}from"../../util/units.mjs";/*! Evance UI v1.1.37 | MIT License */const B=["aria-valuenow"],R=["r","stroke-width","stroke-dasharray"],S=["r","stroke-width","stroke-dasharray","stroke-dashoffset"],W={class:"ev-progress-circular--content"},r=48,b=-90,U=v({__name:"EvProgressCircular",props:{appearance:{default:"default"},indeterminate:{type:Boolean,default:!1},percentage:{default:0},rotate:{default:0},size:{default:"default"},thickness:{default:2}},setup(p){const e=p,a=_(null),h=r/2;function l(){if(e.size!=="default")return C(e.size)}function s(){return Math.PI*(n()*2)}function m(){return a.value?a.value.clientWidth:r}function g(){return e.indeterminate?0:s()*(1-e.percentage/100)}function n(){return h-o()/2}function k(){return`rotate(${b+e.rotate}deg)`}function o(){const t=r/2,i=e.thickness/m()*r;return i>t?t:i}return(t,i)=>(f(),u("span",{ref_key:"container",ref:a,role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":t.percentage,class:w(["ev-progress-circular",[{"is-indeterminate":e.indeterminate,"is-size-default":e.size==="default"},y(x)(e.appearance,["default"])]]),style:d({width:l(),height:l()})},[(f(),u("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48",style:d({transform:k()})},[c("circle",{class:"ev-progress-circular--track",fill:"transparent",cx:"50%",cy:"50%",r:n(),"stroke-width":o(),"stroke-dasharray":s(),"stroke-dashoffset":"0"},null,8,R),c("circle",{class:"ev-progress-circular--bar",fill:"transparent",cx:"50%",cy:"50%",r:n(),"stroke-width":o(),"stroke-dasharray":s(),"stroke-dashoffset":g()},null,8,S)],4)),c("span",W,[z(t.$slots,"default")])],14,B))}});export{U as default};
+import{defineComponent as v,ref as _,createElementBlock as u,openBlock as f,normalizeStyle as d,normalizeClass as w,unref as y,createElementVNode as c,renderSlot as z}from"vue";/* empty css                        */import{appearanceModifier as x}from"../../util/modifiers.mjs";import{toWebUnit as C}from"../../util/units.mjs";/*! Evance UI v1.1.38 | MIT License */const B=["aria-valuenow"],R=["r","stroke-width","stroke-dasharray"],S=["r","stroke-width","stroke-dasharray","stroke-dashoffset"],W={class:"ev-progress-circular--content"},r=48,b=-90,U=v({__name:"EvProgressCircular",props:{appearance:{default:"default"},indeterminate:{type:Boolean,default:!1},percentage:{default:0},rotate:{default:0},size:{default:"default"},thickness:{default:2}},setup(p){const e=p,a=_(null),h=r/2;function l(){if(e.size!=="default")return C(e.size)}function s(){return Math.PI*(n()*2)}function m(){return a.value?a.value.clientWidth:r}function g(){return e.indeterminate?0:s()*(1-e.percentage/100)}function n(){return h-o()/2}function k(){return`rotate(${b+e.rotate}deg)`}function o(){const t=r/2,i=e.thickness/m()*r;return i>t?t:i}return(t,i)=>(f(),u("span",{ref_key:"container",ref:a,role:"progressbar","aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":t.percentage,class:w(["ev-progress-circular",[{"is-indeterminate":e.indeterminate,"is-size-default":e.size==="default"},y(x)(e.appearance,["default"])]]),style:d({width:l(),height:l()})},[(f(),u("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48",style:d({transform:k()})},[c("circle",{class:"ev-progress-circular--track",fill:"transparent",cx:"50%",cy:"50%",r:n(),"stroke-width":o(),"stroke-dasharray":s(),"stroke-dashoffset":"0"},null,8,R),c("circle",{class:"ev-progress-circular--bar",fill:"transparent",cx:"50%",cy:"50%",r:n(),"stroke-width":o(),"stroke-dasharray":s(),"stroke-dashoffset":g()},null,8,S)],4)),c("span",W,[z(t.$slots,"default")])],14,B))}});export{U as default};
 //# sourceMappingURL=EvProgressCircular.vue.mjs.map

package/dist/esm/components/EvProgressCircular/EvProgressCircular.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import f from"./EvProgressCircular.vue.mjs";/*! Evance UI v1.1.37 | MIT License */export{f as default};
+import f from"./EvProgressCircular.vue.mjs";/*! Evance UI v1.1.38 | MIT License */export{f as default};
 //# sourceMappingURL=EvProgressCircular.vue2.mjs.map

package/dist/esm/components/EvQuickfind/EvQuickfind.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as m,computed as r,createElementBlock as n,openBlock as a,normalizeClass as c,unref as e,createVNode as d,createElementVNode as u,toDisplayString as p}from"vue";/* empty css                 */import f from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import z from"../../icons/glyph/QuickfindIcon.svg.mjs";import{useModelProxy as _}from"../../composables/modelProxy.mjs";import{sizeModifier as k}from"../../util/modifiers.mjs";/*! Evance UI v1.1.37 | MIT License */const y={class:"ev-quickfind--code"},x=m({__name:"EvQuickfind",props:{modelValue:{},bold:{type:Boolean,default:!1},size:{default:"medium"}},setup(s){const o=s,t=_(o,"modelValue"),l=r(()=>{switch(o.size){case"small":case"medium":return"small";default:return"medium"}});return(i,h)=>(a(),n("span",{class:c(["ev-quickfind",{"is-variant-bold":i.bold},e(k)(i.size,["medium"])])},[d(f,{glyph:e(z),size:l.value},null,8,["glyph","size"]),u("span",y,p(e(t)),1)],2))}});export{x as default};
+import{defineComponent as m,computed as r,createElementBlock as n,openBlock as a,normalizeClass as c,unref as e,createVNode as d,createElementVNode as u,toDisplayString as p}from"vue";/* empty css                 */import f from"../EvIcon/EvIcon.vue.mjs";/* empty css                    */import z from"../../icons/glyph/QuickfindIcon.svg.mjs";import{useModelProxy as _}from"../../composables/modelProxy.mjs";import{sizeModifier as k}from"../../util/modifiers.mjs";/*! Evance UI v1.1.38 | MIT License */const y={class:"ev-quickfind--code"},x=m({__name:"EvQuickfind",props:{modelValue:{},bold:{type:Boolean,default:!1},size:{default:"medium"}},setup(s){const o=s,t=_(o,"modelValue"),l=r(()=>{switch(o.size){case"small":case"medium":return"small";default:return"medium"}});return(i,h)=>(a(),n("span",{class:c(["ev-quickfind",{"is-variant-bold":i.bold},e(k)(i.size,["medium"])])},[d(f,{glyph:e(z),size:l.value},null,8,["glyph","size"]),u("span",y,p(e(t)),1)],2))}});export{x as default};
 //# sourceMappingURL=EvQuickfind.vue.mjs.map

package/dist/esm/components/EvQuickfind/EvQuickfind.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import f from"./EvQuickfind.vue.mjs";/*! Evance UI v1.1.37 | MIT License */export{f as default};
+import f from"./EvQuickfind.vue.mjs";/*! Evance UI v1.1.38 | MIT License */export{f as default};
 //# sourceMappingURL=EvQuickfind.vue2.mjs.map

package/dist/esm/components/EvRadio/EvRadio.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{makeFormFieldProps as o}from"../../composables/validation.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeLabelProps as m}from"../EvLabel/EvLabel.mjs";import{propsFactory as a}from"../../util/props.mjs";/*! Evance UI v1.1.37 | MIT License */const i=a({clearable:Boolean,value:null,...m(),...o(),...r()},"EvRadio");export{i as makeEvRadioProps};
+import{makeFormFieldProps as o}from"../../composables/validation.mjs";import{makeComponentProps as r}from"../../composables/component.mjs";import{makeLabelProps as m}from"../EvLabel/EvLabel.mjs";import{propsFactory as a}from"../../util/props.mjs";/*! Evance UI v1.1.38 | MIT License */const i=a({clearable:Boolean,value:null,...m(),...o(),...r()},"EvRadio");export{i as makeEvRadioProps};
 //# sourceMappingURL=EvRadio.mjs.map

package/dist/esm/components/EvRadio/EvRadio.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as F,useSlots as S,inject as V,useAttrs as x,ref as c,computed as B,createElementBlock as d,openBlock as f,mergeProps as p,unref as e,createElementVNode as r,createCommentVNode as D,withKeys as I,createVNode as K,withCtx as N,renderSlot as w}from"vue";/* empty css             */import P from"../EvLabel/EvLabel.vue.mjs";import{EvRadioGroupSymbol as $}from"../EvRadioGroup/EvRadioGroup.mjs";import{makeEvRadioProps as j}from"./EvRadio.mjs";import{useFormField as q}from"../../composables/validation.mjs";import{splitInputAttrs as G}from"../../util/helpers.mjs";import{isDeepEqual as z}from"../../util/is-functions.mjs";/*! Evance UI v1.1.37 | MIT License */const H={class:"ev-radio--control"},J=r("div",{class:"ev-radio--circles"},[r("div",{class:"ev-radio--outer-circle"}),r("div",{class:"ev-radio--inner-circle"})],-1),L=["id","name","disabled","value","checked","onKeyup"],M={key:0,class:"ev-radio--label"},ee=F({inheritAttrs:!1,__name:"EvRadio",props:{...j()},emits:["update:focused","update:modelValue"],setup(m,{expose:v}){const t=m,u=S(),b=V($,void 0),_=x(),k=c(null),a=c(null),[h,y]=G(_),o=q(t,b),R=z,s=B({get(){return R(o.value,t.value)},set(l){t.readonly||(o.value=l?t.value:"")}});function E(l){s.value&&t.clearable&&(s.value=!1)}function C(l){s.value=l.target.checked}function g(l){s.value&&t.clearable&&(s.value=!1,l.preventDefault())}function A(){return a.value}return v({field:o,input:a,focus:()=>{var l;(l=A())==null||l.focus()}}),(l,i)=>(f(),d("div",p({ref_key:"containerRef",ref:k,class:["ev-radio",{"is-checked":s.value,"is-labelled":t.label||e(u).label},e(o).classes,t.class],style:t.style},e(h)),[r("div",H,[J,r("input",p({id:e(o).id,ref_key:"inputRef",ref:a,type:"radio",name:e(o).name,disabled:e(o).isDisabled||e(o).isReadonly,value:t.value,checked:s.value},e(y),{onBlur:i[0]||(i[0]=(...n)=>e(o).blur&&e(o).blur(...n)),onClick:E,onFocus:i[1]||(i[1]=(...n)=>e(o).focus&&e(o).focus(...n)),onInput:C,onKeyup:I(g,["space"])}),null,16,L)]),t.label||e(u).label?(f(),d("div",M,[K(P,{clickable:"",for:e(o).id,title:t.label,hint:t.hint},{default:N(()=>[w(l.$slots,"label")]),_:3},8,["for","title","hint"])])):D("",!0)],16))}});export{ee as default};
+import{defineComponent as F,useSlots as S,inject as V,useAttrs as x,ref as c,computed as B,createElementBlock as d,openBlock as f,mergeProps as p,unref as e,createElementVNode as r,createCommentVNode as D,withKeys as I,createVNode as K,withCtx as N,renderSlot as w}from"vue";/* empty css             */import P from"../EvLabel/EvLabel.vue.mjs";import{EvRadioGroupSymbol as $}from"../EvRadioGroup/EvRadioGroup.mjs";import{makeEvRadioProps as j}from"./EvRadio.mjs";import{useFormField as q}from"../../composables/validation.mjs";import{splitInputAttrs as G}from"../../util/helpers.mjs";import{isDeepEqual as z}from"../../util/is-functions.mjs";/*! Evance UI v1.1.38 | MIT License */const H={class:"ev-radio--control"},J=r("div",{class:"ev-radio--circles"},[r("div",{class:"ev-radio--outer-circle"}),r("div",{class:"ev-radio--inner-circle"})],-1),L=["id","name","disabled","value","checked","onKeyup"],M={key:0,class:"ev-radio--label"},ee=F({inheritAttrs:!1,__name:"EvRadio",props:{...j()},emits:["update:focused","update:modelValue"],setup(m,{expose:v}){const t=m,u=S(),b=V($,void 0),_=x(),k=c(null),a=c(null),[h,y]=G(_),o=q(t,b),R=z,s=B({get(){return R(o.value,t.value)},set(l){t.readonly||(o.value=l?t.value:"")}});function E(l){s.value&&t.clearable&&(s.value=!1)}function C(l){s.value=l.target.checked}function g(l){s.value&&t.clearable&&(s.value=!1,l.preventDefault())}function A(){return a.value}return v({field:o,input:a,focus:()=>{var l;(l=A())==null||l.focus()}}),(l,i)=>(f(),d("div",p({ref_key:"containerRef",ref:k,class:["ev-radio",{"is-checked":s.value,"is-labelled":t.label||e(u).label},e(o).classes,t.class],style:t.style},e(h)),[r("div",H,[J,r("input",p({id:e(o).id,ref_key:"inputRef",ref:a,type:"radio",name:e(o).name,disabled:e(o).isDisabled||e(o).isReadonly,value:t.value,checked:s.value},e(y),{onBlur:i[0]||(i[0]=(...n)=>e(o).blur&&e(o).blur(...n)),onClick:E,onFocus:i[1]||(i[1]=(...n)=>e(o).focus&&e(o).focus(...n)),onInput:C,onKeyup:I(g,["space"])}),null,16,L)]),t.label||e(u).label?(f(),d("div",M,[K(P,{clickable:"",for:e(o).id,title:t.label,hint:t.hint},{default:N(()=>[w(l.$slots,"label")]),_:3},8,["for","title","hint"])])):D("",!0)],16))}});export{ee as default};
 //# sourceMappingURL=EvRadio.vue.mjs.map

package/dist/esm/components/EvRadio/EvRadio.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import f from"./EvRadio.vue.mjs";/*! Evance UI v1.1.37 | MIT License */export{f as default};
+import f from"./EvRadio.vue.mjs";/*! Evance UI v1.1.38 | MIT License */export{f as default};
 //# sourceMappingURL=EvRadio.vue2.mjs.map

package/dist/esm/components/EvRadioGroup/EvRadioGroup.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{makeComponentProps as o}from"../../composables/component.mjs";import{makeFormFieldProps as r}from"../../composables/validation.mjs";import{makeLabelProps as m}from"../EvLabel/EvLabel.mjs";import{propsFactory as p}from"../../util/props.mjs";/*! Evance UI v1.1.37 | MIT License */const n=Symbol.for("ev:radio-group"),s=p({inline:Boolean,...m(),...r(),...o()},"EvRadioGroup");export{n as EvRadioGroupSymbol,s as makeEvRadioGroupProps};
+import{makeComponentProps as o}from"../../composables/component.mjs";import{makeFormFieldProps as r}from"../../composables/validation.mjs";import{makeLabelProps as m}from"../EvLabel/EvLabel.mjs";import{propsFactory as p}from"../../util/props.mjs";/*! Evance UI v1.1.38 | MIT License */const n=Symbol.for("ev:radio-group"),s=p({inline:Boolean,...m(),...r(),...o()},"EvRadioGroup");export{n as EvRadioGroupSymbol,s as makeEvRadioGroupProps};
 //# sourceMappingURL=EvRadioGroup.mjs.map

package/dist/esm/components/EvRadioGroup/EvRadioGroup.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as u,useSlots as _,computed as f,provide as v,createElementBlock as t,openBlock as s,normalizeStyle as h,normalizeClass as g,createCommentVNode as l,createElementVNode as b,unref as r,createVNode as a,withCtx as y,renderSlot as n}from"vue";/* empty css                  */import E from"../EvLabel/EvLabel.vue.mjs";import{makeEvRadioGroupProps as k,EvRadioGroupSymbol as S}from"./EvRadioGroup.mjs";import{useFormField as $}from"../../composables/validation.mjs";import C from"../EvErrors/EvErrors.vue.mjs";import{getNextId as N}from"../../util/helpers.mjs";/*! Evance UI v1.1.37 | MIT License */const V=["id"],F={key:0,class:"ev-radio-group--label"},G={class:"ev-radio-group--control"},R={key:1,class:"ev-radio-group-errors"},j=u({inheritAttrs:!1,__name:"EvRadioGroup",props:{...k()},emits:["update:modelValue"],setup(d){const e=d,m=_(),c=N(),p=f(()=>e.id||`radio-group-${c}`),o=$(e);return v(S,o),(i,w)=>(s(),t("div",{id:p.value,class:g(["ev-radio-group",e.class,{"is-inline":e.inline}]),style:h(e.style)},[e.label||e.hint||r(m).label?(s(),t("div",F,[a(E,{title:e.label,hint:e.hint},{default:y(()=>[n(i.$slots,"label")]),_:3},8,["title","hint"])])):l("",!0),b("div",G,[n(i.$slots,"default")]),r(o).isShowErrorMessages?(s(),t("div",R,[a(C,{messages:r(o).errorMessages},null,8,["messages"])])):l("",!0)],14,V))}});export{j as default};
+import{defineComponent as u,useSlots as _,computed as f,provide as v,createElementBlock as t,openBlock as s,normalizeStyle as h,normalizeClass as g,createCommentVNode as l,createElementVNode as b,unref as r,createVNode as a,withCtx as y,renderSlot as n}from"vue";/* empty css                  */import E from"../EvLabel/EvLabel.vue.mjs";import{makeEvRadioGroupProps as k,EvRadioGroupSymbol as S}from"./EvRadioGroup.mjs";import{useFormField as $}from"../../composables/validation.mjs";import C from"../EvErrors/EvErrors.vue.mjs";import{getNextId as N}from"../../util/helpers.mjs";/*! Evance UI v1.1.38 | MIT License */const V=["id"],F={key:0,class:"ev-radio-group--label"},G={class:"ev-radio-group--control"},R={key:1,class:"ev-radio-group-errors"},j=u({inheritAttrs:!1,__name:"EvRadioGroup",props:{...k()},emits:["update:modelValue"],setup(d){const e=d,m=_(),c=N(),p=f(()=>e.id||`radio-group-${c}`),o=$(e);return v(S,o),(i,w)=>(s(),t("div",{id:p.value,class:g(["ev-radio-group",e.class,{"is-inline":e.inline}]),style:h(e.style)},[e.label||e.hint||r(m).label?(s(),t("div",F,[a(E,{title:e.label,hint:e.hint},{default:y(()=>[n(i.$slots,"label")]),_:3},8,["title","hint"])])):l("",!0),b("div",G,[n(i.$slots,"default")]),r(o).isShowErrorMessages?(s(),t("div",R,[a(C,{messages:r(o).errorMessages},null,8,["messages"])])):l("",!0)],14,V))}});export{j as default};
 //# sourceMappingURL=EvRadioGroup.vue.mjs.map

package/dist/esm/components/EvRadioGroup/EvRadioGroup.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import f from"./EvRadioGroup.vue.mjs";/*! Evance UI v1.1.37 | MIT License */export{f as default};
+import f from"./EvRadioGroup.vue.mjs";/*! Evance UI v1.1.38 | MIT License */export{f as default};
 //# sourceMappingURL=EvRadioGroup.vue2.mjs.map

package/dist/esm/components/EvResponsive/EvResponsive.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{makeComponentProps as o}from"../../composables/component.mjs";import{makeDimensionsProps as e}from"../../composables/dimensions.mjs";import{makeAspectRatioProps as r}from"../../composables/aspectRatio.mjs";import{propsFactory as p}from"../../util/props.mjs";/*! Evance UI v1.1.37 | MIT License */const n=p({contentClass:String,inline:{type:Boolean,default:void 0,required:!1},...r(),...o(),...e()},"EvResponsive");export{n as makeEvResponsiveProps};
+import{makeComponentProps as o}from"../../composables/component.mjs";import{makeDimensionsProps as e}from"../../composables/dimensions.mjs";import{makeAspectRatioProps as r}from"../../composables/aspectRatio.mjs";import{propsFactory as p}from"../../util/props.mjs";/*! Evance UI v1.1.38 | MIT License */const n=p({contentClass:String,inline:{type:Boolean,default:void 0,required:!1},...r(),...o(),...e()},"EvResponsive");export{n as makeEvResponsiveProps};
 //# sourceMappingURL=EvResponsive.mjs.map

package/dist/esm/components/EvResponsive/EvResponsive.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as d,useSlots as v,createElementBlock as t,openBlock as n,normalizeStyle as l,normalizeClass as r,unref as s,createElementVNode as u,renderSlot as i,createCommentVNode as f}from"vue";/* empty css                  */import{makeEvResponsiveProps as y}from"./EvResponsive.mjs";import{useDimensions as S}from"../../composables/dimensions.mjs";import{useAspectStyles as k}from"../../composables/aspectRatio.mjs";/*! Evance UI v1.1.37 | MIT License */const R=d({__name:"EvResponsive",props:{...y()},setup(a){const e=a,m=v(),{aspectStyles:p}=k(e),c=S(e);return(o,C)=>(n(),t("div",{class:r(["ev-responsive",{"is-inline":e.inline},e.class]),style:l([s(c),e.style])},[u("div",{class:"ev-responsive--sizer",style:l(s(p))},null,4),i(o.$slots,"additional"),s(m).default?(n(),t("div",{key:0,class:r(["ev-responsive--content",e.contentClass])},[i(o.$slots,"default")],2)):f("",!0)],6))}});export{R as default};
+import{defineComponent as d,useSlots as v,createElementBlock as t,openBlock as n,normalizeStyle as l,normalizeClass as r,unref as s,createElementVNode as u,renderSlot as i,createCommentVNode as f}from"vue";/* empty css                  */import{makeEvResponsiveProps as y}from"./EvResponsive.mjs";import{useDimensions as S}from"../../composables/dimensions.mjs";import{useAspectStyles as k}from"../../composables/aspectRatio.mjs";/*! Evance UI v1.1.38 | MIT License */const R=d({__name:"EvResponsive",props:{...y()},setup(a){const e=a,m=v(),{aspectStyles:p}=k(e),c=S(e);return(o,C)=>(n(),t("div",{class:r(["ev-responsive",{"is-inline":e.inline},e.class]),style:l([s(c),e.style])},[u("div",{class:"ev-responsive--sizer",style:l(s(p))},null,4),i(o.$slots,"additional"),s(m).default?(n(),t("div",{key:0,class:r(["ev-responsive--content",e.contentClass])},[i(o.$slots,"default")],2)):f("",!0)],6))}});export{R as default};
 //# sourceMappingURL=EvResponsive.vue.mjs.map

package/dist/esm/components/EvResponsive/EvResponsive.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import f from"./EvResponsive.vue.mjs";/*! Evance UI v1.1.37 | MIT License */export{f as default};
+import f from"./EvResponsive.vue.mjs";/*! Evance UI v1.1.38 | MIT License */export{f as default};
 //# sourceMappingURL=EvResponsive.vue2.mjs.map

package/dist/esm/components/EvSection/EvSection.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{makeComponentProps as o}from"../../composables/component.mjs";import{makeTagProps as r}from"../../composables/tag.mjs";import{propsFactory as t}from"../../util/props.mjs";/*! Evance UI v1.1.37 | MIT License */const i=t({title:String,...o(),...r()},"EvSection");export{i as makeEvSectionProps};
+import{makeComponentProps as o}from"../../composables/component.mjs";import{makeTagProps as r}from"../../composables/tag.mjs";import{propsFactory as t}from"../../util/props.mjs";/*! Evance UI v1.1.38 | MIT License */const i=t({title:String,...o(),...r()},"EvSection");export{i as makeEvSectionProps};
 //# sourceMappingURL=EvSection.mjs.map

package/dist/esm/components/EvSection/EvSection.vue.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineComponent as c,useSlots as m,createBlock as o,openBlock as a,resolveDynamicComponent as p,normalizeStyle as d,normalizeClass as u,withCtx as s,createCommentVNode as f,renderSlot as l,unref as r,createTextVNode as g,toDisplayString as _}from"vue";/* empty css               */import{makeEvSectionProps as h}from"./EvSection.mjs";import y from"../EvEyebrow/EvEyebrow.vue.mjs";/*! Evance UI v1.1.37 | MIT License */const $=c({__name:"EvSection",props:{...h()},setup(n){const e=n,i=m();return(t,v)=>(a(),o(p(e.tag),{role:"group","aria-label":e.title,class:u(["ev-section",e.class]),style:d(e.style)},{default:s(()=>[e.title||r(i).heading?(a(),o(r(y),{key:0,tag:"div",appearance:"subtle",role:"heading",class:"ev-section--heading","aria-hidden":"true"},{default:s(()=>[l(t.$slots,"heading",{},()=>[g(_(e.title),1)])]),_:3})):f("",!0),l(t.$slots,"default")]),_:3},8,["aria-label","class","style"]))}});export{$ as default};
+import{defineComponent as c,useSlots as m,createBlock as o,openBlock as a,resolveDynamicComponent as p,normalizeStyle as d,normalizeClass as u,withCtx as s,createCommentVNode as f,renderSlot as l,unref as r,createTextVNode as g,toDisplayString as _}from"vue";/* empty css               */import{makeEvSectionProps as h}from"./EvSection.mjs";import y from"../EvEyebrow/EvEyebrow.vue.mjs";/*! Evance UI v1.1.38 | MIT License */const $=c({__name:"EvSection",props:{...h()},setup(n){const e=n,i=m();return(t,v)=>(a(),o(p(e.tag),{role:"group","aria-label":e.title,class:u(["ev-section",e.class]),style:d(e.style)},{default:s(()=>[e.title||r(i).heading?(a(),o(r(y),{key:0,tag:"div",appearance:"subtle",role:"heading",class:"ev-section--heading","aria-hidden":"true"},{default:s(()=>[l(t.$slots,"heading",{},()=>[g(_(e.title),1)])]),_:3})):f("",!0),l(t.$slots,"default")]),_:3},8,["aria-label","class","style"]))}});export{$ as default};
 //# sourceMappingURL=EvSection.vue.mjs.map

package/dist/esm/components/EvSection/EvSection.vue2.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import f from"./EvSection.vue.mjs";/*! Evance UI v1.1.37 | MIT License */export{f as default};
+import f from"./EvSection.vue.mjs";/*! Evance UI v1.1.38 | MIT License */export{f as default};
 //# sourceMappingURL=EvSection.vue2.mjs.map

package/dist/esm/components/EvSelect/EvSelect.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{makeListItemsProps as e}from"../../composables/lists/list-items.mjs";import{makeEvTextfieldProps as t}from"../EvTextfield/EvTextfield.mjs";import o from"../../icons/glyph/ChevronDownIcon.svg.mjs";import{makeFilterProps as r}from"../../composables/filter.mjs";import{propsFactory as l}from"../../util/props.mjs";import{omit as m}from"../../util/helpers.mjs";/*! Evance UI v1.1.37 | MIT License */const f=l({autoSelectFirst:{type:[Boolean,String]},behavior:{type:String,default:"select"},delimiters:{type:Array,default:[","]},hideItemsEmpty:Boolean,hideSelected:Boolean,itemsEmptyText:{type:String,default:"select.noItemsText"},menuOpen:Boolean,multiple:Boolean,openOnClear:Boolean,search:String,tags:Boolean,...r({filterKeys:["title"]}),...e({itemChildren:!1}),...m(t({modelValue:null,iconEnd:o,role:"select"}),["align","monospace","type"])},"EvSelect");export{f as makeEvSelectProps};
+import{makeListItemsProps as e}from"../../composables/lists/list-items.mjs";import{makeEvTextfieldProps as t}from"../EvTextfield/EvTextfield.mjs";import o from"../../icons/glyph/ChevronDownIcon.svg.mjs";import{makeFilterProps as r}from"../../composables/filter.mjs";import{propsFactory as l}from"../../util/props.mjs";import{omit as m}from"../../util/helpers.mjs";/*! Evance UI v1.1.38 | MIT License */const f=l({autoSelectFirst:{type:[Boolean,String]},behavior:{type:String,default:"select"},delimiters:{type:Array,default:[","]},hideItemsEmpty:Boolean,hideSelected:Boolean,itemsEmptyText:{type:String,default:"select.noItemsText"},menuOpen:Boolean,multiple:Boolean,openOnClear:Boolean,search:String,tags:Boolean,...r({filterKeys:["title"]}),...e({itemChildren:!1}),...m(t({modelValue:null,iconEnd:o,role:"select"}),["align","monospace","type"])},"EvSelect");export{f as makeEvSelectProps};
 //# sourceMappingURL=EvSelect.mjs.map