yuyeon 0.3.1-rc.5 → 0.3.1

package/lib/composables/coordinate/index.js

@@ -0,0 +1,67 @@
+import { onScopeDispose, ref, watch } from 'vue';
+import { propsFactory } from "../../util/component/index.js";
+import { useToggleScope } from "../scope.js";
+import { applyArrangement } from "./arrangement.js";
+import { applyLevitation } from "./levitation.js";
+const coordinateStrategies = {
+  levitation: applyLevitation,
+  arrangement: applyArrangement
+};
+export const pressCoordinateProps = propsFactory({
+  coordinateStrategy: {
+    type: [String, Function],
+    default: 'arrangement'
+  },
+  position: {
+    type: String,
+    default: 'default'
+  },
+  align: {
+    type: String,
+    default: 'start'
+  },
+  origin: {
+    type: String,
+    default: 'auto'
+  },
+  offset: {
+    type: [Number, String, Array]
+  },
+  viewportMargin: {
+    type: [Number, String, Array],
+    default: 16
+  }
+}, 'Coordinate');
+export function useCoordinate(props, state) {
+  const updateCoordinate = ref();
+  const coordinate = ref();
+  const coordinateStyles = ref({});
+  useToggleScope(() => !!(state.active.value && props.coordinateStrategy), reset => {
+    watch(() => props.coordinateStrategy, reset);
+    onScopeDispose(() => {
+      updateCoordinate.value = undefined;
+    });
+    if (typeof props.coordinateStrategy === 'function') {
+      updateCoordinate.value = props.coordinateStrategy(props, state, coordinate, coordinateStyles)?.updateCoordinate;
+    } else {
+      const strategy = coordinateStrategies[props.coordinateStrategy];
+      updateCoordinate.value = strategy?.(props, state, coordinate, coordinateStyles)?.updateCoordinate;
+    }
+  });
+  window.addEventListener('resize', onResize, {
+    passive: true
+  });
+  onScopeDispose(() => {
+    window.removeEventListener('resize', onResize);
+    updateCoordinate.value = undefined;
+  });
+  function onResize(e) {
+    updateCoordinate.value?.(e);
+  }
+  return {
+    coordinate,
+    coordinateStyles,
+    updateCoordinate
+  };
+}
+//# sourceMappingURL=index.js.map

package/lib/composables/coordinate/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["onScopeDispose","ref","watch","propsFactory","useToggleScope","applyArrangement","applyLevitation","coordinateStrategies","levitation","arrangement","pressCoordinateProps","coordinateStrategy","type","String","Function","default","position","align","origin","offset","Number","Array","viewportMargin","useCoordinate","props","state","updateCoordinate","coordinate","coordinateStyles","active","value","reset","undefined","strategy","window","addEventListener","onResize","passive","removeEventListener","e"],"sources":["../../../src/composables/coordinate/index.ts"],"sourcesContent":["import type { CSSProperties, PropType, Ref } from 'vue';\r\nimport { onScopeDispose, ref, watch } from 'vue';\r\n\r\nimport { Rect } from '../../util/rect';\r\nimport { propsFactory } from '../../util/component';\r\nimport { useToggleScope } from '../scope';\r\nimport { applyArrangement } from './arrangement';\r\nimport { applyLevitation } from './levitation';\r\n\r\nimport { CoordinateState } from './types';\r\n\r\nconst coordinateStrategies = {\r\n  levitation: applyLevitation,\r\n  arrangement: applyArrangement,\r\n};\r\n\r\nexport type CoordinateStrategyFn = (\r\n  props: any,\r\n  state: CoordinateState,\r\n  coordinate: Ref<Rect | undefined>,\r\n  coordinateStyles: Ref<CSSProperties>,\r\n) => undefined | { updateCoordinate: (e: Event) => void };\r\n\r\nexport const pressCoordinateProps = propsFactory(\r\n  {\r\n    coordinateStrategy: {\r\n      type: [String, Function] as PropType<keyof typeof coordinateStrategies | CoordinateStrategyFn>,\r\n      default: 'arrangement',\r\n    },\r\n    position: {\r\n      type: String as PropType<\r\n        'default' | 'top' | 'end' | 'right' | 'bottom' | 'left' | 'start'\r\n      >,\r\n      default: 'default',\r\n    },\r\n    align: {\r\n      type: String as PropType<'start' | 'center' | 'end' | 'top' | 'bottom'>,\r\n      default: 'start',\r\n    },\r\n    origin: {\r\n      type: String,\r\n      default: 'auto'\r\n    },\r\n    offset: {\r\n      type: [Number, String, Array] as PropType<number | string | number[]>,\r\n    },\r\n    viewportMargin: {\r\n      type: [Number, String, Array],\r\n      default: 16,\r\n    }\r\n  },\r\n  'Coordinate',\r\n);\r\n\r\nexport function useCoordinate(props: any, state: CoordinateState) {\r\n  const updateCoordinate = ref<(e: Event) => void>();\r\n  const coordinate = ref<Rect | undefined>();\r\n  const coordinateStyles = ref<CSSProperties>({});\r\n\r\n  useToggleScope(\r\n    () => !!(state.active.value && props.coordinateStrategy),\r\n    (reset) => {\r\n      watch(() => props.coordinateStrategy, reset);\r\n      onScopeDispose(() => {\r\n        updateCoordinate.value = undefined;\r\n      });\r\n\r\n      if (typeof props.coordinateStrategy === 'function') {\r\n        updateCoordinate.value = props.coordinateStrategy(\r\n          props,\r\n          state,\r\n          coordinate,\r\n          coordinateStyles,\r\n        )?.updateCoordinate;\r\n      } else {\r\n        const strategy =\r\n          coordinateStrategies[\r\n            props.coordinateStrategy as keyof typeof coordinateStrategies\r\n          ];\r\n        updateCoordinate.value = strategy?.(\r\n          props,\r\n          state,\r\n          coordinate,\r\n          coordinateStyles,\r\n        )?.updateCoordinate;\r\n      }\r\n    },\r\n  );\r\n\r\n  window.addEventListener('resize', onResize, { passive: true });\r\n\r\n  onScopeDispose(() => {\r\n    window.removeEventListener('resize', onResize);\r\n    updateCoordinate.value = undefined;\r\n  });\r\n\r\n  function onResize(e: Event) {\r\n    updateCoordinate.value?.(e);\r\n  }\r\n\r\n  return {\r\n    coordinate,\r\n    coordinateStyles,\r\n    updateCoordinate,\r\n  };\r\n}\r\n"],"mappings":"AACA,SAASA,cAAc,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAC,SAGxCC,YAAY;AAAA,SACZC,cAAc;AAAA,SACdC,gBAAgB;AAAA,SAChBC,eAAe;AAIxB,MAAMC,oBAAoB,GAAG;EAC3BC,UAAU,EAAEF,eAAe;EAC3BG,WAAW,EAAEJ;AACf,CAAC;AASD,OAAO,MAAMK,oBAAoB,GAAGP,YAAY,CAC9C;EACEQ,kBAAkB,EAAE;IAClBC,IAAI,EAAE,CAACC,MAAM,EAAEC,QAAQ,CAAuE;IAC9FC,OAAO,EAAE;EACX,CAAC;EACDC,QAAQ,EAAE;IACRJ,IAAI,EAAEC,MAEL;IACDE,OAAO,EAAE;EACX,CAAC;EACDE,KAAK,EAAE;IACLL,IAAI,EAAEC,MAAiE;IACvEE,OAAO,EAAE;EACX,CAAC;EACDG,MAAM,EAAE;IACNN,IAAI,EAAEC,MAAM;IACZE,OAAO,EAAE;EACX,CAAC;EACDI,MAAM,EAAE;IACNP,IAAI,EAAE,CAACQ,MAAM,EAAEP,MAAM,EAAEQ,KAAK;EAC9B,CAAC;EACDC,cAAc,EAAE;IACdV,IAAI,EAAE,CAACQ,MAAM,EAAEP,MAAM,EAAEQ,KAAK,CAAC;IAC7BN,OAAO,EAAE;EACX;AACF,CAAC,EACD,YACF,CAAC;AAED,OAAO,SAASQ,aAAaA,CAACC,KAAU,EAAEC,KAAsB,EAAE;EAChE,MAAMC,gBAAgB,GAAGzB,GAAG,CAAqB,CAAC;EAClD,MAAM0B,UAAU,GAAG1B,GAAG,CAAmB,CAAC;EAC1C,MAAM2B,gBAAgB,GAAG3B,GAAG,CAAgB,CAAC,CAAC,CAAC;EAE/CG,cAAc,CACZ,MAAM,CAAC,EAAEqB,KAAK,CAACI,MAAM,CAACC,KAAK,IAAIN,KAAK,CAACb,kBAAkB,CAAC,EACvDoB,KAAK,IAAK;IACT7B,KAAK,CAAC,MAAMsB,KAAK,CAACb,kBAAkB,EAAEoB,KAAK,CAAC;IAC5C/B,cAAc,CAAC,MAAM;MACnB0B,gBAAgB,CAACI,KAAK,GAAGE,SAAS;IACpC,CAAC,CAAC;IAEF,IAAI,OAAOR,KAAK,CAACb,kBAAkB,KAAK,UAAU,EAAE;MAClDe,gBAAgB,CAACI,KAAK,GAAGN,KAAK,CAACb,kBAAkB,CAC/Ca,KAAK,EACLC,KAAK,EACLE,UAAU,EACVC,gBACF,CAAC,EAAEF,gBAAgB;IACrB,CAAC,MAAM;MACL,MAAMO,QAAQ,GACZ1B,oBAAoB,CAClBiB,KAAK,CAACb,kBAAkB,CACzB;MACHe,gBAAgB,CAACI,KAAK,GAAGG,QAAQ,GAC/BT,KAAK,EACLC,KAAK,EACLE,UAAU,EACVC,gBACF,CAAC,EAAEF,gBAAgB;IACrB;EACF,CACF,CAAC;EAEDQ,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEC,QAAQ,EAAE;IAAEC,OAAO,EAAE;EAAK,CAAC,CAAC;EAE9DrC,cAAc,CAAC,MAAM;IACnBkC,MAAM,CAACI,mBAAmB,CAAC,QAAQ,EAAEF,QAAQ,CAAC;IAC9CV,gBAAgB,CAACI,KAAK,GAAGE,SAAS;EACpC,CAAC,CAAC;EAEF,SAASI,QAAQA,CAACG,CAAQ,EAAE;IAC1Bb,gBAAgB,CAACI,KAAK,GAAGS,CAAC,CAAC;EAC7B;EAEA,OAAO;IACLZ,UAAU;IACVC,gBAAgB;IAChBF;EACF,CAAC;AACH"}

package/lib/composables/coordinate/levitation.js

@@ -0,0 +1,315 @@
+import { computed, nextTick, onScopeDispose, ref, watch } from 'vue';
+import { flipAlign, flipCorner, flipSide, getAxis, parseAnchor } from "../../util/anchor.js";
+import { clamp } from "../../util/common.js";
+import { $computed } from "../../util/reactivity.js";
+import { MutableRect, getOverflow } from "../../util/rect.js";
+import { getScrollParents } from "../../util/scroll.js";
+import { getBoundingPureRect, pixelCeil, pixelRound, toStyleSizeValue } from "../../util/ui.js";
+import { anchorToPoint, getOffset } from "./utils/point.js";
+export function applyLevitation(props, state, coordinate, coordinateStyles) {
+  const {
+    contentEl,
+    base,
+    active
+  } = state;
+  const isRtl = ref(false);
+
+  /* Content Limitations */
+  const [minWidth, minHeight, maxWidth, maxHeight] = ['minWidth', 'minHeight', 'maxWidth', 'maxHeight'].map(key => {
+    return computed(() => {
+      const val = parseFloat(props[key]);
+      return isNaN(val) ? Infinity : val;
+    });
+  });
+
+  /* Offset */
+  const offset = computed(() => {
+    if (Array.isArray(props.offset)) {
+      return props.offset;
+    }
+    if (typeof props.offset === 'string') {
+      const offset = props.offset.split(' ').map(parseFloat);
+      if (offset.length < 2) offset.push(0);
+      return offset;
+    }
+    return typeof props.offset === 'number' ? [props.offset, 0] : [0, 0];
+  });
+
+  /* Viewport Margin */
+  const viewportMargin = computed(() => {
+    if (Array.isArray(props.viewportMargin)) {
+      return props.viewportMargin;
+    }
+    if (typeof props.viewportMargin === 'string') {
+      const offset = props.viewportMargin.split(' ').map(parseFloat);
+      if (offset.length < 2) offset.push(0);
+      return offset;
+    }
+    return typeof props.viewportMargin === 'number' ? [props.viewportMargin, 0] : [0, 0];
+  });
+
+  /* Observing Update */
+  let observe = false;
+  const resizeObserver = new ResizeObserver(() => {
+    if (observe) updateCoordinate();
+  });
+  watch([state.base, state.contentEl], (_ref, _ref2) => {
+    let [neoBaseEl, neoContentEl] = _ref;
+    let [oldBaseEl, oldContentEl] = _ref2;
+    if (oldBaseEl && !Array.isArray(oldBaseEl) && oldBaseEl.nodeType === 1) resizeObserver.unobserve(oldBaseEl);
+    if (neoBaseEl && !Array.isArray(neoBaseEl) && neoBaseEl.nodeType === 1) resizeObserver.observe(neoBaseEl);
+    if (oldContentEl) resizeObserver.unobserve(oldContentEl);
+    if (neoContentEl) resizeObserver.observe(neoContentEl);
+  }, {
+    immediate: true
+  });
+  onScopeDispose(() => {
+    resizeObserver.disconnect();
+  });
+  function getIgnoreInsetRect(el) {
+    const rect = getBoundingPureRect(el);
+    rect.x -= parseFloat(el.style.left || '0');
+    rect.y -= parseFloat(el.style.top || '0');
+    return rect;
+  }
+  function updateCoordinate() {
+    observe = false;
+    const $base = base.value;
+    const $content = contentEl.value;
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => observe = true);
+    });
+    if (!$base || !$content) return;
+    const baseRect = Array.isArray($base) ? new MutableRect({
+      x: $base?.[0] ?? 0,
+      y: $base?.[1] ?? 0,
+      width: 0,
+      height: 0
+    }) : $base.getBoundingClientRect();
+    const contentRect = getIgnoreInsetRect($content);
+    const scrollParents = getScrollParents($content);
+    if (scrollParents.length < 1) {
+      scrollParents.push(document.documentElement);
+    }
+
+    /**
+     * Viewport area
+     */
+    const viewport = scrollParents.reduce((box, el) => {
+      const rect = el.getBoundingClientRect();
+      const scrollBox = new MutableRect({
+        x: el === document.documentElement ? 0 : rect.x,
+        y: el === document.documentElement ? 0 : rect.y,
+        width: el.clientWidth,
+        height: el.clientHeight
+      });
+      if (box) {
+        return new MutableRect({
+          x: Math.max(box.left, scrollBox.left),
+          y: Math.max(box.top, scrollBox.top),
+          width: Math.min(box.right, scrollBox.right) - Math.max(box.left, scrollBox.left),
+          height: Math.min(box.bottom, scrollBox.bottom) - Math.max(box.top, scrollBox.top)
+        });
+      }
+      return scrollBox;
+    }, undefined);
+    viewport.x += viewportMargin.value[0];
+    viewport.y += viewportMargin.value[1];
+    viewport.width -= viewportMargin.value[0] * 2;
+    viewport.height -= viewportMargin.value[1] * 2;
+    const {
+      preferredAnchor,
+      preferredOrigin
+    } = $computed(() => {
+      const location = `${props.position} ${props.align}`;
+      const parsedAnchor = parseAnchor(location, false);
+      const parsedOrigin = props.origin === 'overlap' ? parsedAnchor : props.origin === 'auto' ? flipSide(parsedAnchor) : parseAnchor(props.origin, false);
+
+      // Some combinations of props may produce an invalid origin
+      if (parsedAnchor.side === parsedOrigin.side && parsedAnchor.align === flipAlign(parsedOrigin).align) {
+        return {
+          preferredAnchor: flipCorner(parsedAnchor),
+          preferredOrigin: flipCorner(parsedOrigin)
+        };
+      } else {
+        return {
+          preferredAnchor: parsedAnchor,
+          preferredOrigin: parsedOrigin
+        };
+      }
+    });
+    let placement = {
+      anchor: preferredAnchor.value,
+      origin: preferredOrigin.value
+    };
+    function checkOverflow(_placement) {
+      const box = new MutableRect(contentRect);
+      const targetPoint = anchorToPoint(_placement.anchor, baseRect);
+      const contentPoint = anchorToPoint(_placement.origin, box);
+      let {
+        x,
+        y
+      } = getOffset(targetPoint, contentPoint);
+      switch (_placement.anchor.side) {
+        case 'top':
+          y -= offset.value[0];
+          break;
+        case 'bottom':
+          y += offset.value[0];
+          break;
+        case 'left':
+          x -= offset.value[0];
+          break;
+        case 'right':
+          x += offset.value[0];
+          break;
+      }
+      switch (_placement.anchor.align) {
+        case 'top':
+          y -= offset.value[1];
+          break;
+        case 'bottom':
+          y += offset.value[1];
+          break;
+        case 'left':
+          x -= offset.value[1];
+          break;
+        case 'right':
+          x += offset.value[1];
+          break;
+      }
+      box.x += x;
+      box.y += y;
+      box.width = Math.min(box.width, maxWidth.value);
+      box.height = Math.min(box.height, maxHeight.value);
+      const overflows = getOverflow(box, viewport);
+      return {
+        overflows,
+        x,
+        y
+      };
+    }
+    let x = 0;
+    let y = 0;
+    const available = {
+      x: 0,
+      y: 0
+    };
+    const flipped = {
+      x: false,
+      y: false
+    };
+    let resets = -1;
+    while (true) {
+      if (resets++ > 10) {
+        break;
+      }
+      const {
+        x: _x,
+        y: _y,
+        overflows
+      } = checkOverflow(placement);
+      x += _x;
+      y += _y;
+      contentRect.x += _x;
+      contentRect.y += _y;
+
+      // flip
+      {
+        const axis = getAxis(placement.anchor);
+        const hasOverflowX = overflows.x.before || overflows.x.after;
+        const hasOverflowY = overflows.y.before || overflows.y.after;
+        let reset = false;
+        ['x', 'y'].forEach(key => {
+          if (key === 'x' && hasOverflowX && !flipped.x || key === 'y' && hasOverflowY && !flipped.y) {
+            const newPlacement = {
+              anchor: {
+                ...placement.anchor
+              },
+              origin: {
+                ...placement.origin
+              }
+            };
+            const flip = key === 'x' ? axis === 'y' ? flipAlign : flipSide : axis === 'y' ? flipSide : flipAlign;
+            newPlacement.anchor = flip(newPlacement.anchor);
+            newPlacement.origin = flip(newPlacement.origin);
+            const {
+              overflows: newOverflows
+            } = checkOverflow(newPlacement);
+            if (newOverflows[key].before <= overflows[key].before && newOverflows[key].after <= overflows[key].after || newOverflows[key].before + newOverflows[key].after < (overflows[key].before + overflows[key].after) / 2) {
+              placement = newPlacement;
+              reset = flipped[key] = true;
+            }
+          }
+        });
+        if (reset) continue;
+      }
+
+      // shift
+      if (overflows.x.before) {
+        x += overflows.x.before;
+        contentRect.x += overflows.x.before;
+      }
+      if (overflows.x.after) {
+        x -= overflows.x.after;
+        contentRect.x -= overflows.x.after;
+      }
+      if (overflows.y.before) {
+        y += overflows.y.before;
+        contentRect.y += overflows.y.before;
+      }
+      if (overflows.y.after) {
+        y -= overflows.y.after;
+        contentRect.y -= overflows.y.after;
+      }
+
+      // size
+      {
+        const overflows = getOverflow(contentRect, viewport);
+        available.x = viewport.width - overflows.x.before - overflows.x.after;
+        available.y = viewport.height - overflows.y.before - overflows.y.after;
+        x += overflows.x.before;
+        contentRect.x += overflows.x.before;
+        y += overflows.y.before;
+        contentRect.y += overflows.y.before;
+      }
+      break;
+    }
+    const axis = getAxis(placement.anchor);
+    Object.assign(coordinateStyles.value, {
+      '--y-levitation-anchor-origin': `${placement.anchor.side} ${placement.anchor.align}`,
+      transformOrigin: `${placement.origin.side} ${placement.origin.align}`,
+      top: toStyleSizeValue(pixelRound(y)),
+      left: isRtl.value ? undefined : toStyleSizeValue(pixelRound(x)),
+      right: isRtl.value ? toStyleSizeValue(pixelRound(-x)) : undefined,
+      minWidth: toStyleSizeValue(axis === 'y' ? Math.min(minWidth.value, baseRect.width) : minWidth.value),
+      maxWidth: toStyleSizeValue(pixelCeil(clamp(available.x, minWidth.value === Infinity ? 0 : minWidth.value, maxWidth.value))),
+      maxHeight: toStyleSizeValue(pixelCeil(clamp(available.y, minHeight.value === Infinity ? 0 : minHeight.value, maxHeight.value)))
+    });
+    return {
+      available,
+      contentRect
+    };
+  }
+  watch(() => [props.offset, props.minWidth, props.minHeight, props.maxWidth, props.maxHeight], () => updateCoordinate());
+  nextTick(() => {
+    const result = updateCoordinate();
+    if (!result) return;
+    const {
+      available,
+      contentRect
+    } = result;
+    if (contentRect.height > available.y) {
+      requestAnimationFrame(() => {
+        updateCoordinate();
+        requestAnimationFrame(() => {
+          updateCoordinate();
+        });
+      });
+    }
+  });
+  return {
+    updateCoordinate
+  };
+}
+//# sourceMappingURL=levitation.js.map

package/lib/composables/coordinate/levitation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"levitation.js","names":["computed","nextTick","onScopeDispose","ref","watch","flipAlign","flipCorner","flipSide","getAxis","parseAnchor","clamp","$computed","MutableRect","getOverflow","getScrollParents","getBoundingPureRect","pixelCeil","pixelRound","toStyleSizeValue","anchorToPoint","getOffset","applyLevitation","props","state","coordinate","coordinateStyles","contentEl","base","active","isRtl","minWidth","minHeight","maxWidth","maxHeight","map","key","val","parseFloat","isNaN","Infinity","offset","Array","isArray","split","length","push","viewportMargin","observe","resizeObserver","ResizeObserver","updateCoordinate","_ref","_ref2","neoBaseEl","neoContentEl","oldBaseEl","oldContentEl","nodeType","unobserve","immediate","disconnect","getIgnoreInsetRect","el","rect","x","style","left","y","top","$base","value","$content","requestAnimationFrame","baseRect","width","height","getBoundingClientRect","contentRect","scrollParents","document","documentElement","viewport","reduce","box","scrollBox","clientWidth","clientHeight","Math","max","min","right","bottom","undefined","preferredAnchor","preferredOrigin","location","position","align","parsedAnchor","parsedOrigin","origin","side","placement","anchor","checkOverflow","_placement","targetPoint","contentPoint","overflows","available","flipped","resets","_x","_y","axis","hasOverflowX","before","after","hasOverflowY","reset","forEach","newPlacement","flip","newOverflows","Object","assign","transformOrigin","result"],"sources":["../../../src/composables/coordinate/levitation.ts"],"sourcesContent":["import type { CSSProperties, Ref } from 'vue';\r\nimport { computed, nextTick, onScopeDispose, ref, watch } from 'vue';\r\n\r\nimport {\r\n  type Anchor,\r\n  flipAlign,\r\n  flipCorner,\r\n  flipSide,\r\n  getAxis,\r\n  parseAnchor,\r\n} from '@/util/anchor';\r\nimport { clamp } from '@/util/common';\r\nimport { $computed } from '@/util/reactivity';\r\nimport { MutableRect, Rect, getOverflow } from '@/util/rect';\r\nimport { getScrollParents } from '@/util/scroll';\r\nimport {\r\n  getBoundingPureRect,\r\n  pixelCeil,\r\n  pixelRound,\r\n  toStyleSizeValue,\r\n} from '@/util/ui';\r\n\r\nimport { CoordinateState } from './types';\r\nimport { anchorToPoint, getOffset } from './utils/point';\r\n\r\nexport function applyLevitation(\r\n  props: any,\r\n  state: CoordinateState,\r\n  coordinate: Ref<Rect | undefined>,\r\n  coordinateStyles: Ref<CSSProperties>,\r\n) {\r\n  const { contentEl, base, active } = state;\r\n\r\n  const isRtl = ref(false);\r\n\r\n  /* Content Limitations */\r\n  const [minWidth, minHeight, maxWidth, maxHeight] = (\r\n    ['minWidth', 'minHeight', 'maxWidth', 'maxHeight'] as const\r\n  ).map((key) => {\r\n    return computed(() => {\r\n      const val = parseFloat(props[key]!);\r\n      return isNaN(val) ? Infinity : val;\r\n    });\r\n  });\r\n\r\n  /* Offset */\r\n  const offset = computed(() => {\r\n    if (Array.isArray(props.offset)) {\r\n      return props.offset;\r\n    }\r\n    if (typeof props.offset === 'string') {\r\n      const offset = props.offset.split(' ').map(parseFloat);\r\n      if (offset.length < 2) offset.push(0);\r\n      return offset;\r\n    }\r\n    return typeof props.offset === 'number' ? [props.offset, 0] : [0, 0];\r\n  });\r\n\r\n  /* Viewport Margin */\r\n  const viewportMargin = computed(() => {\r\n    if (Array.isArray(props.viewportMargin)) {\r\n      return props.viewportMargin;\r\n    }\r\n    if (typeof props.viewportMargin === 'string') {\r\n      const offset = props.viewportMargin.split(' ').map(parseFloat);\r\n      if (offset.length < 2) offset.push(0);\r\n      return offset;\r\n    }\r\n    return typeof props.viewportMargin === 'number'\r\n      ? [props.viewportMargin, 0]\r\n      : [0, 0];\r\n  });\r\n\r\n  /* Observing Update */\r\n  let observe = false;\r\n  const resizeObserver = new ResizeObserver(() => {\r\n    if (observe) updateCoordinate();\r\n  });\r\n\r\n  watch(\r\n    [state.base, state.contentEl],\r\n    ([neoBaseEl, neoContentEl], [oldBaseEl, oldContentEl]) => {\r\n      if (oldBaseEl && !Array.isArray(oldBaseEl) && oldBaseEl.nodeType === 1)\r\n        resizeObserver.unobserve(oldBaseEl);\r\n      if (neoBaseEl && !Array.isArray(neoBaseEl) && neoBaseEl.nodeType === 1)\r\n        resizeObserver.observe(neoBaseEl);\r\n\r\n      if (oldContentEl) resizeObserver.unobserve(oldContentEl);\r\n      if (neoContentEl) resizeObserver.observe(neoContentEl);\r\n    },\r\n    { immediate: true },\r\n  );\r\n\r\n  onScopeDispose(() => {\r\n    resizeObserver.disconnect();\r\n  });\r\n\r\n  function getIgnoreInsetRect(el: HTMLElement) {\r\n    const rect = getBoundingPureRect(el);\r\n    rect.x -= parseFloat(el.style.left || '0');\r\n    rect.y -= parseFloat(el.style.top || '0');\r\n    return rect;\r\n  }\r\n\r\n  function updateCoordinate(): any {\r\n    observe = false;\r\n    const $base = base.value;\r\n    const $content = contentEl.value;\r\n    requestAnimationFrame(() => {\r\n      requestAnimationFrame(() => (observe = true));\r\n    });\r\n\r\n    if (!$base || !$content) return;\r\n\r\n    const baseRect = Array.isArray($base)\r\n      ? new MutableRect({\r\n          x: $base?.[0] ?? 0,\r\n          y: $base?.[1] ?? 0,\r\n          width: 0,\r\n          height: 0,\r\n        })\r\n      : $base.getBoundingClientRect();\r\n    const contentRect = getIgnoreInsetRect($content);\r\n    const scrollParents = getScrollParents($content);\r\n\r\n    if (scrollParents.length < 1) {\r\n      scrollParents.push(document.documentElement);\r\n    }\r\n\r\n    /**\r\n     * Viewport area\r\n     */\r\n    const viewport = scrollParents.reduce<MutableRect>(\r\n      (box: MutableRect | undefined, el) => {\r\n        const rect = el.getBoundingClientRect();\r\n        const scrollBox = new MutableRect({\r\n          x: el === document.documentElement ? 0 : rect.x,\r\n          y: el === document.documentElement ? 0 : rect.y,\r\n          width: el.clientWidth,\r\n          height: el.clientHeight,\r\n        });\r\n\r\n        if (box) {\r\n          return new MutableRect({\r\n            x: Math.max(box.left, scrollBox.left),\r\n            y: Math.max(box.top, scrollBox.top),\r\n            width:\r\n              Math.min(box.right, scrollBox.right) -\r\n              Math.max(box.left, scrollBox.left),\r\n            height:\r\n              Math.min(box.bottom, scrollBox.bottom) -\r\n              Math.max(box.top, scrollBox.top),\r\n          });\r\n        }\r\n        return scrollBox;\r\n      },\r\n      undefined!,\r\n    );\r\n    viewport.x += viewportMargin.value[0];\r\n    viewport.y += viewportMargin.value[1];\r\n    viewport.width -= viewportMargin.value[0] * 2;\r\n    viewport.height -= viewportMargin.value[1] * 2;\r\n\r\n    const { preferredAnchor, preferredOrigin } = $computed(() => {\r\n      const location = `${props.position} ${props.align}` as Anchor;\r\n      const parsedAnchor = parseAnchor(location, false);\r\n      const parsedOrigin =\r\n        props.origin === 'overlap'\r\n          ? parsedAnchor\r\n          : props.origin === 'auto'\r\n            ? flipSide(parsedAnchor)\r\n            : parseAnchor(props.origin, false);\r\n\r\n      // Some combinations of props may produce an invalid origin\r\n      if (\r\n        parsedAnchor.side === parsedOrigin.side &&\r\n        parsedAnchor.align === flipAlign(parsedOrigin).align\r\n      ) {\r\n        return {\r\n          preferredAnchor: flipCorner(parsedAnchor),\r\n          preferredOrigin: flipCorner(parsedOrigin),\r\n        };\r\n      } else {\r\n        return {\r\n          preferredAnchor: parsedAnchor,\r\n          preferredOrigin: parsedOrigin,\r\n        };\r\n      }\r\n    });\r\n\r\n    let placement = {\r\n      anchor: preferredAnchor.value,\r\n      origin: preferredOrigin.value,\r\n    };\r\n\r\n    function checkOverflow(_placement: typeof placement) {\r\n      const box = new MutableRect(contentRect);\r\n      const targetPoint = anchorToPoint(_placement.anchor, baseRect);\r\n      const contentPoint = anchorToPoint(_placement.origin, box);\r\n\r\n      let { x, y } = getOffset(targetPoint, contentPoint);\r\n\r\n      switch (_placement.anchor.side) {\r\n        case 'top':\r\n          y -= offset.value[0];\r\n          break;\r\n        case 'bottom':\r\n          y += offset.value[0];\r\n          break;\r\n        case 'left':\r\n          x -= offset.value[0];\r\n          break;\r\n        case 'right':\r\n          x += offset.value[0];\r\n          break;\r\n      }\r\n\r\n      switch (_placement.anchor.align) {\r\n        case 'top':\r\n          y -= offset.value[1];\r\n          break;\r\n        case 'bottom':\r\n          y += offset.value[1];\r\n          break;\r\n        case 'left':\r\n          x -= offset.value[1];\r\n          break;\r\n        case 'right':\r\n          x += offset.value[1];\r\n          break;\r\n      }\r\n\r\n      box.x += x;\r\n      box.y += y;\r\n\r\n      box.width = Math.min(box.width, maxWidth.value);\r\n      box.height = Math.min(box.height, maxHeight.value);\r\n\r\n      const overflows = getOverflow(box, viewport);\r\n\r\n      return { overflows, x, y };\r\n    }\r\n\r\n    let x = 0;\r\n    let y = 0;\r\n    const available = { x: 0, y: 0 };\r\n    const flipped = { x: false, y: false };\r\n    let resets = -1;\r\n    while (true) {\r\n      if (resets++ > 10) {\r\n        break;\r\n      }\r\n\r\n      const { x: _x, y: _y, overflows } = checkOverflow(placement);\r\n\r\n      x += _x;\r\n      y += _y;\r\n\r\n      contentRect.x += _x;\r\n      contentRect.y += _y;\r\n\r\n      // flip\r\n      {\r\n        const axis = getAxis(placement.anchor);\r\n        const hasOverflowX = overflows.x.before || overflows.x.after;\r\n        const hasOverflowY = overflows.y.before || overflows.y.after;\r\n\r\n        let reset = false;\r\n        ['x', 'y'].forEach((key) => {\r\n          if (\r\n            (key === 'x' && hasOverflowX && !flipped.x) ||\r\n            (key === 'y' && hasOverflowY && !flipped.y)\r\n          ) {\r\n            const newPlacement = {\r\n              anchor: { ...placement.anchor },\r\n              origin: { ...placement.origin },\r\n            };\r\n            const flip =\r\n              key === 'x'\r\n                ? axis === 'y'\r\n                  ? flipAlign\r\n                  : flipSide\r\n                : axis === 'y'\r\n                  ? flipSide\r\n                  : flipAlign;\r\n            newPlacement.anchor = flip(newPlacement.anchor);\r\n            newPlacement.origin = flip(newPlacement.origin);\r\n            const { overflows: newOverflows } = checkOverflow(newPlacement);\r\n            if (\r\n              (newOverflows[key].before <= overflows[key].before &&\r\n                newOverflows[key].after <= overflows[key].after) ||\r\n              newOverflows[key].before + newOverflows[key].after <\r\n                (overflows[key].before + overflows[key].after) / 2\r\n            ) {\r\n              placement = newPlacement;\r\n              reset = flipped[key] = true;\r\n            }\r\n          }\r\n        });\r\n        if (reset) continue;\r\n      }\r\n\r\n      // shift\r\n      if (overflows.x.before) {\r\n        x += overflows.x.before;\r\n        contentRect.x += overflows.x.before;\r\n      }\r\n      if (overflows.x.after) {\r\n        x -= overflows.x.after;\r\n        contentRect.x -= overflows.x.after;\r\n      }\r\n      if (overflows.y.before) {\r\n        y += overflows.y.before;\r\n        contentRect.y += overflows.y.before;\r\n      }\r\n      if (overflows.y.after) {\r\n        y -= overflows.y.after;\r\n        contentRect.y -= overflows.y.after;\r\n      }\r\n\r\n      // size\r\n      {\r\n        const overflows = getOverflow(contentRect, viewport);\r\n        available.x = viewport.width - overflows.x.before - overflows.x.after;\r\n        available.y = viewport.height - overflows.y.before - overflows.y.after;\r\n\r\n        x += overflows.x.before;\r\n        contentRect.x += overflows.x.before;\r\n        y += overflows.y.before;\r\n        contentRect.y += overflows.y.before;\r\n      }\r\n\r\n      break;\r\n    }\r\n\r\n    const axis = getAxis(placement.anchor);\r\n\r\n    Object.assign(coordinateStyles.value, {\r\n      '--y-levitation-anchor-origin': `${placement.anchor.side} ${placement.anchor.align}`,\r\n      transformOrigin: `${placement.origin.side} ${placement.origin.align}`,\r\n      top: toStyleSizeValue(pixelRound(y)),\r\n      left: isRtl.value ? undefined : toStyleSizeValue(pixelRound(x)),\r\n      right: isRtl.value ? toStyleSizeValue(pixelRound(-x)) : undefined,\r\n      minWidth: toStyleSizeValue(\r\n        axis === 'y'\r\n          ? Math.min(minWidth.value, baseRect.width)\r\n          : minWidth.value,\r\n      ),\r\n      maxWidth: toStyleSizeValue(\r\n        pixelCeil(\r\n          clamp(\r\n            available.x,\r\n            minWidth.value === Infinity ? 0 : minWidth.value,\r\n            maxWidth.value,\r\n          ),\r\n        ),\r\n      ),\r\n      maxHeight: toStyleSizeValue(\r\n        pixelCeil(\r\n          clamp(\r\n            available.y,\r\n            minHeight.value === Infinity ? 0 : minHeight.value,\r\n            maxHeight.value,\r\n          ),\r\n        ),\r\n      ),\r\n    });\r\n\r\n    return {\r\n      available,\r\n      contentRect,\r\n    };\r\n  }\r\n\r\n  watch(\r\n    () => [\r\n      props.offset,\r\n      props.minWidth,\r\n      props.minHeight,\r\n      props.maxWidth,\r\n      props.maxHeight,\r\n    ],\r\n    () => updateCoordinate(),\r\n  );\r\n\r\n  nextTick(() => {\r\n    const result = updateCoordinate();\r\n    if (!result) return;\r\n    const { available, contentRect } = result;\r\n    if (contentRect.height > available.y) {\r\n      requestAnimationFrame(() => {\r\n        updateCoordinate();\r\n        requestAnimationFrame(() => {\r\n          updateCoordinate();\r\n        });\r\n      });\r\n    }\r\n  });\r\n\r\n  return {\r\n    updateCoordinate,\r\n  };\r\n}\r\n"],"mappings":"AACA,SAASA,QAAQ,EAAEC,QAAQ,EAAEC,cAAc,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAAC,SAInEC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACRC,OAAO,EACPC,WAAW;AAAA,SAEJC,KAAK;AAAA,SACLC,SAAS;AAAA,SACTC,WAAW,EAAQC,WAAW;AAAA,SAC9BC,gBAAgB;AAAA,SAEvBC,mBAAmB,EACnBC,SAAS,EACTC,UAAU,EACVC,gBAAgB;AAAA,SAITC,aAAa,EAAEC,SAAS;AAEjC,OAAO,SAASC,eAAeA,CAC7BC,KAAU,EACVC,KAAsB,EACtBC,UAAiC,EACjCC,gBAAoC,EACpC;EACA,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAGL,KAAK;EAEzC,MAAMM,KAAK,GAAG1B,GAAG,CAAC,KAAK,CAAC;;EAExB;EACA,MAAM,CAAC2B,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,SAAS,CAAC,GAC9C,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,CAAC,CAClDC,GAAG,CAAEC,GAAG,IAAK;IACb,OAAOnC,QAAQ,CAAC,MAAM;MACpB,MAAMoC,GAAG,GAAGC,UAAU,CAACf,KAAK,CAACa,GAAG,CAAE,CAAC;MACnC,OAAOG,KAAK,CAACF,GAAG,CAAC,GAAGG,QAAQ,GAAGH,GAAG;IACpC,CAAC,CAAC;EACJ,CAAC,CAAC;;EAEF;EACA,MAAMI,MAAM,GAAGxC,QAAQ,CAAC,MAAM;IAC5B,IAAIyC,KAAK,CAACC,OAAO,CAACpB,KAAK,CAACkB,MAAM,CAAC,EAAE;MAC/B,OAAOlB,KAAK,CAACkB,MAAM;IACrB;IACA,IAAI,OAAOlB,KAAK,CAACkB,MAAM,KAAK,QAAQ,EAAE;MACpC,MAAMA,MAAM,GAAGlB,KAAK,CAACkB,MAAM,CAACG,KAAK,CAAC,GAAG,CAAC,CAACT,GAAG,CAACG,UAAU,CAAC;MACtD,IAAIG,MAAM,CAACI,MAAM,GAAG,CAAC,EAAEJ,MAAM,CAACK,IAAI,CAAC,CAAC,CAAC;MACrC,OAAOL,MAAM;IACf;IACA,OAAO,OAAOlB,KAAK,CAACkB,MAAM,KAAK,QAAQ,GAAG,CAAClB,KAAK,CAACkB,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;EACtE,CAAC,CAAC;;EAEF;EACA,MAAMM,cAAc,GAAG9C,QAAQ,CAAC,MAAM;IACpC,IAAIyC,KAAK,CAACC,OAAO,CAACpB,KAAK,CAACwB,cAAc,CAAC,EAAE;MACvC,OAAOxB,KAAK,CAACwB,cAAc;IAC7B;IACA,IAAI,OAAOxB,KAAK,CAACwB,cAAc,KAAK,QAAQ,EAAE;MAC5C,MAAMN,MAAM,GAAGlB,KAAK,CAACwB,cAAc,CAACH,KAAK,CAAC,GAAG,CAAC,CAACT,GAAG,CAACG,UAAU,CAAC;MAC9D,IAAIG,MAAM,CAACI,MAAM,GAAG,CAAC,EAAEJ,MAAM,CAACK,IAAI,CAAC,CAAC,CAAC;MACrC,OAAOL,MAAM;IACf;IACA,OAAO,OAAOlB,KAAK,CAACwB,cAAc,KAAK,QAAQ,GAC3C,CAACxB,KAAK,CAACwB,cAAc,EAAE,CAAC,CAAC,GACzB,CAAC,CAAC,EAAE,CAAC,CAAC;EACZ,CAAC,CAAC;;EAEF;EACA,IAAIC,OAAO,GAAG,KAAK;EACnB,MAAMC,cAAc,GAAG,IAAIC,cAAc,CAAC,MAAM;IAC9C,IAAIF,OAAO,EAAEG,gBAAgB,CAAC,CAAC;EACjC,CAAC,CAAC;EAEF9C,KAAK,CACH,CAACmB,KAAK,CAACI,IAAI,EAAEJ,KAAK,CAACG,SAAS,CAAC,EAC7B,CAAAyB,IAAA,EAAAC,KAAA,KAA0D;IAAA,IAAzD,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAAH,IAAA;IAAA,IAAE,CAACI,SAAS,EAAEC,YAAY,CAAC,GAAAJ,KAAA;IACnD,IAAIG,SAAS,IAAI,CAACd,KAAK,CAACC,OAAO,CAACa,SAAS,CAAC,IAAIA,SAAS,CAACE,QAAQ,KAAK,CAAC,EACpET,cAAc,CAACU,SAAS,CAACH,SAAS,CAAC;IACrC,IAAIF,SAAS,IAAI,CAACZ,KAAK,CAACC,OAAO,CAACW,SAAS,CAAC,IAAIA,SAAS,CAACI,QAAQ,KAAK,CAAC,EACpET,cAAc,CAACD,OAAO,CAACM,SAAS,CAAC;IAEnC,IAAIG,YAAY,EAAER,cAAc,CAACU,SAAS,CAACF,YAAY,CAAC;IACxD,IAAIF,YAAY,EAAEN,cAAc,CAACD,OAAO,CAACO,YAAY,CAAC;EACxD,CAAC,EACD;IAAEK,SAAS,EAAE;EAAK,CACpB,CAAC;EAEDzD,cAAc,CAAC,MAAM;IACnB8C,cAAc,CAACY,UAAU,CAAC,CAAC;EAC7B,CAAC,CAAC;EAEF,SAASC,kBAAkBA,CAACC,EAAe,EAAE;IAC3C,MAAMC,IAAI,GAAGhD,mBAAmB,CAAC+C,EAAE,CAAC;IACpCC,IAAI,CAACC,CAAC,IAAI3B,UAAU,CAACyB,EAAE,CAACG,KAAK,CAACC,IAAI,IAAI,GAAG,CAAC;IAC1CH,IAAI,CAACI,CAAC,IAAI9B,UAAU,CAACyB,EAAE,CAACG,KAAK,CAACG,GAAG,IAAI,GAAG,CAAC;IACzC,OAAOL,IAAI;EACb;EAEA,SAASb,gBAAgBA,CAAA,EAAQ;IAC/BH,OAAO,GAAG,KAAK;IACf,MAAMsB,KAAK,GAAG1C,IAAI,CAAC2C,KAAK;IACxB,MAAMC,QAAQ,GAAG7C,SAAS,CAAC4C,KAAK;IAChCE,qBAAqB,CAAC,MAAM;MAC1BA,qBAAqB,CAAC,MAAOzB,OAAO,GAAG,IAAK,CAAC;IAC/C,CAAC,CAAC;IAEF,IAAI,CAACsB,KAAK,IAAI,CAACE,QAAQ,EAAE;IAEzB,MAAME,QAAQ,GAAGhC,KAAK,CAACC,OAAO,CAAC2B,KAAK,CAAC,GACjC,IAAIzD,WAAW,CAAC;MACdoD,CAAC,EAAEK,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC;MAClBF,CAAC,EAAEE,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC;MAClBK,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE;IACV,CAAC,CAAC,GACFN,KAAK,CAACO,qBAAqB,CAAC,CAAC;IACjC,MAAMC,WAAW,GAAGhB,kBAAkB,CAACU,QAAQ,CAAC;IAChD,MAAMO,aAAa,GAAGhE,gBAAgB,CAACyD,QAAQ,CAAC;IAEhD,IAAIO,aAAa,CAAClC,MAAM,GAAG,CAAC,EAAE;MAC5BkC,aAAa,CAACjC,IAAI,CAACkC,QAAQ,CAACC,eAAe,CAAC;IAC9C;;IAEA;AACJ;AACA;IACI,MAAMC,QAAQ,GAAGH,aAAa,CAACI,MAAM,CACnC,CAACC,GAA4B,EAAErB,EAAE,KAAK;MACpC,MAAMC,IAAI,GAAGD,EAAE,CAACc,qBAAqB,CAAC,CAAC;MACvC,MAAMQ,SAAS,GAAG,IAAIxE,WAAW,CAAC;QAChCoD,CAAC,EAAEF,EAAE,KAAKiB,QAAQ,CAACC,eAAe,GAAG,CAAC,GAAGjB,IAAI,CAACC,CAAC;QAC/CG,CAAC,EAAEL,EAAE,KAAKiB,QAAQ,CAACC,eAAe,GAAG,CAAC,GAAGjB,IAAI,CAACI,CAAC;QAC/CO,KAAK,EAAEZ,EAAE,CAACuB,WAAW;QACrBV,MAAM,EAAEb,EAAE,CAACwB;MACb,CAAC,CAAC;MAEF,IAAIH,GAAG,EAAE;QACP,OAAO,IAAIvE,WAAW,CAAC;UACrBoD,CAAC,EAAEuB,IAAI,CAACC,GAAG,CAACL,GAAG,CAACjB,IAAI,EAAEkB,SAAS,CAAClB,IAAI,CAAC;UACrCC,CAAC,EAAEoB,IAAI,CAACC,GAAG,CAACL,GAAG,CAACf,GAAG,EAAEgB,SAAS,CAAChB,GAAG,CAAC;UACnCM,KAAK,EACHa,IAAI,CAACE,GAAG,CAACN,GAAG,CAACO,KAAK,EAAEN,SAAS,CAACM,KAAK,CAAC,GACpCH,IAAI,CAACC,GAAG,CAACL,GAAG,CAACjB,IAAI,EAAEkB,SAAS,CAAClB,IAAI,CAAC;UACpCS,MAAM,EACJY,IAAI,CAACE,GAAG,CAACN,GAAG,CAACQ,MAAM,EAAEP,SAAS,CAACO,MAAM,CAAC,GACtCJ,IAAI,CAACC,GAAG,CAACL,GAAG,CAACf,GAAG,EAAEgB,SAAS,CAAChB,GAAG;QACnC,CAAC,CAAC;MACJ;MACA,OAAOgB,SAAS;IAClB,CAAC,EACDQ,SACF,CAAC;IACDX,QAAQ,CAACjB,CAAC,IAAIlB,cAAc,CAACwB,KAAK,CAAC,CAAC,CAAC;IACrCW,QAAQ,CAACd,CAAC,IAAIrB,cAAc,CAACwB,KAAK,CAAC,CAAC,CAAC;IACrCW,QAAQ,CAACP,KAAK,IAAI5B,cAAc,CAACwB,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;IAC7CW,QAAQ,CAACN,MAAM,IAAI7B,cAAc,CAACwB,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;IAE9C,MAAM;MAAEuB,eAAe;MAAEC;IAAgB,CAAC,GAAGnF,SAAS,CAAC,MAAM;MAC3D,MAAMoF,QAAQ,GAAI,GAAEzE,KAAK,CAAC0E,QAAS,IAAG1E,KAAK,CAAC2E,KAAM,EAAW;MAC7D,MAAMC,YAAY,GAAGzF,WAAW,CAACsF,QAAQ,EAAE,KAAK,CAAC;MACjD,MAAMI,YAAY,GAChB7E,KAAK,CAAC8E,MAAM,KAAK,SAAS,GACtBF,YAAY,GACZ5E,KAAK,CAAC8E,MAAM,KAAK,MAAM,GACrB7F,QAAQ,CAAC2F,YAAY,CAAC,GACtBzF,WAAW,CAACa,KAAK,CAAC8E,MAAM,EAAE,KAAK,CAAC;;MAExC;MACA,IACEF,YAAY,CAACG,IAAI,KAAKF,YAAY,CAACE,IAAI,IACvCH,YAAY,CAACD,KAAK,KAAK5F,SAAS,CAAC8F,YAAY,CAAC,CAACF,KAAK,EACpD;QACA,OAAO;UACLJ,eAAe,EAAEvF,UAAU,CAAC4F,YAAY,CAAC;UACzCJ,eAAe,EAAExF,UAAU,CAAC6F,YAAY;QAC1C,CAAC;MACH,CAAC,MAAM;QACL,OAAO;UACLN,eAAe,EAAEK,YAAY;UAC7BJ,eAAe,EAAEK;QACnB,CAAC;MACH;IACF,CAAC,CAAC;IAEF,IAAIG,SAAS,GAAG;MACdC,MAAM,EAAEV,eAAe,CAACvB,KAAK;MAC7B8B,MAAM,EAAEN,eAAe,CAACxB;IAC1B,CAAC;IAED,SAASkC,aAAaA,CAACC,UAA4B,EAAE;MACnD,MAAMtB,GAAG,GAAG,IAAIvE,WAAW,CAACiE,WAAW,CAAC;MACxC,MAAM6B,WAAW,GAAGvF,aAAa,CAACsF,UAAU,CAACF,MAAM,EAAE9B,QAAQ,CAAC;MAC9D,MAAMkC,YAAY,GAAGxF,aAAa,CAACsF,UAAU,CAACL,MAAM,EAAEjB,GAAG,CAAC;MAE1D,IAAI;QAAEnB,CAAC;QAAEG;MAAE,CAAC,GAAG/C,SAAS,CAACsF,WAAW,EAAEC,YAAY,CAAC;MAEnD,QAAQF,UAAU,CAACF,MAAM,CAACF,IAAI;QAC5B,KAAK,KAAK;UACRlC,CAAC,IAAI3B,MAAM,CAAC8B,KAAK,CAAC,CAAC,CAAC;UACpB;QACF,KAAK,QAAQ;UACXH,CAAC,IAAI3B,MAAM,CAAC8B,KAAK,CAAC,CAAC,CAAC;UACpB;QACF,KAAK,MAAM;UACTN,CAAC,IAAIxB,MAAM,CAAC8B,KAAK,CAAC,CAAC,CAAC;UACpB;QACF,KAAK,OAAO;UACVN,CAAC,IAAIxB,MAAM,CAAC8B,KAAK,CAAC,CAAC,CAAC;UACpB;MACJ;MAEA,QAAQmC,UAAU,CAACF,MAAM,CAACN,KAAK;QAC7B,KAAK,KAAK;UACR9B,CAAC,IAAI3B,MAAM,CAAC8B,KAAK,CAAC,CAAC,CAAC;UACpB;QACF,KAAK,QAAQ;UACXH,CAAC,IAAI3B,MAAM,CAAC8B,KAAK,CAAC,CAAC,CAAC;UACpB;QACF,KAAK,MAAM;UACTN,CAAC,IAAIxB,MAAM,CAAC8B,KAAK,CAAC,CAAC,CAAC;UACpB;QACF,KAAK,OAAO;UACVN,CAAC,IAAIxB,MAAM,CAAC8B,KAAK,CAAC,CAAC,CAAC;UACpB;MACJ;MAEAa,GAAG,CAACnB,CAAC,IAAIA,CAAC;MACVmB,GAAG,CAAChB,CAAC,IAAIA,CAAC;MAEVgB,GAAG,CAACT,KAAK,GAAGa,IAAI,CAACE,GAAG,CAACN,GAAG,CAACT,KAAK,EAAE1C,QAAQ,CAACsC,KAAK,CAAC;MAC/Ca,GAAG,CAACR,MAAM,GAAGY,IAAI,CAACE,GAAG,CAACN,GAAG,CAACR,MAAM,EAAE1C,SAAS,CAACqC,KAAK,CAAC;MAElD,MAAMsC,SAAS,GAAG/F,WAAW,CAACsE,GAAG,EAAEF,QAAQ,CAAC;MAE5C,OAAO;QAAE2B,SAAS;QAAE5C,CAAC;QAAEG;MAAE,CAAC;IAC5B;IAEA,IAAIH,CAAC,GAAG,CAAC;IACT,IAAIG,CAAC,GAAG,CAAC;IACT,MAAM0C,SAAS,GAAG;MAAE7C,CAAC,EAAE,CAAC;MAAEG,CAAC,EAAE;IAAE,CAAC;IAChC,MAAM2C,OAAO,GAAG;MAAE9C,CAAC,EAAE,KAAK;MAAEG,CAAC,EAAE;IAAM,CAAC;IACtC,IAAI4C,MAAM,GAAG,CAAC,CAAC;IACf,OAAO,IAAI,EAAE;MACX,IAAIA,MAAM,EAAE,GAAG,EAAE,EAAE;QACjB;MACF;MAEA,MAAM;QAAE/C,CAAC,EAAEgD,EAAE;QAAE7C,CAAC,EAAE8C,EAAE;QAAEL;MAAU,CAAC,GAAGJ,aAAa,CAACF,SAAS,CAAC;MAE5DtC,CAAC,IAAIgD,EAAE;MACP7C,CAAC,IAAI8C,EAAE;MAEPpC,WAAW,CAACb,CAAC,IAAIgD,EAAE;MACnBnC,WAAW,CAACV,CAAC,IAAI8C,EAAE;;MAEnB;MACA;QACE,MAAMC,IAAI,GAAG1G,OAAO,CAAC8F,SAAS,CAACC,MAAM,CAAC;QACtC,MAAMY,YAAY,GAAGP,SAAS,CAAC5C,CAAC,CAACoD,MAAM,IAAIR,SAAS,CAAC5C,CAAC,CAACqD,KAAK;QAC5D,MAAMC,YAAY,GAAGV,SAAS,CAACzC,CAAC,CAACiD,MAAM,IAAIR,SAAS,CAACzC,CAAC,CAACkD,KAAK;QAE5D,IAAIE,KAAK,GAAG,KAAK;QACjB,CAAC,GAAG,EAAE,GAAG,CAAC,CAACC,OAAO,CAAErF,GAAG,IAAK;UAC1B,IACGA,GAAG,KAAK,GAAG,IAAIgF,YAAY,IAAI,CAACL,OAAO,CAAC9C,CAAC,IACzC7B,GAAG,KAAK,GAAG,IAAImF,YAAY,IAAI,CAACR,OAAO,CAAC3C,CAAE,EAC3C;YACA,MAAMsD,YAAY,GAAG;cACnBlB,MAAM,EAAE;gBAAE,GAAGD,SAAS,CAACC;cAAO,CAAC;cAC/BH,MAAM,EAAE;gBAAE,GAAGE,SAAS,CAACF;cAAO;YAChC,CAAC;YACD,MAAMsB,IAAI,GACRvF,GAAG,KAAK,GAAG,GACP+E,IAAI,KAAK,GAAG,GACV7G,SAAS,GACTE,QAAQ,GACV2G,IAAI,KAAK,GAAG,GACV3G,QAAQ,GACRF,SAAS;YACjBoH,YAAY,CAAClB,MAAM,GAAGmB,IAAI,CAACD,YAAY,CAAClB,MAAM,CAAC;YAC/CkB,YAAY,CAACrB,MAAM,GAAGsB,IAAI,CAACD,YAAY,CAACrB,MAAM,CAAC;YAC/C,MAAM;cAAEQ,SAAS,EAAEe;YAAa,CAAC,GAAGnB,aAAa,CAACiB,YAAY,CAAC;YAC/D,IACGE,YAAY,CAACxF,GAAG,CAAC,CAACiF,MAAM,IAAIR,SAAS,CAACzE,GAAG,CAAC,CAACiF,MAAM,IAChDO,YAAY,CAACxF,GAAG,CAAC,CAACkF,KAAK,IAAIT,SAAS,CAACzE,GAAG,CAAC,CAACkF,KAAK,IACjDM,YAAY,CAACxF,GAAG,CAAC,CAACiF,MAAM,GAAGO,YAAY,CAACxF,GAAG,CAAC,CAACkF,KAAK,GAChD,CAACT,SAAS,CAACzE,GAAG,CAAC,CAACiF,MAAM,GAAGR,SAAS,CAACzE,GAAG,CAAC,CAACkF,KAAK,IAAI,CAAC,EACpD;cACAf,SAAS,GAAGmB,YAAY;cACxBF,KAAK,GAAGT,OAAO,CAAC3E,GAAG,CAAC,GAAG,IAAI;YAC7B;UACF;QACF,CAAC,CAAC;QACF,IAAIoF,KAAK,EAAE;MACb;;MAEA;MACA,IAAIX,SAAS,CAAC5C,CAAC,CAACoD,MAAM,EAAE;QACtBpD,CAAC,IAAI4C,SAAS,CAAC5C,CAAC,CAACoD,MAAM;QACvBvC,WAAW,CAACb,CAAC,IAAI4C,SAAS,CAAC5C,CAAC,CAACoD,MAAM;MACrC;MACA,IAAIR,SAAS,CAAC5C,CAAC,CAACqD,KAAK,EAAE;QACrBrD,CAAC,IAAI4C,SAAS,CAAC5C,CAAC,CAACqD,KAAK;QACtBxC,WAAW,CAACb,CAAC,IAAI4C,SAAS,CAAC5C,CAAC,CAACqD,KAAK;MACpC;MACA,IAAIT,SAAS,CAACzC,CAAC,CAACiD,MAAM,EAAE;QACtBjD,CAAC,IAAIyC,SAAS,CAACzC,CAAC,CAACiD,MAAM;QACvBvC,WAAW,CAACV,CAAC,IAAIyC,SAAS,CAACzC,CAAC,CAACiD,MAAM;MACrC;MACA,IAAIR,SAAS,CAACzC,CAAC,CAACkD,KAAK,EAAE;QACrBlD,CAAC,IAAIyC,SAAS,CAACzC,CAAC,CAACkD,KAAK;QACtBxC,WAAW,CAACV,CAAC,IAAIyC,SAAS,CAACzC,CAAC,CAACkD,KAAK;MACpC;;MAEA;MACA;QACE,MAAMT,SAAS,GAAG/F,WAAW,CAACgE,WAAW,EAAEI,QAAQ,CAAC;QACpD4B,SAAS,CAAC7C,CAAC,GAAGiB,QAAQ,CAACP,KAAK,GAAGkC,SAAS,CAAC5C,CAAC,CAACoD,MAAM,GAAGR,SAAS,CAAC5C,CAAC,CAACqD,KAAK;QACrER,SAAS,CAAC1C,CAAC,GAAGc,QAAQ,CAACN,MAAM,GAAGiC,SAAS,CAACzC,CAAC,CAACiD,MAAM,GAAGR,SAAS,CAACzC,CAAC,CAACkD,KAAK;QAEtErD,CAAC,IAAI4C,SAAS,CAAC5C,CAAC,CAACoD,MAAM;QACvBvC,WAAW,CAACb,CAAC,IAAI4C,SAAS,CAAC5C,CAAC,CAACoD,MAAM;QACnCjD,CAAC,IAAIyC,SAAS,CAACzC,CAAC,CAACiD,MAAM;QACvBvC,WAAW,CAACV,CAAC,IAAIyC,SAAS,CAACzC,CAAC,CAACiD,MAAM;MACrC;MAEA;IACF;IAEA,MAAMF,IAAI,GAAG1G,OAAO,CAAC8F,SAAS,CAACC,MAAM,CAAC;IAEtCqB,MAAM,CAACC,MAAM,CAACpG,gBAAgB,CAAC6C,KAAK,EAAE;MACpC,8BAA8B,EAAG,GAAEgC,SAAS,CAACC,MAAM,CAACF,IAAK,IAAGC,SAAS,CAACC,MAAM,CAACN,KAAM,EAAC;MACpF6B,eAAe,EAAG,GAAExB,SAAS,CAACF,MAAM,CAACC,IAAK,IAAGC,SAAS,CAACF,MAAM,CAACH,KAAM,EAAC;MACrE7B,GAAG,EAAElD,gBAAgB,CAACD,UAAU,CAACkD,CAAC,CAAC,CAAC;MACpCD,IAAI,EAAErC,KAAK,CAACyC,KAAK,GAAGsB,SAAS,GAAG1E,gBAAgB,CAACD,UAAU,CAAC+C,CAAC,CAAC,CAAC;MAC/D0B,KAAK,EAAE7D,KAAK,CAACyC,KAAK,GAAGpD,gBAAgB,CAACD,UAAU,CAAC,CAAC+C,CAAC,CAAC,CAAC,GAAG4B,SAAS;MACjE9D,QAAQ,EAAEZ,gBAAgB,CACxBgG,IAAI,KAAK,GAAG,GACR3B,IAAI,CAACE,GAAG,CAAC3D,QAAQ,CAACwC,KAAK,EAAEG,QAAQ,CAACC,KAAK,CAAC,GACxC5C,QAAQ,CAACwC,KACf,CAAC;MACDtC,QAAQ,EAAEd,gBAAgB,CACxBF,SAAS,CACPN,KAAK,CACHmG,SAAS,CAAC7C,CAAC,EACXlC,QAAQ,CAACwC,KAAK,KAAK/B,QAAQ,GAAG,CAAC,GAAGT,QAAQ,CAACwC,KAAK,EAChDtC,QAAQ,CAACsC,KACX,CACF,CACF,CAAC;MACDrC,SAAS,EAAEf,gBAAgB,CACzBF,SAAS,CACPN,KAAK,CACHmG,SAAS,CAAC1C,CAAC,EACXpC,SAAS,CAACuC,KAAK,KAAK/B,QAAQ,GAAG,CAAC,GAAGR,SAAS,CAACuC,KAAK,EAClDrC,SAAS,CAACqC,KACZ,CACF,CACF;IACF,CAAC,CAAC;IAEF,OAAO;MACLuC,SAAS;MACThC;IACF,CAAC;EACH;EAEAzE,KAAK,CACH,MAAM,CACJkB,KAAK,CAACkB,MAAM,EACZlB,KAAK,CAACQ,QAAQ,EACdR,KAAK,CAACS,SAAS,EACfT,KAAK,CAACU,QAAQ,EACdV,KAAK,CAACW,SAAS,CAChB,EACD,MAAMiB,gBAAgB,CAAC,CACzB,CAAC;EAEDjD,QAAQ,CAAC,MAAM;IACb,MAAM8H,MAAM,GAAG7E,gBAAgB,CAAC,CAAC;IACjC,IAAI,CAAC6E,MAAM,EAAE;IACb,MAAM;MAAElB,SAAS;MAAEhC;IAAY,CAAC,GAAGkD,MAAM;IACzC,IAAIlD,WAAW,CAACF,MAAM,GAAGkC,SAAS,CAAC1C,CAAC,EAAE;MACpCK,qBAAqB,CAAC,MAAM;QAC1BtB,gBAAgB,CAAC,CAAC;QAClBsB,qBAAqB,CAAC,MAAM;UAC1BtB,gBAAgB,CAAC,CAAC;QACpB,CAAC,CAAC;MACJ,CAAC,CAAC;IACJ;EACF,CAAC,CAAC;EAEF,OAAO;IACLA;EACF,CAAC;AACH"}

package/lib/composables/coordinate/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/composables/coordinate/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/composables/coordinate/types.ts"],"sourcesContent":["import type { Ref } from \"vue\";\r\n\r\nexport interface CoordinateState {\r\n  contentEl: Ref<HTMLElement | undefined>;\r\n  base: Ref<HTMLElement | [x: number, y: number] | undefined>;\r\n  active: Ref<boolean>;\r\n}\r\n"],"mappings":""}

package/lib/composables/coordinate/utils/point.js

@@ -0,0 +1,55 @@
+/** Convert a point in local space to viewport space */
+export function elementToViewport(point, offset) {
+  return {
+    x: point.x + offset.x,
+    y: point.y + offset.y
+  };
+}
+
+/** Convert a point in viewport space to local space */
+export function viewportToElement(point, offset) {
+  return {
+    x: point.x - offset.x,
+    y: point.y - offset.y
+  };
+}
+
+/** Get the difference between two points */
+export function getOffset(a, b) {
+  return {
+    x: a.x - b.x,
+    y: a.y - b.y
+  };
+}
+
+/** Convert an anchor object to a point in local space */
+export function anchorToPoint(anchor, box) {
+  if (anchor.side === 'top' || anchor.side === 'bottom') {
+    const {
+      side,
+      align
+    } = anchor;
+    const x = align === 'left' ? 0 : align === 'center' ? box.width / 2 : align === 'right' ? box.width : align;
+    const y = side === 'top' ? 0 : side === 'bottom' ? box.height : side;
+    return elementToViewport({
+      x,
+      y
+    }, box);
+  } else if (anchor.side === 'left' || anchor.side === 'right') {
+    const {
+      side,
+      align
+    } = anchor;
+    const x = side === 'left' ? 0 : side === 'right' ? box.width : side;
+    const y = align === 'top' ? 0 : align === 'center' ? box.height / 2 : align === 'bottom' ? box.height : align;
+    return elementToViewport({
+      x,
+      y
+    }, box);
+  }
+  return elementToViewport({
+    x: box.width / 2,
+    y: box.height / 2
+  }, box);
+}
+//# sourceMappingURL=point.js.map

package/lib/composables/coordinate/utils/point.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"point.js","names":["elementToViewport","point","offset","x","y","viewportToElement","getOffset","a","b","anchorToPoint","anchor","box","side","align","width","height"],"sources":["../../../../src/composables/coordinate/utils/point.ts"],"sourcesContent":["import { type ParsedAnchor } from '@/util/anchor';\r\nimport { type MutableRect } from '@/util/rect';\r\n\r\ntype Point = { x: number; y: number };\r\ndeclare class As<T extends string> {\r\n  private as: T;\r\n}\r\ntype ElementPoint = Point & As<'element'>;\r\ntype ViewportPoint = Point & As<'viewport'>;\r\ntype Offset = Point & As<'offset'>;\r\n\r\n/** Convert a point in local space to viewport space */\r\nexport function elementToViewport(\r\n  point: ElementPoint,\r\n  offset: Offset | MutableRect,\r\n) {\r\n  return {\r\n    x: point.x + offset.x,\r\n    y: point.y + offset.y,\r\n  } as ViewportPoint;\r\n}\r\n\r\n/** Convert a point in viewport space to local space */\r\nexport function viewportToElement(\r\n  point: ViewportPoint,\r\n  offset: Offset | MutableRect,\r\n) {\r\n  return {\r\n    x: point.x - offset.x,\r\n    y: point.y - offset.y,\r\n  } as ElementPoint;\r\n}\r\n\r\n/** Get the difference between two points */\r\nexport function getOffset<T extends Point>(a: T, b: T) {\r\n  return {\r\n    x: a.x - b.x,\r\n    y: a.y - b.y,\r\n  } as Offset;\r\n}\r\n\r\n/** Convert an anchor object to a point in local space */\r\nexport function anchorToPoint(\r\n  anchor: ParsedAnchor,\r\n  box: MutableRect,\r\n): ViewportPoint {\r\n  if (anchor.side === 'top' || anchor.side === 'bottom') {\r\n    const { side, align } = anchor;\r\n\r\n    const x: number =\r\n      align === 'left'\r\n        ? 0\r\n        : align === 'center'\r\n          ? box.width / 2\r\n          : align === 'right'\r\n            ? box.width\r\n            : align;\r\n    const y: number =\r\n      side === 'top' ? 0 : side === 'bottom' ? box.height : side;\r\n\r\n    return elementToViewport({ x, y } as ElementPoint, box);\r\n  } else if (anchor.side === 'left' || anchor.side === 'right') {\r\n    const { side, align } = anchor;\r\n\r\n    const x: number = side === 'left' ? 0 : side === 'right' ? box.width : side;\r\n    const y: number =\r\n      align === 'top'\r\n        ? 0\r\n        : align === 'center'\r\n          ? box.height / 2\r\n          : align === 'bottom'\r\n            ? box.height\r\n            : align;\r\n\r\n    return elementToViewport({ x, y } as ElementPoint, box);\r\n  }\r\n\r\n  return elementToViewport(\r\n    {\r\n      x: box.width / 2,\r\n      y: box.height / 2,\r\n    } as ElementPoint,\r\n    box,\r\n  );\r\n}\r\n"],"mappings":"AAWA;AACA,OAAO,SAASA,iBAAiBA,CAC/BC,KAAmB,EACnBC,MAA4B,EAC5B;EACA,OAAO;IACLC,CAAC,EAAEF,KAAK,CAACE,CAAC,GAAGD,MAAM,CAACC,CAAC;IACrBC,CAAC,EAAEH,KAAK,CAACG,CAAC,GAAGF,MAAM,CAACE;EACtB,CAAC;AACH;;AAEA;AACA,OAAO,SAASC,iBAAiBA,CAC/BJ,KAAoB,EACpBC,MAA4B,EAC5B;EACA,OAAO;IACLC,CAAC,EAAEF,KAAK,CAACE,CAAC,GAAGD,MAAM,CAACC,CAAC;IACrBC,CAAC,EAAEH,KAAK,CAACG,CAAC,GAAGF,MAAM,CAACE;EACtB,CAAC;AACH;;AAEA;AACA,OAAO,SAASE,SAASA,CAAkBC,CAAI,EAAEC,CAAI,EAAE;EACrD,OAAO;IACLL,CAAC,EAAEI,CAAC,CAACJ,CAAC,GAAGK,CAAC,CAACL,CAAC;IACZC,CAAC,EAAEG,CAAC,CAACH,CAAC,GAAGI,CAAC,CAACJ;EACb,CAAC;AACH;;AAEA;AACA,OAAO,SAASK,aAAaA,CAC3BC,MAAoB,EACpBC,GAAgB,EACD;EACf,IAAID,MAAM,CAACE,IAAI,KAAK,KAAK,IAAIF,MAAM,CAACE,IAAI,KAAK,QAAQ,EAAE;IACrD,MAAM;MAAEA,IAAI;MAAEC;IAAM,CAAC,GAAGH,MAAM;IAE9B,MAAMP,CAAS,GACbU,KAAK,KAAK,MAAM,GACZ,CAAC,GACDA,KAAK,KAAK,QAAQ,GAChBF,GAAG,CAACG,KAAK,GAAG,CAAC,GACbD,KAAK,KAAK,OAAO,GACfF,GAAG,CAACG,KAAK,GACTD,KAAK;IACf,MAAMT,CAAS,GACbQ,IAAI,KAAK,KAAK,GAAG,CAAC,GAAGA,IAAI,KAAK,QAAQ,GAAGD,GAAG,CAACI,MAAM,GAAGH,IAAI;IAE5D,OAAOZ,iBAAiB,CAAC;MAAEG,CAAC;MAAEC;IAAE,CAAC,EAAkBO,GAAG,CAAC;EACzD,CAAC,MAAM,IAAID,MAAM,CAACE,IAAI,KAAK,MAAM,IAAIF,MAAM,CAACE,IAAI,KAAK,OAAO,EAAE;IAC5D,MAAM;MAAEA,IAAI;MAAEC;IAAM,CAAC,GAAGH,MAAM;IAE9B,MAAMP,CAAS,GAAGS,IAAI,KAAK,MAAM,GAAG,CAAC,GAAGA,IAAI,KAAK,OAAO,GAAGD,GAAG,CAACG,KAAK,GAAGF,IAAI;IAC3E,MAAMR,CAAS,GACbS,KAAK,KAAK,KAAK,GACX,CAAC,GACDA,KAAK,KAAK,QAAQ,GAChBF,GAAG,CAACI,MAAM,GAAG,CAAC,GACdF,KAAK,KAAK,QAAQ,GAChBF,GAAG,CAACI,MAAM,GACVF,KAAK;IAEf,OAAOb,iBAAiB,CAAC;MAAEG,CAAC;MAAEC;IAAE,CAAC,EAAkBO,GAAG,CAAC;EACzD;EAEA,OAAOX,iBAAiB,CACtB;IACEG,CAAC,EAAEQ,GAAG,CAACG,KAAK,GAAG,CAAC;IAChBV,CAAC,EAAEO,GAAG,CAACI,MAAM,GAAG;EAClB,CAAC,EACDJ,GACF,CAAC;AACH"}

package/lib/composables/date/factory.js

@@ -0,0 +1,12 @@
+import { reactive, watch } from 'vue';
+export function constructAdapter(options, locale) {
+  const instance = reactive(typeof options.adapter === 'function' ? new options.adapter({
+    locale: options.locale[locale.locale.value] ?? locale.locale.value,
+    formats: options.formats
+  }) : options.adapter);
+  watch(locale.locale, value => {
+    instance.locale = options.locale[value] ?? value ?? instance.locale;
+  });
+  return instance;
+}
+//# sourceMappingURL=factory.js.map

package/lib/composables/date/factory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.js","names":["reactive","watch","constructAdapter","options","locale","instance","adapter","value","formats"],"sources":["../../../src/composables/date/factory.ts"],"sourcesContent":["import { reactive, watch } from 'vue';\r\n\r\nimport { LocaleModule } from '@/i18n/types';\r\n\r\nexport function constructAdapter(options: any, locale: LocaleModule) {\r\n  const instance = reactive(\r\n    typeof options.adapter === 'function'\r\n      ? new options.adapter({\r\n          locale: options.locale[locale.locale.value] ?? locale.locale.value,\r\n          formats: options.formats,\r\n        })\r\n      : options.adapter,\r\n  );\r\n\r\n  watch(locale.locale, (value) => {\r\n    instance.locale = options.locale[value] ?? value ?? instance.locale;\r\n  });\r\n\r\n  return instance;\r\n}\r\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,KAAK,QAAQ,KAAK;AAIrC,OAAO,SAASC,gBAAgBA,CAACC,OAAY,EAAEC,MAAoB,EAAE;EACnE,MAAMC,QAAQ,GAAGL,QAAQ,CACvB,OAAOG,OAAO,CAACG,OAAO,KAAK,UAAU,GACjC,IAAIH,OAAO,CAACG,OAAO,CAAC;IAClBF,MAAM,EAAED,OAAO,CAACC,MAAM,CAACA,MAAM,CAACA,MAAM,CAACG,KAAK,CAAC,IAAIH,MAAM,CAACA,MAAM,CAACG,KAAK;IAClEC,OAAO,EAAEL,OAAO,CAACK;EACnB,CAAC,CAAC,GACFL,OAAO,CAACG,OACd,CAAC;EAEDL,KAAK,CAACG,MAAM,CAACA,MAAM,EAAGG,KAAK,IAAK;IAC9BF,QAAQ,CAACD,MAAM,GAAGD,OAAO,CAACC,MAAM,CAACG,KAAK,CAAC,IAAIA,KAAK,IAAIF,QAAQ,CAACD,MAAM;EACrE,CAAC,CAAC;EAEF,OAAOC,QAAQ;AACjB"}

package/lib/composables/date/index.js

@@ -0,0 +1,20 @@
+import { inject } from 'vue';
+import { useI18n } from "../i18n/index.js";
+import { constructAdapter } from "./factory.js";
+import { configureOptions } from "./setting.js";
+export const YUYEON_DATE_KEY = Symbol.for('yuyeon.date');
+export const YUYEON_DATE_OPTIONS_KEY = Symbol.for('yuyeon.date-options');
+export function createDateModule(options, locale) {
+  const _options = configureOptions(options);
+  return {
+    options: _options,
+    instance: constructAdapter(_options, locale)
+  };
+}
+export function useDate() {
+  const options = inject(YUYEON_DATE_OPTIONS_KEY);
+  if (!options) throw new Error('【yuyeon】 Not found provided "DateModule" for options');
+  const i18n = useI18n();
+  return constructAdapter(options, i18n);
+}
+//# sourceMappingURL=index.js.map

package/lib/composables/date/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["inject","useI18n","constructAdapter","configureOptions","YUYEON_DATE_KEY","Symbol","for","YUYEON_DATE_OPTIONS_KEY","createDateModule","options","locale","_options","instance","useDate","Error","i18n"],"sources":["../../../src/composables/date/index.ts"],"sourcesContent":["import { inject } from 'vue';\r\n\r\nimport { LocaleModule } from '@/i18n/types';\r\n\r\nimport { useI18n } from '../i18n';\r\nimport { constructAdapter } from './factory';\r\nimport { configureOptions } from './setting';\r\nimport { DateInstance, DateOptions } from './types';\r\n\r\nexport const YUYEON_DATE_KEY = Symbol.for('yuyeon.date');\r\nexport const YUYEON_DATE_OPTIONS_KEY = Symbol.for('yuyeon.date-options');\r\n\r\nexport function createDateModule(options: DateOptions, locale: LocaleModule) {\r\n  const _options = configureOptions(options);\r\n  return {\r\n    options: _options,\r\n    instance: constructAdapter(_options, locale),\r\n  };\r\n}\r\n\r\nexport function useDate(): DateInstance {\r\n  const options = inject<any>(YUYEON_DATE_OPTIONS_KEY);\r\n  if (!options)\r\n    throw new Error('【yuyeon】 Not found provided \"DateModule\" for options');\r\n\r\n  const i18n = useI18n();\r\n\r\n  return constructAdapter(options, i18n);\r\n}\r\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,KAAK;AAAC,SAIpBC,OAAO;AAAA,SACPC,gBAAgB;AAAA,SAChBC,gBAAgB;AAGzB,OAAO,MAAMC,eAAe,GAAGC,MAAM,CAACC,GAAG,CAAC,aAAa,CAAC;AACxD,OAAO,MAAMC,uBAAuB,GAAGF,MAAM,CAACC,GAAG,CAAC,qBAAqB,CAAC;AAExE,OAAO,SAASE,gBAAgBA,CAACC,OAAoB,EAAEC,MAAoB,EAAE;EAC3E,MAAMC,QAAQ,GAAGR,gBAAgB,CAACM,OAAO,CAAC;EAC1C,OAAO;IACLA,OAAO,EAAEE,QAAQ;IACjBC,QAAQ,EAAEV,gBAAgB,CAACS,QAAQ,EAAED,MAAM;EAC7C,CAAC;AACH;AAEA,OAAO,SAASG,OAAOA,CAAA,EAAiB;EACtC,MAAMJ,OAAO,GAAGT,MAAM,CAAMO,uBAAuB,CAAC;EACpD,IAAI,CAACE,OAAO,EACV,MAAM,IAAIK,KAAK,CAAC,sDAAsD,CAAC;EAEzE,MAAMC,IAAI,GAAGd,OAAO,CAAC,CAAC;EAEtB,OAAOC,gBAAgB,CAACO,OAAO,EAAEM,IAAI,CAAC;AACxC"}

package/lib/composables/date/setting.js

@@ -0,0 +1,11 @@
+import { localeCodesMap } from "../../i18n/config.js";
+import { mergeDeep } from "../../util/common.js";
+import { YuyeonDateAdapter } from "../../util/date/index.js";
+export function configureOptions(options) {
+  const _options = mergeDeep({
+    adapter: YuyeonDateAdapter,
+    locale: localeCodesMap
+  }, options);
+  return _options;
+}
+//# sourceMappingURL=setting.js.map

package/lib/composables/date/setting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setting.js","names":["localeCodesMap","mergeDeep","YuyeonDateAdapter","configureOptions","options","_options","adapter","locale"],"sources":["../../../src/composables/date/setting.ts"],"sourcesContent":["import { localeCodesMap } from '@/i18n/config';\r\nimport { mergeDeep } from '@/util/common';\r\nimport { YuyeonDateAdapter } from '@/util/date';\r\n\r\nimport type { DateOptions } from './types';\r\n\r\nexport function configureOptions(options?: DateOptions) {\r\n  const _options = mergeDeep(\r\n    {\r\n      adapter: YuyeonDateAdapter,\r\n      locale: localeCodesMap,\r\n    },\r\n    options,\r\n  );\r\n\r\n  return _options;\r\n}\r\n"],"mappings":"SAASA,cAAc;AAAA,SACdC,SAAS;AAAA,SACTC,iBAAiB;AAI1B,OAAO,SAASC,gBAAgBA,CAACC,OAAqB,EAAE;EACtD,MAAMC,QAAQ,GAAGJ,SAAS,CACxB;IACEK,OAAO,EAAEJ,iBAAiB;IAC1BK,MAAM,EAAEP;EACV,CAAC,EACDI,OACF,CAAC;EAED,OAAOC,QAAQ;AACjB"}

package/lib/composables/date/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/composables/date/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/composables/date/types.ts"],"sourcesContent":["import type { DateAdapter } from '@/util/date/types';\r\n\r\nexport interface DateOptions {\r\n  adapter: any;\r\n  locale: Record<string, any>;\r\n  formats?: Record<string, any>;\r\n}\r\n\r\nexport interface DateInstanceType {\r\n  instanceType: unknown;\r\n}\r\n\r\nexport interface DateInstance<T = DateInstanceType['instanceType']>\r\n  extends DateAdapter<T> {\r\n  locale?: any;\r\n}\r\n"],"mappings":""}