npm - @evance/evance-ui - Versions diffs - 1.1.9 → 1.1.11 - Mend

@evance/evance-ui 1.1.9 → 1.1.11

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 (3847) 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":["zone"],"mappings":";;;;;;;;;;;;;AAiCO,SAAS,0BACZ,MACA,OACA,eACA,eACF;AAQE,QAAM,UAAU,IAAI;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACJ;AACO,SAAA;AAAA,IACH,gBAAgB,QAAQ,eAAe,KAAK,OAAO;AAAA,EACvD;AACJ;AAEA,MAAM,kBAAkB;AAAA,EAiBpB,YACW,MACA,OACA,eACA,eACT;AArBK;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA,0CAAiB;AAChB;AAGG,SAAA,OAAA;AACA,SAAA,QAAA;AACA,SAAA,gBAAA;AACA,SAAA,gBAAA;AAEP,SAAK,sBAAsB;AACtB,SAAA,WAAW,KAAK,oBAAoB,UAAU;AAC9C,SAAA,WAAW,KAAK,oBAAoB,UAAU;AAC9C,SAAA,YAAY,KAAK,oBAAoB,WAAW;AAChD,SAAA,YAAY,KAAK,oBAAoB,WAAW;AAChD,SAAA,SAAS,KAAK,eAAe;AAC7B,SAAA,iBAAiB,IAAI,eAAe;AACzC,SAAK,qBAAqB;AAC1B,SAAK,kBAAkB;AACvB,SAAK,MAAM;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUP,oBAAoB;AACxB,SAAK,UAAU;AACV,SAAA,WAAW,IAAI,eAAe,MAAM;AACrC,UAAI,KAAK,SAAS;AACd,aAAK,eAAe;AAAA,MAAA;AAAA,IACxB,CACH;AAED;AAAA,MACI,CAAC,KAAK,KAAK,aAAa,KAAK,KAAK,SAAS;AAAA,MAC3C,CACI,CAAC,gBAAgB,YAAY,GAC7B,CAAC,gBAAgB,YAAY,MAC5B;;AACD,YAAI,gBAAgB;AACX,qBAAA,aAAA,mBAAU,UAAU;AAAA,QAAc;AAE3C,YAAI,gBAAgB;AACX,qBAAA,aAAA,mBAAU,QAAQ;AAAA,QAAc;AAEzC,YAAI,cAAc;AACT,qBAAA,aAAA,mBAAU,UAAU;AAAA,QAAY;AAEzC,YAAI,cAAc;AACT,qBAAA,aAAA,mBAAU,QAAQ;AAAA,QAAY;AAAA,MAE3C;AAAA,MACA;AAAA,QACI,WAAW;AAAA,MAAA;AAAA,IAEnB;AAEA,mBAAe,MAAM;;AACjB,iBAAK,aAAL,mBAAe;AAAA,IAAW,CAC7B;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOG,uBAAuB;AAC3B,UAAM,EAAE,mBAAmB,gBAAgB,IAAI,iBAAiB,MAAM;AAClE,YAAM,WAAmB,OAAO;AAAA,QAC5B,KAAK,MAAM;AAAA,QACX,KAAK,KAAK,MAAM;AAAA,MACpB;AACI,UAAA;AACA,UAAA,KAAK,MAAM,WAAW,WAAW;AACxB,iBAAA;AAAA,MACF,WAAA,KAAK,MAAM,WAAW,QAAQ;AACrC,iBAAS,SAAS,SAAS;AAAA,MAAA,OACxB;AACH,iBAAS,OAAO;AAAA,UACZ,KAAK,MAAM;AAAA,UACX,KAAK,KAAK,MAAM;AAAA,QACpB;AAAA,MAAA;AAIA,UAAA,SAAS,SAAS,OAAO,QACzB,SAAS,cAAc,OAAO,cAAc,EAAE,WAChD;AACS,eAAA;AAAA,UACH,mBAAmB,SAAS,WAAW;AAAA,UACvC,iBAAiB,OAAO,WAAW;AAAA,QACvC;AAAA,MAAA,OACG;AACI,eAAA;AAAA,UACH,mBAAmB;AAAA,UACnB,iBAAiB;AAAA,QACrB;AAAA,MAAA;AAAA,IACJ,CACH;AACD,SAAK,oBAAoB;AACzB,SAAK,kBAAkB;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQnB,oBAAoB,KAAa;AACrC,WAAO,SAAS,MAAM;AAClB,YAAM,QAAQ;AAAA,QACV,KAAK,MAAM,GAAkC;AAAA,MACjD;AACO,aAAA,MAAM,KAAK,IAAI,WAAW;AAAA,IAAA,CACpC;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYG,iBAAiB;AACrB,WAAO,SAAS,MAAM;AAClB,UAAI,MAAM,QAAQ,KAAK,MAAM,MAAM,GAAG;AAClC,eAAO,KAAK,MAAM;AAAA,MAAA;AAEtB,UAAI,OAAO,KAAK,MAAM,WAAW,UAAU;AACjC,cAAA,SAAS,KAAK,MAAM,OAAO,MAAM,GAAG,EAAE,IAAI,UAAU;AACtD,YAAA,OAAO,SAAS,GAAG;AACnB,iBAAO,KAAK,CAAC;AAAA,QAAA;AAEV,eAAA;AAAA,MAAA;AAEX,aAAO,SAAS,KAAK,MAAM,MAAM,IAC3B,CAAC,KAAK,MAAM,QAAQ,CAAC,IACrB,CAAC,GAAG,CAAC;AAAA,IAAA,CACd;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQG,iBAAuB;AACrB,UAAA,KAAK,KAAK,KAAK,UAAU;AACzB,UAAA,QAAQ,KAAK,KAAK,MAAM;AAC9B,UAAM,OAAO,KAAK,YAAY,IAAI,IAAI;AACtC,QAAI,OAAO;AACP,WAAK,KAAK,WAAY,GAAG,MAAM,SAAS,CAAY;AAAA,IAAA,OACjD;AACH,WAAK,KAAK,WAAY,GAAG,MAAM,QAAQ,CAAY;AAAA,IAAA;AAEvD,SAAK,KAAK,WAAY,GAAG,MAAM,OAAO,CAAY;AAC3C,WAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOH,uBAAiE;AAC/D,UAAA,KAAK,KAAK,KAAK,UAAU;AACxB,WAAA,KAAK,EAAE,OAAO,GAAG,aAAa,QAAQ,GAAG,iBAAiB;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO7D,0BAAyC;AAC7C,UAAM,gBAAgB,iBAAiB,KAAK,KAAK,UAAU,KAAK;AAC1D,UAAA,YAAY,KAAK,KAAK,UAAU;AAClC,QAAA,CAAC,cAAc,QAAQ;AACT,oBAAA,KAAK,SAAS,eAAe;AAC3C,UAAI,EAAE,UAAU,MAAM,OAAO,UAAU,MAAM,OAAO;AAChD,aAAK,YAAa,KAAK;AAAA,UACnB,SAAS,gBAAgB,MAAM;AAAA,YAC3B;AAAA,UAAA,KACC;AAAA,QACT;AACA,aAAK,YAAa,KAAK;AAAA,UACnB,SAAS,gBAAgB,MAAM;AAAA,YAC3B;AAAA,UAAA,KACC;AAAA,QACT;AAAA,MAAA;AAAA,IACJ;AAEG,WAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWH,kBAAwB;AACtB,UAAA,eAAe,KAAK,qBAAsB;AAAA,MAC5C,CAAC,aAA+B,OAAoB;AAC1C,cAAA,SAAS,KAAK,YAAY,EAAE;AAC5B,cAAA,UAAU,OAAO,SAAS;AAChC,cAAM,aAAa,IAAI;AAAA,UACnB,UAAU,IAAI,OAAO;AAAA,UACrB,UAAU,IAAI,OAAO;AAAA,UACrB,GAAG;AAAA,UACH,GAAG;AAAA,QACP;AACA,YAAI,CAAC,aAAa;AACP,iBAAA;AAAA,QAAA;AAEX,eAAO,IAAI;AAAA,UACP,KAAK,IAAI,YAAY,MAAM,WAAW,IAAI;AAAA,UAC1C,KAAK,IAAI,YAAY,KAAK,WAAW,GAAG;AAAA,UACxC,KAAK,IAAI,YAAY,OAAO,WAAW,KAAK,IACxC,KAAK,IAAI,YAAY,MAAM,WAAW,IAAI;AAAA,UAC9C,KAAK,IAAI,YAAY,QAAQ,WAAW,MAAM,IAC1C,KAAK,IAAI,YAAY,KAAK,WAAW,GAAG;AAAA,QAChD;AAAA,MACJ;AAAA,MACA;AAAA,IACJ;AAEA,iBAAa,KAAK,KAAK;AACvB,iBAAa,KAAK,KAAK;AACV,iBAAA,SAAS,KAAK,iBAAiB;AAC/B,iBAAA,UAAU,KAAK,iBAAiB;AACtC,WAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOH,wBAAwB;AAC5B,UAAM,mBAAmB,gBAAgB,KAAK,KAAK,YAAY,KAAK;AACpE,QAAI,kBAAkB;AAClB,sBAAgB,KAAK,cAAc,OAAO,KAAK,KAAK,MAAM,KAAK;AAAA,IAAA;AAAA,EACnE;AAAA;AAAA;AAAA;AAAA,EAMG,iBAAiB;;AACpB,SAAK,UAAU;AAEf,0BAAsB,MAAM;AACF,4BAAA,MAAO,KAAK,UAAU,IAAK;AAAA,IAAA,CACpD;AAEG,QAAA,CAAC,KAAK,KAAK,YAAY,SAAS,CAAC,KAAK,KAAK,UAAU,OAAO;AAC5D;AAAA,IAAA;AAGJ,SAAK,aAAa,KAAK,YAAY,KAAK,KAAK,YAAY,KAAK;AACzD,SAAA,cAAc,KAAK,eAAe;AAClC,SAAA,uBAAuB,KAAK,wBAAwB;AACpD,SAAA,eAAe,KAAK,gBAAgB;AAEnC,UAAA,QAAQ,KAAK,eAAe;AAAA,MAC9B,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK,OAAO;AAAA,MACZ,KAAK;AAAA,IACT;AAEA,UAAM,YAAY;AAAA,MACd,UAAU,KAAK,kBAAmB;AAAA,MAClC,QAAQ,KAAK,gBAAiB;AAAA,IAClC;AAGI,QAAA,UAAU,SAAS,SAAS,QAAQ;AACpC,YAAM,WAAW,KAAK,YAAY,UAAU,UAAU,KAAK;AAC3D,gBAAU,WAAW,SAAS;AACpB,gBAAA,SAAS,UAAU,SAAS,SAAS;AAAA,IAAA;AAKnD,UAAM,OACF,UAAU,SAAS,SAAS,WACtB,KAAK,cAAc,KAAK,IACxB,KAAK,YAAY,UAAU,UAAU,KAAK;AAGpD,cAAU,WAAW,KAAK;AAChB,cAAA,SAAS,UAAU,SAAS,SAAS;AAC/C,UAAM,EAAE,GAAG,MAAM,KAAK,uBAAuB,MAAM,SAAS;AAC5D,SAAK,uBAAuB,MAAM,WAAW,GAAG,CAAC;AAC5C,SAAA,uBAAuB,WAAW,GAAG,CAAC;AAEtC,eAAA,KAAK,UAAU,UAAf,mBAAsB;AAAA,MACvB;AAAA,MACA,UAAU,SAAS,SAAS;AAAA;AAGzB,WAAA;AAAA,MACH,UAAU,KAAK;AAAA,MACf,aAAa,KAAK;AAAA,IACtB;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASI,uBACJ,MACA,WACwB;AACxB,QAAI,EAAE,GAAG,EAAE,IAAI,KAAK;AAEhB,QAAA,UAAU,SAAS,SAAS,UAAU;AAClC,UAAA,KAAK,KAAK,KAAK,KAAK,KAAK,SAAS,KAAK,YAAY,UAAU;AAC7D,UAAA,KAAK,KAAK,KAAK,KAAK,KAAK,QAAQ,KAAK,YAAY,SAAS;AAAA,IAAA,OAC5D;AACC,UAAA,UAAU,SAAS,SAAS,OAAO;AACnC,YAAI,KAAK,KAAK,SAAS,KAAK,YAAY;AAAA,MACjC,WAAA,UAAU,SAAS,SAAS,QAAQ;AAC3C,YAAI,KAAK,KAAK,QAAQ,KAAK,YAAY;AAAA,MAAA;AAEvC,UAAA,UAAU,SAAS,cAAc,SAAS;AAC1C,cAAM,UACF,UAAU,SAAS,cAAc,WAAW,IAAI;AAChD,YAAA,UAAU,SAAS,SAAS,KAAK;AAE7B,cAAA,KAAK,WAAW,KACf,KAAK,WAAW,SAAS,KAAK,YAAY,UAC3C;AAAA,QAAA,OACD;AAEC,cAAA,KAAK,WAAW,KACf,KAAK,WAAW,QAAQ,KAAK,YAAY,SAC1C;AAAA,QAAA;AAAA,MACR;AAAA,IACJ;AAIA,QAAA,IAAI,KAAK,aAAa,GAAG;AACzB,UAAI,KAAK,aAAa;AAAA,IAAA;AAEtB,QAAA,IAAI,KAAK,aAAa,GAAG;AACzB,UAAI,KAAK,aAAa;AAAA,IAAA;AAGnB,WAAA,EAAE,GAAG,EAAE;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWV,uBACJ,MACA,WACA,GACA,GACF;AACS,WAAA,OAAO,KAAK,cAAc,OAAO;AAAA,MACpC,yBAAyB,UAAU,SAAS,WAAW;AAAA,MACvD,iBAAiB,UAAU,OAAO,WAAW;AAAA,MAC7C,KAAK,UAAU,WAAW,CAAC,CAAC;AAAA,MAC5B,MAAM,UAAU,WAAW,CAAC,CAAC;AAAA,MAC7B,UAAU;AAAA,QACN,UAAU,SAAS,SAAS,MACtB,KAAK,IAAI,KAAK,SAAS,OAAO,KAAK,WAAW,KAAK,IACnD,KAAK,SAAS;AAAA,MACxB;AAAA,MACA,UAAU;AAAA,QACN;AAAA,UACI;AAAA,YACI,KAAK,KAAK;AAAA,YACV,KAAK,SAAS,UAAU,WAClB,IACA,KAAK,SAAS;AAAA,YACpB,KAAK,SAAS;AAAA,UAAA;AAAA,QAClB;AAAA,MAER;AAAA,MACA,WAAW;AAAA,QACP;AAAA,UACI;AAAA,YACI,KAAK,KAAK;AAAA,YACV,KAAK,UAAU,UAAU,WACnB,IACA,KAAK,UAAU;AAAA,YACrB,KAAK,UAAU;AAAA,UAAA;AAAA,QACnB;AAAA,MACJ;AAAA,IACJ,CACH;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUG,uBACJ,WACA,GACA,GACF;AACQ,UAAA,oBAAoB,KAAK,qBAAqB;AAEhD,QAAA,CAAC,qBACA,UAAU,SAAS,SAAS,YAAY,UAAU,SAAS,cAAc,UAC5E;AACS,aAAA,OAAO,KAAK,cAAc,OAAO;AAAA,QACpC,MAAM;AAAA,QACN,KAAK;AAAA,MAAA,CACR;AACD;AAAA,IAAA;AAGJ,QAAI,iBAAyC;AAC7C,QAAI,iBAAyC;AAC7C,QAAI,WAAW;AAEX,QAAA,UAAU,SAAS,SAAS,KAAK;AAC7B,UAAA,IAAI,KAAK,WAAW,GAAG;AACN,yBAAA,IAAI,kBAAkB,QAAQ;AAAA,MAAA,OAC5C;AACH,yBAAiB,KAAK,WAAW,IAAI,IAAI,kBAAkB,QAAQ;AAAA,MAAA;AAGnE,wBAAA,KAAK,IAAI,KAAK,WAAW,OAAO,KAAK,YAAY,KAAK,IAAI;AAC9D,uBACI,UAAU,SAAS,SAAS,WACtB,IAAI,kBAAkB,SACtB;AACV,iBAAW,UAAU,SAAS,SAAS,WAAW,MAAM;AAAA,IAAA,OACrD;AAGC,UAAA,IAAI,KAAK,WAAW,GAAG;AACN,yBAAA,IAAI,kBAAkB,QAAQ;AAAA,MAAA,OAC5C;AACH,yBAAiB,KAAK,WAAW,IAAI,IAAI,kBAAkB,QAAQ;AAAA,MAAA;AAErD,wBAAA,KAAK,IAAI,KAAK,WAAW,QAAQ,KAAK,YAAY,MAAM,IAAI;AAC9E,uBACI,UAAU,SAAS,SAAS,UACtB,IAAI,kBAAkB,SACtB;AACV,iBAAW,UAAU,SAAS,SAAS,UAAU,KAAK;AAAA,IAAA;AAGnD,WAAA,OAAO,KAAK,cAAc,OAAO;AAAA,MACpC,MAAM,OAAO,mBAAmB,WAC1B,iBACA,UAAU,WAAW,cAAc,CAAC;AAAA,MAC1C,KAAK,OAAO,mBAAmB,WACzB,iBACA,UAAU,WAAW,cAAc,CAAC;AAAA,MAC1C,WAAW,UAAU,QAAQ;AAAA,IAAA,CAChC;AAAA,EAAA;AAAA,EAGG,YAAY,UAAkB,OAAqB;AACvD,UAAM,UAAU,MAAM,OAAO,CAAC,SAAS;AAE/B,UAAA,KAAK,SAAS,SAAS,UAAU;AAC1B,eAAA;AAAA,MAAA;AAEX,aACI,SAAS,cAAc,UACvB,KAAK,SAAS,cAAc,SAAS;AAAA,IAAA,CAE5C;AACD,WAAO,QAAQ,CAAC;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUZ,YAAY,UAAkB,OAAqB;AAEvD,UAAM,YAAY;AAAA,MACd;AAAA,MACA,SAAS,YAAY;AAAA,MACrB,SAAS,SAAS;AAAA,MAClB,SAAS,SAAS,EAAE,YAAY;AAAA,MAChC,SAAS,WAAW;AAAA,MACpB,SAAS,WAAW,EAAE,YAAY;AAAA,MAClC,SAAS,WAAW,EAAE,SAAS;AAAA,MAC/B,SAAS,WAAA,EAAa,SAAA,EAAW,YAAY;AAAA,IACjD;AAGA,eAAW,eAAe,WAAW;AAEjC,YAAM,OAAO,MAAM,KAAK,CAACA,UAAS;AAC9B,eAAOA,MAAK,SAAS,SAAS,MAAM,YAAY,SAAS;AAAA,MAAA,CAC5D;AACD,UAAI,6BAAM,eAAe;AACd,eAAA;AAAA,MAAA;AAAA,IACX;AAIJ,eAAW,eAAe,WAAW;AACjC,YAAM,OAAO,MAAM,KAAK,CAACA,UAAS;AAC9B,eAAOA,MAAK,SAAS,SAAS,MAAM,YAAY,SAAS;AAAA,MAAA,CAC5D;AACD,UAAI,CAAC,MAAM;AACP;AAAA,MAAA;AAEJ,YAAM,YAAY,YAAY,SAAS,MAAM,UAAU;AACvD,UAAI,KAAK,UAAU,SAAS,KAAK,GAAG;AACzB,eAAA;AAAA,MAAA;AAAA,IACX;AAIG,WAAA,KAAK,YAAY,UAAU,KAAK;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASnC,cAAc,OAAqB;AAChC,WAAA,MAAM,KAAK,CAAC,SAAS;AACxB,aACI,KAAK,SAAS,SAAS,YACvB,KAAK,SAAS,cAAc;AAAA,IAAA,CAEnC;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUG,QAAQ;AACZ;AAAA,MACI,MAAM;;AAAA;AAAA,WACF,UAAK,sBAAL,mBAAwB;AAAA,WACxB,UAAK,oBAAL,mBAAsB;AAAA,UACtB,KAAK,MAAM;AAAA,UACX,KAAK,MAAM;AAAA,UACX,KAAK,MAAM;AAAA,UACX,KAAK,MAAM;AAAA,UACX,KAAK,MAAM;AAAA,QACf;AAAA;AAAA,MACA,MAAM,KAAK,eAAe;AAAA,IAC9B;AAEA,aAAS,MAAM;AACL,YAAA,SAAS,KAAK,eAAe;AACnC,UAAI,CAAC,QAAQ;AACT;AAAA,MAAA;AAAA,IACJ,CAEH;AAAA,EAAA;AAET;AAEA,MAAM,KAAK;AAAA,EAIP,YACW,UACA,MACA,SACT;AAPK;AACA;AAGI,SAAA,WAAA;AACA,SAAA,OAAA;AACA,SAAA,UAAA;AAEP,SAAK,YAAY;AAAA,MACb,OAAO,KAAK,KAAK,QAAQ,QAAQ;AAAA,MACjC,QAAQ,KAAK,KAAK,SAAS,QAAQ;AAAA,IACvC;AACK,SAAA,gBACD,KAAK,KAAK,SAAS,QAAQ,SAC3B,KAAK,KAAK,UAAU,QAAQ;AAAA,EAAA;AAAA,EAGpC,IAAI,gBAAgB;AAChB,WAAO,KAAK,UAAU,QAAQ,KAAK,UAAU;AAAA,EAAA;AAErD;AAEA,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWV,aACH,QACA,UACA,QACA,SACM;AACA,UAAA,CAAC,YAAY,WAAW,IAAI;AAGlC,UAAM,QAAmB;AAAA,MACrB,KAAK;AAAA,QACD,GAAG,SAAS;AAAA,QACZ,QAAQ,OAAO,MAAM,SAAS,MAAM;AAAA,QACpC,OAAO;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,QACJ,GAAG,OAAO,SAAS;AAAA,QACnB,QAAQ,SAAS,SAAS,OAAO,SAAS;AAAA,QAC1C,OAAO;AAAA,MACX;AAAA,MACA,MAAM;AAAA,QACF,GAAG,SAAS;AAAA,QACZ,OAAO,OAAO,OAAO,SAAS,OAAO;AAAA,QACrC,OAAO;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACH,GAAG,OAAO,QAAQ;AAAA,QAClB,OAAO,SAAS,QAAQ,OAAO,QAAQ;AAAA,QACvC,OAAO;AAAA,MACX;AAAA,MACA,QAAQ,EAAE,GAAG,SAAS,MAAM,OAAO,SAAS,OAAO,OAAO,IAAI;AAAA,IAClE;AAGA,UAAM,aAA6B;AAAA,MAC/B,GAAG;AAAA,QACC,QAAQ,EAAE,GAAG,SAAS,MAAM,OAAO,SAAS,MAAM;AAAA,QAClD,OAAO;AAAA,UACH,GAAG,OAAO,OAAO;AAAA,UACjB,OAAO,SAAS,QAAQ,OAAO,OAAO;AAAA,QAC1C;AAAA,QACA,KAAK;AAAA,UACD,GAAG,SAAS;AAAA,UACZ,OAAO,OAAO,QAAQ,SAAS,OAAO;AAAA,QAAA;AAAA,MAE9C;AAAA,MACA,GAAG;AAAA,QACC,QAAQ,EAAE,GAAG,SAAS,KAAK,QAAQ,SAAS,OAAO;AAAA,QACnD,OAAO;AAAA,UACH,GAAG,OAAO,MAAM;AAAA,UAChB,QAAQ,SAAS,SAAS,OAAO,MAAM;AAAA,QAC3C;AAAA,QACA,KAAK;AAAA,UACD,GAAG,SAAS;AAAA,UACZ,QAAQ,OAAO,SAAS,SAAS,MAAM;AAAA,QAAA;AAAA,MAC3C;AAAA,IAER;AAEA,UAAM,QAAgB,CAAC;AACvB,eAAW,CAAC,MAAM,SAAS,KAAK,OAAO,QAAQ,KAAK,GAAG;AACnD,iBAAW,CAAC,OAAO,UAAU,KAAK,OAAO;AAAA,QACrC,WAAW,UAAU,KAAK;AAAA,MAAA,GAC3B;AACC,cAAM,SAAS,IAAI;AAAA,UACf;AAAA,UACA;AAAA,QACJ;AACA,cAAM,YAAuB,OAAO;AAAA,UAChC;AAAA,YACI,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,GAAG;AAAA,YACH,GAAG;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,QACJ;AACM,cAAA,OAAO,KAAK,SAAS,SAAS;AACpC,cAAM,KAAK,IAAI,KAAK,QAAQ,MAAM,OAAO,CAAC;AAAA,MAAA;AAAA,IAC9C;AAIE,UAAA,KAAK,CAAC,OAAO,UAAU;AAClB,aAAA,MAAM,gBAAgB,MAAM;AAAA,IAAA,CACtC;AACM,WAAA;AAAA,EAAA;AAEf;"}
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":"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"}

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

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

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

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

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

@@ -1,83 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-import { ref, onScopeDispose, watch } from "vue";
-import { useToggleScope } from "../../composables/toggleScope.mjs";
-import { connectedPositionStrategy } from "./position-strategy/connected-position.mjs";
-import { staticPositionStrategy } from "./position-strategy/static-position.mjs";
-import { propsFactory } from "../../util/props.mjs";
-import { Browser } from "../../util/browser.mjs";
-import { isFunction } from "../../util/is-functions.mjs";
-const positionStrategies = {
-  static: staticPositionStrategy,
-  // specific viewport position, usually centered
-  connected: connectedPositionStrategy
-  // connected to a certain element
-};
-const makePositionStrategyProps = propsFactory(
-  {
-    positionStrategy: {
-      type: [String, Function],
-      default: "connected",
-      validator: (value) => typeof value === "function" || value in positionStrategies
-    },
-    position: {
-      type: String,
-      default: "auto"
-    },
-    origin: {
-      type: String,
-      default: "auto"
-    },
-    offset: [Number, String, Array]
-  },
-  "EvOverlay/position"
-);
-function usePositionStrategies(props, data) {
-  const contentStyles = ref({});
-  const pointerStyles = ref({});
-  const updatePosition = ref();
-  function onResize(e) {
-    var _a;
-    (_a = updatePosition.value) == null ? void 0 : _a.call(updatePosition, e);
-  }
-  if (Browser.hasWindow) {
-    useToggleScope(
-      () => {
-        return !!(data.isActive.value && props.positionStrategy);
-      },
-      (reset) => {
-        var _a;
-        watch(() => props.positionStrategy, reset);
-        onScopeDispose(() => {
-          updatePosition.value = void 0;
-        });
-        let positionStrategyFn;
-        if (isFunction(props.positionStrategy)) {
-          positionStrategyFn = props.positionStrategy;
-        } else {
-          positionStrategyFn = positionStrategies[props.positionStrategy];
-        }
-        updatePosition.value = (_a = positionStrategyFn(
-          data,
-          props,
-          contentStyles,
-          pointerStyles
-        )) == null ? void 0 : _a.updatePosition;
-      }
-    );
-    window.addEventListener("resize", onResize, { passive: true });
-    onScopeDispose(() => {
-      window.removeEventListener("resize", onResize);
-      updatePosition.value = void 0;
-    });
-  }
-  return {
-    contentStyles,
-    updatePosition,
-    pointerStyles
-  };
-}
-export {
-  makePositionStrategyProps,
-  usePositionStrategies
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),g=require("../../composables/toggleScope.mjs"),p=require("./position-strategy/connected-position.mjs"),y=require("./position-strategy/static-position.mjs"),l=require("../../util/props.mjs"),d=require("../../util/browser.mjs"),v=require("../../util/is-functions.mjs"),S={static:y.staticPositionStrategy,connected:p.connectedPositionStrategy},f=l.propsFactory({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 P(t,s){const r=i.ref({}),c=i.ref({}),e=i.ref();function a(n){var o;(o=e.value)==null||o.call(e,n)}return d.Browser.hasWindow&&(g.useToggleScope(()=>!!(s.isActive.value&&t.positionStrategy),n=>{var u;i.watch(()=>t.positionStrategy,n),i.onScopeDispose(()=>{e.value=void 0});let o;v.isFunction(t.positionStrategy)?o=t.positionStrategy:o=S[t.positionStrategy],e.value=(u=o(s,t,r,c))==null?void 0:u.updatePosition}),window.addEventListener("resize",a,{passive:!0}),i.onScopeDispose(()=>{window.removeEventListener("resize",a),e.value=void 0})),{contentStyles:r,updatePosition:e,pointerStyles:c}}exports.makePositionStrategyProps=f;exports.usePositionStrategies=P;
 //# 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\";\n\nexport interface PositionStrategyData {\n contentEl: Ref<HTMLElement \| undefined>;\n activatorEl: Ref<HTMLElement \| undefined>;\n pointerEl: Ref<HTMLElement \| undefined>;\n isActive: Ref<boolean>;\n isRtl: Ref<boolean>;\n}\n\ntype PositionStrategyFn = (\n data: PositionStrategyData,\n props: PositionStrategyProps,\n contentStyles: Ref<Record<string, string>>,\n pointerStyles: Ref<Record<string, string>>,\n) => undefined \| { updatePosition: (e: Event) => void };\n\nconst positionStrategies = {\n static: staticPositionStrategy, // specific viewport position, usually centered\n connected: connectedPositionStrategy, // connected to a certain element\n};\n\nexport interface PositionStrategyProps {\n positionStrategy?: keyof typeof positionStrategies \| PositionStrategyFn;\n position?: AnchorSelector;\n origin?: AnchorSelector \| \"overlap\";\n offset?: number \| string \| number[];\n maxHeight?: number \| string;\n maxWidth?: number \| string;\n minHeight?: number \| string;\n minWidth?: number \| string;\n}\n\n/*\n # Make Position Strategy Props\n /\nexport const makePositionStrategyProps = propsFactory(\n {\n positionStrategy: {\n type: [String, Function] as PropType<\n PositionStrategyProps[\"positionStrategy\"]\n >,\n default: \"connected\",\n validator: (value: any) =>\n typeof value === \"function\" \|\| value in positionStrategies,\n },\n position: {\n type: String as PropType<AnchorSelector>,\n default: \"auto\",\n },\n origin: {\n type: String as PropType<PositionStrategyProps[\"origin\"]>,\n default: \"auto\",\n },\n offset: [Number, String, Array] as PropType<\n PositionStrategyProps[\"offset\"]\n >,\n },\n \"EvOverlay/position\",\n);\n\n/\n # Use Position Strategies\n /\nexport function usePositionStrategies(\n props: PositionStrategyProps,\n data: PositionStrategyData,\n) {\n const contentStyles = ref({});\n const pointerStyles = ref({});\n const updatePosition = ref<(e: Event) => void>();\n\n /\n ## On Resize\n * Update the position when the window resizes.\n * @param e\n */\n function onResize(e: Event) {\n updatePosition.value?.(e);\n }\n\n if (Browser.hasWindow) {\n useToggleScope(\n () => {\n return !!(data.isActive.value && props.positionStrategy);\n },\n (reset) => {\n watch(() => props.positionStrategy, reset);\n onScopeDispose(() => {\n updatePosition.value = undefined;\n });\n let positionStrategyFn: PositionStrategyFn;\n if (isFunction(props.positionStrategy)) {\n positionStrategyFn = props.positionStrategy;\n } else {\n positionStrategyFn = positionStrategies[\n props.positionStrategy\n ] as PositionStrategyFn;\n }\n updatePosition.value = positionStrategyFn(\n data,\n props,\n contentStyles,\n pointerStyles,\n )?.updatePosition;\n },\n );\n\n window.addEventListener(\"resize\", onResize, { passive: true });\n\n onScopeDispose(() => {\n window.removeEventListener(\"resize\", onResize);\n updatePosition.value = undefined;\n });\n }\n\n return {\n contentStyles,\n updatePosition,\n pointerStyles,\n };\n}\n"],"names":[],"mappings":"~~;;;;;;;;AAuBA~~,~~MAAM~~,~~qBAAqB;AAAA~~,~~EACvB~~,~~QAAQ;AAAA;AAAA~~,~~EACR~~,~~WAAW;AAAA;AACf;AAgBO~~,~~MAAM~~,~~4BAA4B;AAAA~~,~~EACrC;AAAA~~,~~IACI~~,~~kBAAkB;AAAA~~,~~MACd~~,~~MAAM~~,CAAC,~~QAAQ~~,QAAQ~~;AAAA~~,~~MAGvB~~,~~SAAS;AAAA~~,~~MACT~~,~~WAAW~~,~~CAAC~~,~~UACR~~,~~OAAO~~,~~UAAU~~,~~cAAc~~,~~SAAS;AAAA~~,~~IAChD;AAAA~~,~~IACA~~,~~UAAU;AAAA~~,~~MACN~~,~~MAAM;AAAA~~,~~MACN~~,~~SAAS;AAAA~~,~~IACb;AAAA~~,~~IACA~~,~~QAAQ;AAAA~~,~~MACJ~~,~~MAAM;AAAA~~,~~MACN~~,~~SAAS;AAAA~~,~~IACb;AAAA~~,~~IACA~~,~~QAAQ,~~CAAC,~~QAAQ~~,~~QAAQ~~,KAAK~~;AAAA~~,~~EAGlC;AAAA~~,EACA~~;AACJ;AAKgB~~,~~SAAA~~,~~sBACZ~~,~~OACA~~,~~MACF;AACQ~~,~~QAAA~~,~~gBAAgB~~,~~IAAI~~,EAAE~~;AACtB~~,~~QAAA~~,~~gBAAgB~~,~~IAAI~~,EAAE~~;AAC5B~~,~~QAAM~~,~~iBAAiB~~,IAAwB~~;AAO~~/C,~~WAAS~~,~~SAAS~~,~~GAAU;;AACxB~~,~~yBAAe~~,~~UAAf~~,~~wCAAuB;AAAA~~,EAAC~~;AAG5B~~,~~MAAI~~,QAAQ,~~WAAW;AACnB;AAAA~~,~~MACI~~,~~MAAM;AACF~~,~~eAAO~~,CAAC,~~EAAE~~,~~KAAK~~,SAAS,~~SAAS~~,~~MAAM;AAAA~~,~~MAC3C;AAAA~~,~~MACA~~,~~CAAC~~,~~UAAU;;AACD~~,~~cAAA~~,~~MAAM~~,~~MAAM~~,~~kBAAkB~~,~~KAAK;AACzC~~,~~uBAAe~~,~~MAAM;AACjB~~,~~yBAAe~~,~~QAAQ;AAAA~~,~~QAAA~~,CAC1B~~;AACG~~,~~YAAA;AACA~~,~~YAAA~~,~~WAAW~~,~~MAAM~~,gBAAgB,~~GAAG;AACpC,+BAAqB~~,~~MAAM;AAAA~~,~~QAAA~~,~~OACxB;AACkB,+BAAA~~,~~mBACjB~~,~~MAAM~~,gBACV~~;AAAA~~,~~QAAA;AAEJ~~,~~uBAAe~~,~~SAAQ;AAAA~~,~~UACnB;AAAA~~,~~UACA;AAAA~~,~~UACA;AAAA~~,~~UACA;AAAA~~,~~QAAA~~,~~MAJmB~~,~~mBAKpB;AAAA~~,~~MAAA;AAAA~~,~~IAEX;AAEA~~,~~WAAO~~,iBAAiB,~~UAAU~~,~~UAAU~~,~~EAAE~~,~~SAAS~~,~~MAAM;AAE7D~~,~~mBAAe~~,~~MAAM;AACV~~,~~aAAA~~,oBAAoB,~~UAAU~~,~~QAAQ;AAC7C~~,~~qBAAe~~,~~QAAQ;AAAA~~,~~IAAA~~,CAC1B~~;AAAA~~,~~EAAA;AAGE~~,~~SAAA;AAAA~~,~~IACH;AAAA~~,~~IACA;AAAA~~,~~IACA;AAAA~~,~~EACJ;AACJ;~~"}
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\";\n\nexport interface PositionStrategyData {\n contentEl: Ref<HTMLElement \| undefined>;\n activatorEl: Ref<HTMLElement \| undefined>;\n pointerEl: Ref<HTMLElement \| undefined>;\n isActive: Ref<boolean>;\n isRtl: Ref<boolean>;\n}\n\ntype PositionStrategyFn = (\n data: PositionStrategyData,\n props: PositionStrategyProps,\n contentStyles: Ref<Record<string, string>>,\n pointerStyles: Ref<Record<string, string>>,\n) => undefined \| { updatePosition: (e: Event) => void };\n\nconst positionStrategies = {\n static: staticPositionStrategy, // specific viewport position, usually centered\n connected: connectedPositionStrategy, // connected to a certain element\n};\n\nexport interface PositionStrategyProps {\n positionStrategy?: keyof typeof positionStrategies \| PositionStrategyFn;\n position?: AnchorSelector;\n origin?: AnchorSelector \| \"overlap\";\n offset?: number \| string \| number[];\n maxHeight?: number \| string;\n maxWidth?: number \| string;\n minHeight?: number \| string;\n minWidth?: number \| string;\n}\n\n/*\n # Make Position Strategy Props\n /\nexport const makePositionStrategyProps = propsFactory(\n {\n positionStrategy: {\n type: [String, Function] as PropType<\n PositionStrategyProps[\"positionStrategy\"]\n >,\n default: \"connected\",\n validator: (value: any) =>\n typeof value === \"function\" \|\| value in positionStrategies,\n },\n position: {\n type: String as PropType<AnchorSelector>,\n default: \"auto\",\n },\n origin: {\n type: String as PropType<PositionStrategyProps[\"origin\"]>,\n default: \"auto\",\n },\n offset: [Number, String, Array] as PropType<\n PositionStrategyProps[\"offset\"]\n >,\n },\n \"EvOverlay/position\",\n);\n\n/\n # Use Position Strategies\n /\nexport function usePositionStrategies(\n props: PositionStrategyProps,\n data: PositionStrategyData,\n) {\n const contentStyles = ref({});\n const pointerStyles = ref({});\n const updatePosition = ref<(e: Event) => void>();\n\n /\n ## On Resize\n * Update the position when the window resizes.\n * @param e\n */\n function onResize(e: Event) {\n updatePosition.value?.(e);\n }\n\n if (Browser.hasWindow) {\n useToggleScope(\n () => {\n return !!(data.isActive.value && props.positionStrategy);\n },\n (reset) => {\n watch(() => props.positionStrategy, reset);\n onScopeDispose(() => {\n updatePosition.value = undefined;\n });\n let positionStrategyFn: PositionStrategyFn;\n if (isFunction(props.positionStrategy)) {\n positionStrategyFn = props.positionStrategy;\n } else {\n positionStrategyFn = positionStrategies[\n props.positionStrategy\n ] as PositionStrategyFn;\n }\n updatePosition.value = positionStrategyFn(\n data,\n props,\n contentStyles,\n pointerStyles,\n )?.updatePosition;\n },\n );\n\n window.addEventListener(\"resize\", onResize, { passive: true });\n\n onScopeDispose(() => {\n window.removeEventListener(\"resize\", onResize);\n updatePosition.value = undefined;\n });\n }\n\n return {\n contentStyles,\n updatePosition,\n pointerStyles,\n };\n}\n"],"names":["positionStrategies","staticPositionStrategy","connectedPositionStrategy","makePositionStrategyProps","propsFactory","value","usePositionStrategies","props","data","contentStyles","ref","pointerStyles","updatePosition","onResize","e","_a","Browser","useToggleScope","reset","watch","onScopeDispose","positionStrategyFn","isFunction"],"mappings":"wZAuBMA,EAAqB,CACvB,OAAQC,EAAA,uBACR,UAAWC,EAAAA,yBACf,EAgBaC,EAA4BC,EAAA,aACrC,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,IAAA,EAAE,EACtBC,EAAgBD,EAAI,IAAA,EAAE,EACtBE,EAAiBF,EAAAA,IAAwB,EAO/C,SAASG,EAASC,EAAU,QACxBC,EAAAH,EAAe,QAAf,MAAAG,EAAA,KAAAH,EAAuBE,EAAC,CAG5B,OAAIE,EAAAA,QAAQ,YACRC,EAAA,eACI,IACW,CAAC,EAAET,EAAK,SAAS,OAASD,EAAM,kBAE1CW,GAAU,OACDC,EAAAA,MAAA,IAAMZ,EAAM,iBAAkBW,CAAK,EACzCE,EAAAA,eAAe,IAAM,CACjBR,EAAe,MAAQ,MAAA,CAC1B,EACG,IAAAS,EACAC,EAAA,WAAWf,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,EAAAA,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,70 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-import { onScopeDispose } from "vue";
-import { getScrollParents, hasScrollbar } from "../../../util/scroll.mjs";
-import { toWebUnit } from "../../../util/units.mjs";
-function blockScrollStrategy(data, props) {
-  var _a, _b;
-  const offsetParent = (_a = data.containerEl.value) == null ? void 0 : _a.offsetParent;
-  const scrollElements = [
-    .../* @__PURE__ */ new Set([
-      ...getScrollParents(
-        data.activatorEl.value,
-        props.contained ? offsetParent : void 0
-      ),
-      ...getScrollParents(
-        data.contentEl.value,
-        props.contained ? offsetParent : void 0
-      )
-    ])
-  ].filter((el) => !el.classList.contains("ev-overlay-scroll-blocked"));
-  const scrollbarWidth = window.innerWidth - document.documentElement.offsetWidth;
-  const scrollableParent = ((el) => hasScrollbar(el) && el)(
-    offsetParent || document.documentElement
-  );
-  if (scrollableParent) {
-    (_b = data.containerEl.value) == null ? void 0 : _b.classList.add("ev-overlay--scroll-blocked");
-  }
-  scrollElements.forEach((el, i) => {
-    el.style.setProperty(
-      "--ev-body-scroll-x",
-      toWebUnit(-el.scrollLeft) ?? null
-    );
-    el.style.setProperty(
-      "--ev-body-scroll-y",
-      toWebUnit(-el.scrollTop) ?? null
-    );
-    if (el !== document.documentElement) {
-      el.style.setProperty(
-        "--ev-scrollbar-offset",
-        toWebUnit(scrollbarWidth) ?? null
-      );
-    }
-    el.classList.add("ev-overlay-scroll-blocked");
-  });
-  onScopeDispose(() => {
-    var _a2;
-    scrollElements.forEach((el, i) => {
-      const x = parseFloat(
-        el.style.getPropertyValue("--ev-body-scroll-x")
-      );
-      const y = parseFloat(
-        el.style.getPropertyValue("--ev-body-scroll-y")
-      );
-      el.style.removeProperty("--ev-body-scroll-x");
-      el.style.removeProperty("--ev-body-scroll-y");
-      el.style.removeProperty("--ev-scrollbar-offset");
-      el.classList.remove("ev-overlay-scroll-blocked");
-      el.scrollLeft = -x;
-      el.scrollTop = -y;
-    });
-    if (scrollableParent) {
-      (_a2 = data.containerEl.value) == null ? void 0 : _a2.classList.remove(
-        "ev-overlay--scroll-blocked"
-      );
-    }
-  });
-}
-export {
-  blockScrollStrategy
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("vue"),r=require("../../../util/scroll.mjs"),s=require("../../../util/units.mjs");function f(l,c){var i,y;const t=(i=l.containerEl.value)==null?void 0:i.offsetParent,n=[...new Set([...r.getScrollParents(l.activatorEl.value,c.contained?t:void 0),...r.getScrollParents(l.contentEl.value,c.contained?t:void 0)])].filter(e=>!e.classList.contains("ev-overlay-scroll-blocked")),v=window.innerWidth-document.documentElement.offsetWidth,a=(e=>r.hasScrollbar(e)&&e)(t||document.documentElement);a&&((y=l.containerEl.value)==null||y.classList.add("ev-overlay--scroll-blocked")),n.forEach((e,o)=>{e.style.setProperty("--ev-body-scroll-x",s.toWebUnit(-e.scrollLeft)??null),e.style.setProperty("--ev-body-scroll-y",s.toWebUnit(-e.scrollTop)??null),e!==document.documentElement&&e.style.setProperty("--ev-scrollbar-offset",s.toWebUnit(v)??null),e.classList.add("ev-overlay-scroll-blocked")}),b.onScopeDispose(()=>{var e;n.forEach((o,m)=>{const d=parseFloat(o.style.getPropertyValue("--ev-body-scroll-x")),u=parseFloat(o.style.getPropertyValue("--ev-body-scroll-y"));o.style.removeProperty("--ev-body-scroll-x"),o.style.removeProperty("--ev-body-scroll-y"),o.style.removeProperty("--ev-scrollbar-offset"),o.classList.remove("ev-overlay-scroll-blocked"),o.scrollLeft=-d,o.scrollTop=-u}),a&&((e=l.containerEl.value)==null||e.classList.remove("ev-overlay--scroll-blocked"))})}exports.blockScrollStrategy=f;
 //# 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":["_a"],"mappings":"~~;;;;AASgB~~,~~SAAA~~,~~oBACZ~~,~~MACA~~,~~OACF;;AACQ~~,~~QAAA~~,~~gBAAe~~,~~UAAK~~,YAAY,~~UAAjB~~,~~mBAAwB;AAC7C~~,~~QAAM~~,~~iBAAiB;AAAA~~,~~IACnB~~,~~uBAAO~~,IAAI~~;AAAA~~,~~MACP~~,~~GAAG;AAAA~~,~~QACC~~,~~KAAK~~,YAAY~~;AAAA~~,~~QACjB~~,~~MAAM~~,~~YAAY~~,~~eAAe;AAAA~~,MACrC~~;AAAA~~,~~MACA~~,~~GAAG;AAAA~~,~~QACC~~,~~KAAK~~,UAAU~~;AAAA~~,~~QACf~~,~~MAAM~~,~~YAAY~~,~~eAAe;AAAA~~,MAAA~~;AAAA~~,~~IAExC~~,CAAA~~;AAAA~~,~~EAAA~~,EACH,~~OAAO~~,~~CAAC~~,~~OAAO~~,~~CAAC~~,~~GAAG,~~UAAU,SAAS,2BAA2B,CAAC~~;AACpE~~,~~QAAM~~,~~iBACF~~,OAAO,~~aAAa~~,SAAS,gBAAgB~~;AACjD~~,~~QAAM~~,~~oBAAoB~~,~~CAAC~~,~~OAAO~~,~~aAAa~~,~~EAAE~~,~~KAAK;AAAA~~,~~IAClD~~,~~gBAAgB~~,SAAS~~;AAAA~~,~~EAC7B;AACA~~,~~MAAI~~,~~kBAAkB;AAClB~~,~~eAAK~~,YAAY,~~UAAjB~~,~~mBAAwB~~,UAAU,IAAI~~;AAAA~~,~~EAA4B;AAGvD~~,~~iBAAA,~~QAAQ,~~CAAC~~,~~IAAI~~,~~MAAM;AAC9B~~,~~OAAG~~,MAAM~~;AAAA~~,~~MACL;AAAA~~,~~MACA~~,~~UAAU~~,~~CAAC~~,~~GAAG~~,UAAU,~~KAAK;AAAA~~,IACjC~~;AACA~~,~~OAAG~~,MAAM~~;AAAA~~,~~MACL;AAAA~~,~~MACA~~,~~UAAU~~,~~CAAC~~,~~GAAG~~,SAAS,~~KAAK;AAAA~~,IAChC~~;AACI~~,~~QAAA~~,~~OAAO~~,SAAS,~~iBAAiB;AACjC~~,~~SAAG~~,MAAM~~;AAAA~~,~~QACL;AAAA~~,~~QACA~~,~~UAAU~~,~~cAAc~~,~~KAAK;AAAA~~,~~MACjC;AAAA~~,~~IAAA;AAED~~,~~OAAA~~,UAAU,IAAI,2BAA2B~~;AAAA~~,~~EAAA~~,CAC/C~~;AAED~~,~~iBAAe~~,~~MAAM;;AACF~~,~~mBAAA~~,QAAQ,~~CAAC~~,~~IAAI~~,~~MAAM;AAC9B~~,~~YAAM~~,~~IAAI;AAAA~~,~~QACN~~,~~GAAG~~,MAAM,iBAAiB,oBAAoB~~;AAAA~~,~~MAClD;AACA~~,~~YAAM~~,~~IAAI;AAAA~~,~~QACN~~,~~GAAG~~,MAAM,iBAAiB,oBAAoB~~;AAAA~~,~~MAClD;AAEG~~,~~SAAA~~,MAAM,eAAe,oBAAoB~~;AACzC~~,~~SAAA~~,MAAM,eAAe,oBAAoB~~;AACzC~~,~~SAAA~~,MAAM,eAAe,uBAAuB~~;AAC5C~~,~~SAAA~~,UAAU,OAAO,2BAA2B~~;AAC~~/C,~~SAAG~~,~~aAAa~~,~~CAAC;AACjB~~,~~SAAG~~,~~YAAY~~,~~CAAC;AAAA~~,~~IAAA~~,CACnB~~;AACD~~,~~QAAI~~,~~kBAAkB;AACb~~,~~OAAAA~~,~~MAAA~~,~~KAAA,~~YAAY,~~UAAZ~~,~~gBAAAA~~,~~IAAmB~~,UAAU~~;AAAA~~,~~QAC9B;AAAA;AAAA~~,~~IACJ;AAAA~~,~~EACJ~~,~~CACH;AACL;~~"}
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":"wNASgB,SAAAA,EACZC,EACAC,EACF,SACQ,MAAAC,GAAeC,EAAAH,EAAK,YAAY,QAAjB,YAAAG,EAAwB,aACvCC,EAAiB,CACnB,OAAO,IAAI,CACP,GAAGC,EAAA,iBACCL,EAAK,YAAY,MACjBC,EAAM,UAAYC,EAAe,MACrC,EACA,GAAGG,EAAA,iBACCL,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,EAAAA,aAAaH,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,YAAU,CAACN,EAAG,UAAU,GAAK,IACjC,EACAA,EAAG,MAAM,YACL,qBACAM,YAAU,CAACN,EAAG,SAAS,GAAK,IAChC,EACIA,IAAO,SAAS,iBAChBA,EAAG,MAAM,YACL,wBACAM,EAAA,UAAUL,CAAc,GAAK,IACjC,EAEDD,EAAA,UAAU,IAAI,2BAA2B,CAAA,CAC/C,EAEDO,EAAAA,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"}

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

@@ -1,15 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-import { addScrollEventListener } from "../../../util/events.mjs";
-function closeScrollStrategy(data) {
-  function onScroll(e) {
-    data.isActive.value = false;
-  }
-  addScrollEventListener(
-    data.activatorEl.value ?? data.contentEl.value,
-    onScroll
-  );
-}
-export {
-  closeScrollStrategy
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../util/events.mjs");function o(e){function t(r){e.isActive.value=!1}l.addScrollEventListener(e.activatorEl.value??e.contentEl.value,t)}exports.closeScrollStrategy=o;
 //# 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":[],"mappings":"~~;;AAOO~~,~~SAAS~~,~~oBAAoB~~,~~MAA0B;AAC1D~~,~~WAAS~~,~~SAAS~~,~~GAAU;AACxB~~,~~SAAK~~,SAAS,~~QAAQ;AAAA~~,EAAA~~;AAE1B;AAAA~~,~~IACI~~,~~KAAK~~,YAAY,~~SAAS~~,~~KAAK~~,UAAU~~;AAAA~~,~~IACzC;AAAA~~,~~EACJ;AACJ;~~"}
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":"kKAOO,SAASA,EAAoBC,EAA0B,CAC1D,SAASC,EAASC,EAAU,CACxBF,EAAK,SAAS,MAAQ,EAAA,CAE1BG,EAAA,uBACIH,EAAK,YAAY,OAASA,EAAK,UAAU,MACzCC,CACJ,CACJ"}

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

@@ -1,45 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-import { onScopeDispose } from "vue";
-import { requestNewFrame } from "../../../util/animate.mjs";
-import { addScrollEventListener } from "../../../util/events.mjs";
-function repositionScrollStrategy(data, props, scope) {
-  let slow = false;
-  let raf = -1;
-  let ric = -1;
-  function update(e) {
-    requestNewFrame(() => {
-      var _a, _b;
-      const start = performance.now();
-      (_b = (_a = data.updatePosition).value) == null ? void 0 : _b.call(_a, e);
-      const time = performance.now() - start;
-      slow = time / (1e3 / 60) > 2;
-    });
-  }
-  ric = (typeof requestIdleCallback === "undefined" ? (cb) => cb() : requestIdleCallback)(() => {
-    scope.run(() => {
-      addScrollEventListener(
-        data.activatorEl.value ?? data.contentEl.value,
-        (e) => {
-          if (slow) {
-            cancelAnimationFrame(raf);
-            raf = requestAnimationFrame(() => {
-              raf = requestAnimationFrame(() => {
-                update(e);
-              });
-            });
-          } else {
-            update(e);
-          }
-        }
-      );
-    });
-  });
-  onScopeDispose(() => {
-    typeof cancelIdleCallback !== "undefined" && cancelIdleCallback(ric);
-    cancelAnimationFrame(raf);
-  });
-}
-export {
-  repositionScrollStrategy
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),m=require("../../../util/animate.mjs"),p=require("../../../util/events.mjs");function d(n,f,c){let r=!1,t=-1,o=-1;function a(e){m.requestNewFrame(()=>{var l,i;const s=performance.now();(i=(l=n.updatePosition).value)==null||i.call(l,e),r=(performance.now()-s)/(1e3/60)>2})}o=(typeof requestIdleCallback>"u"?e=>e():requestIdleCallback)(()=>{c.run(()=>{p.addScrollEventListener(n.activatorEl.value??n.contentEl.value,e=>{r?(cancelAnimationFrame(t),t=requestAnimationFrame(()=>{t=requestAnimationFrame(()=>{a(e)})})):a(e)})})}),u.onScopeDispose(()=>{typeof cancelIdleCallback<"u"&&cancelIdleCallback(o),cancelAnimationFrame(t)})}exports.repositionScrollStrategy=d;
 //# 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":[],"mappings":"~~;;;;AAUgB~~,~~SAAA~~,~~yBACZ~~,~~MACA~~,~~OACA~~,~~OACF;AACE~~,~~MAAI~~,~~OAAO;AACX~~,~~MAAI~~,~~MAAM;AACV~~,~~MAAI~~,~~MAAM;AAEV~~,~~WAAS~~,~~OAAO~~,~~GAAU;AACtB~~,~~oBAAgB~~,~~MAAM;;AACZ~~,~~YAAA~~,~~QAAQ~~,YAAY,IAAI~~;AACzB~~,~~uBAAA~~,gBAAe,~~UAAf~~,~~4BAAuB;AACtB~~,~~YAAA~~,~~OAAO~~,YAAY,IAAA,~~IAAQ;AAC1B~~,~~aAAA~~,~~QAAQ~~,~~MAAO~~,~~MAAM;AAAA~~,~~IAAA,~~CAC/B~~;AAAA~~,~~EAAA;AAID~~,~~SAAA~~,OAAO,~~wBAAwB~~,~~cACzB~~,~~CAAC~~,~~OAAiB~~,~~GAAG~~,~~IACrB,~~qBACR,~~MAAM;AACJ~~,~~UAAM~~,IAAI,~~MAAM;AACZ;AAAA~~,~~QACI~~,~~KAAK~~,YAAY,~~SAAS~~,~~KAAK~~,UAAU~~;AAAA~~,~~QACzC~~,~~CAAC~~,~~MAAM;AACH~~,~~cAAI~~,~~MAAM;AAKN~~,~~iCAAqB~~,~~GAAG;AACxB~~,~~kBAAM~~,sBAAsB,~~MAAM;AAC9B~~,~~oBAAM~~,sBAAsB,~~MAAM;AAC9B~~,~~uBAAO~~,CAAC~~;AAAA~~,~~cAAA~~,CACX~~;AAAA~~,~~YAAA~~,CACJ~~;AAAA~~,~~UAAA~~,~~OACE;AACH~~,~~mBAAO,~~CAAC~~;AAAA~~,~~UAAA;AAAA~~,~~QACZ;AAAA~~,~~MAER;AAAA~~,~~IAAA,~~CACH~~;AAAA~~,~~EAAA~~,CACJ~~;AAED~~,~~iBAAe~~,~~MAAM;AACV~~,~~WAAA~~,~~uBAAuB~~,~~eAAe~~,~~mBAAmB~~,~~GAAG;AACnE~~,~~yBAAqB~~,~~GAAG;AAAA~~,~~EAAA~~,CAC3B~~;AACL;~~"}
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":"0NAUgB,SAAAA,EACZC,EACAC,EACAC,EACF,CACE,IAAIC,EAAO,GACPC,EAAM,GACNC,EAAM,GAEV,SAASC,EAAO,EAAU,CACtBC,EAAAA,gBAAgB,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,EAAA,uBACIZ,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,EAAAA,eAAe,IAAM,CACV,OAAA,mBAAuB,KAAe,mBAAmBR,CAAG,EACnE,qBAAqBD,CAAG,CAAA,CAC3B,CACL"}

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

@@ -1,58 +1,2 @@
-/*! Evance UI v1.1.9 | MIT License */
-import { watchEffect, effectScope, nextTick, onScopeDispose } from "vue";
-import { repositionScrollStrategy } from "./scroll-strategy/reposition-scroll.mjs";
-import { blockScrollStrategy } from "./scroll-strategy/block-scroll.mjs";
-import { closeScrollStrategy } from "./scroll-strategy/close-scroll.mjs";
-import { propsFactory } from "../../util/props.mjs";
-import { Browser } from "../../util/browser.mjs";
-const scrollStrategies = {
-  none: null,
-  close: closeScrollStrategy,
-  block: blockScrollStrategy,
-  reposition: repositionScrollStrategy
-};
-const makeScrollStrategyProps = propsFactory(
-  {
-    scrollStrategy: {
-      type: [String, Function],
-      default: "block",
-      validator: (val) => typeof val === "function" || val in scrollStrategies
-    }
-  },
-  "EvOverlay/scroll"
-);
-function useScrollStrategies(props, data) {
-  if (!Browser.hasWindow) {
-    return;
-  }
-  let scope;
-  watchEffect(async () => {
-    scope == null ? void 0 : scope.stop();
-    if (!(data.isActive.value && props.scrollStrategy)) {
-      return;
-    }
-    scope = effectScope();
-    await nextTick();
-    scope.active && scope.run(() => {
-      var _a;
-      if (typeof props.scrollStrategy === "function") {
-        props.scrollStrategy(data, props, scope);
-      } else {
-        (_a = scrollStrategies[props.scrollStrategy]) == null ? void 0 : _a.call(
-          scrollStrategies,
-          data,
-          props,
-          scope
-        );
-      }
-    });
-  });
-  onScopeDispose(() => {
-    scope == null ? void 0 : scope.stop();
-  });
-}
-export {
-  makeScrollStrategyProps,
-  useScrollStrategies
-};
+"use strict";/*! Evance UI v1.1.11 | MIT License */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),i=require("./scroll-strategy/reposition-scroll.mjs"),n=require("./scroll-strategy/block-scroll.mjs"),s=require("./scroll-strategy/close-scroll.mjs"),S=require("../../util/props.mjs"),a=require("../../util/browser.mjs"),o={none:null,close:s.closeScrollStrategy,block:n.blockScrollStrategy,reposition:i.repositionScrollStrategy},u=S.propsFactory({scrollStrategy:{type:[String,Function],default:"block",validator:t=>typeof t=="function"||t in o}},"EvOverlay/scroll");function y(t,l){if(!a.Browser.hasWindow)return;let e;r.watchEffect(async()=>{e==null||e.stop(),l.isActive.value&&t.scrollStrategy&&(e=r.effectScope(),await r.nextTick(),e.active&&e.run(()=>{var c;typeof t.scrollStrategy=="function"?t.scrollStrategy(l,t,e):(c=o[t.scrollStrategy])==null||c.call(o,l,t,e)}))}),r.onScopeDispose(()=>{e==null||e.stop()})}exports.makeScrollStrategyProps=u;exports.useScrollStrategies=y;
 //# 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":[],"mappings":"~~;;;;;;;AA8BA~~,~~MAAM~~,~~mBAAmB;AAAA~~,~~EACrB~~,~~MAAM;AAAA~~,~~EACN~~,~~OAAO;AAAA~~,~~EACP~~,~~OAAO;AAAA~~,~~EACP~~,~~YAAY;AAChB;AAUO~~,~~MAAM~~,~~0BAA0B;AAAA~~,~~EACnC;AAAA~~,~~IACI~~,~~gBAAgB;AAAA~~,~~MACZ~~,~~MAAM~~,CAAC,~~QAAQ~~,QAAQ~~;AAAA~~,~~MAGvB~~,~~SAAS;AAAA~~,~~MACT~~,~~WAAW~~,~~CAAC~~,~~QACR~~,~~OAAO~~,~~QAAQ~~,~~cAAc~~,~~OAAO;AAAA~~,~~IAAA;AAAA~~,~~EAEhD;AAAA,~~EACA~~;AACJ;AAOgB~~,~~SAAA~~,~~oBACZ~~,~~OACA~~,~~MACF;AACM~~,~~MAAA~~,~~CAAC~~,~~QAAQ~~,~~WAAW;AACpB;AAAA~~,~~EAAA;AAGA~~,~~MAAA;AACJ~~,~~cAAY~~,YAAY~~;AACpB~~,~~mCAAO;AAEP~~,~~QAAI~~,~~EAAE~~,~~KAAK~~,~~SAAS~~,SAAS,~~MAAM~~,~~iBAAiB;AAChD;AAAA~~,~~IAAA;AAGJ~~,~~YAAQ~~,YAAY~~;AACpB~~,~~UAAM~~,~~SAAS;AACT~~,~~UAAA~~,~~UACF~~,~~MAAM~~,IAAI,~~MAAM;;AACR~~,~~UAAA~~,~~OAAO~~,~~MAAM~~,~~mBAAmB~~,~~YAAY;AACtC~~,~~cAAA~~,~~eAAe~~,~~MAAM~~,~~OAAO~~,~~KAAM;AAAA~~,~~MAAA~~,~~OACrC;AACH,+BAAiB~~,~~MAAM~~,~~oBAAvB;AAAA;AAAA~~,~~UACI;AAAA~~,~~UACA;AAAA~~,~~UACA;AAAA;AAAA~~,~~MACJ;AAAA~~,~~IACJ~~,CACH~~;AAAA~~,EAAA,CACR~~;AAED~~,~~iBAAe~~,~~MAAM;AACjB~~,~~mCAAO;AAAA~~,~~EAAK~~,CACf~~;AACL;~~"}
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":"wWA8BMA,EAAmB,CACrB,KAAM,KACN,MAAOC,EAAA,oBACP,MAAOC,EAAA,oBACP,WAAYC,EAAAA,wBAChB,EAUaC,EAA0BC,EAAA,aACnC,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,UAAQ,UACT,OAGA,IAAAC,EACJC,EAAAA,YAAY,SAAY,CACpBD,GAAA,MAAAA,EAAO,OAEDF,EAAK,SAAS,OAASD,EAAM,iBAInCG,EAAQE,EAAAA,YAAY,EACpB,MAAMC,WAAS,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,EAAAA,eAAe,IAAM,CACjBL,GAAA,MAAAA,EAAO,MAAK,CACf,CACL"}