@vuetify/nightly 3.0.0-beta.0 → 3.0.0-beta.13

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vuetify/nightly",
   "description": "Vue Material Component Framework",
-  "version": "3.0.0-beta.0",
+  "version": "3.0.0-beta.13",
   "author": {
     "name": "John Leider",
     "email": "john@vuetifyjs.com"
@@ -45,6 +45,9 @@
   "files": [
     "dist/",
     "lib/",
+    "_settings.scss",
+    "_styles.scss",
+    "_tools.scss",
     "CHANGELOG.md"
   ],
   "exports": {
@@ -55,6 +58,8 @@
     "./styles": "./lib/styles/main.css",
     "./styles/*": "./lib/styles/*",
     "./framework": "./lib/framework.mjs",
+    "./blueprints": "./lib/blueprints/index.mjs",
+    "./blueprints/*": "./lib/blueprints/*.mjs",
     "./components": "./lib/components/index.mjs",
     "./components/*": "./lib/components/*/index.mjs",
     "./directives": "./lib/directives/index.mjs",
@@ -81,10 +86,13 @@
       ]
     }
   },
+  "engines": {
+    "node": "^12.20 || >=14.13"
+  },
   "scripts": {
     "watch": "yarn build:lib --watch",
     "dev": "cross-env NODE_ENV=development vite",
-    "dev:ssr": "cross-env NODE_ENV=development vite-ssr",
+    "dev:ssr": "cross-env NODE_ENV=development VITE_SSR=true vite-ssr",
     "build": "rimraf lib dist && concurrently \"yarn build:dist\" \"yarn build:lib\" -n \"dist,lib\" --kill-others-on-fail -r && yarn build:json && yarn build:types",
     "build:dist": "rollup --config build/rollup.config.js",
     "build:lib": "cross-env NODE_ENV=lib babel src --out-dir lib --source-maps --extensions \".ts\",\".tsx\",\".snap\" --copy-files --no-copy-ignored --out-file-extension .mjs",
@@ -98,63 +106,64 @@
     "test:coverage": "yarn test --coverage",
     "lint": "concurrently -n \"tsc,eslint\" --kill-others-on-fail \"tsc -p tsconfig.checks.json --noEmit --pretty\" \"eslint src -f codeframe --max-warnings 0\"",
     "lint:fix": "concurrently -n \"tsc,eslint\" \"tsc -p tsconfig.checks.json --noEmit --pretty\" \"eslint --fix src\"",
-    "cy:open": "cypress open-ct",
-    "cy:run": "percy exec -- cypress run-ct"
+    "cy:open": "cypress open --component -b chrome",
+    "cy:run": "percy exec -- cypress run --component"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^2.2.0",
-    "@cypress/vue": "^3.0.5",
-    "@formatjs/intl": "^1.17.0",
+    "@formatjs/intl": "^2.2.5",
     "@fortawesome/fontawesome-svg-core": "^1.2.36",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/vue-fontawesome": "^3.0.0-5",
-    "@percy/cli": "^1.0.0-beta.70",
-    "@percy/cypress": "^3.1.1",
-    "@rollup/plugin-alias": "^3.1.8",
-    "@rollup/plugin-babel": "^5.3.0",
-    "@rollup/plugin-node-resolve": "^13.0.6",
-    "@rollup/plugin-typescript": "^8.3.0",
+    "@percy/cli": "^1.3.1",
+    "@percy/cypress": "^3.1.2",
+    "@rollup/plugin-alias": "^3.1.9",
+    "@rollup/plugin-babel": "^5.3.1",
+    "@rollup/plugin-node-resolve": "^13.3.0",
+    "@rollup/plugin-typescript": "^8.3.2",
     "@types/jest": "^26.0.24",
-    "@types/node": "^16.11.7",
-    "@types/resize-observer-browser": "^0.1.6",
-    "@vitejs/plugin-vue": "^2.0.1",
-    "@vitejs/plugin-vue-jsx": "^1.3.2",
+    "@types/node": "^16.11.26",
+    "@types/resize-observer-browser": "^0.1.7",
+    "@vitejs/plugin-vue": "^3.0.3",
+    "@vitejs/plugin-vue-jsx": "^2.0.0",
     "@vue/babel-plugin-jsx": "^1.1.1",
-    "@vue/test-utils": "2.0.0-rc.9",
-    "@vueuse/head": "^0.6.0",
+    "@vue/test-utils": "2.0.0",
+    "@vueuse/head": "~0.7.6",
     "acorn-walk": "^8.2.0",
-    "autoprefixer": "^10.4.0",
+    "autoprefixer": "^10.4.7",
     "babel-plugin-add-import-extension": "1.5.1",
     "babel-plugin-module-resolver": "^4.1.0",
     "babel-plugin-transform-define": "^2.0.1",
     "babel-polyfill": "^6.26.0",
     "concurrently": "^4.1.1",
-    "cssnano": "^5.0.10",
+    "cssnano": "^5.1.10",
     "cy-mobile-commands": "^0.3.0",
-    "cypress": "^9.0.0",
+    "cypress": "^10.2.0",
     "cypress-file-upload": "^5.0.8",
-    "cypress-real-events": "^1.6.0",
+    "cypress-real-events": "^1.7.0",
     "dotenv": "^8.6.0",
     "eslint-plugin-cypress": "^2.12.1",
-    "eslint-plugin-jest": "^25.2.4",
+    "eslint-plugin-jest": "^25.7.0",
+    "fast-glob": "^3.2.11",
     "identity-obj-proxy": "^3.0.0",
     "jest-canvas-mock": "^2.3.1",
-    "postcss": "^8.3.11",
-    "rollup": "^2.60.0",
-    "rollup-plugin-dts": "^4.0.1",
-    "rollup-plugin-sass": "^1.2.9",
+    "micromatch": "^4.0.5",
+    "postcss": "^8.4.14",
+    "rollup": "^2.75.3",
+    "rollup-plugin-dts": "^4.2.2",
+    "rollup-plugin-sass": "^1.2.12",
     "rollup-plugin-sourcemaps": "^0.6.3",
     "rollup-plugin-terser": "^7.0.2",
-    "vite": "^2.6.14",
-    "vite-ssr": "^0.14.3",
-    "vue-i18n": "^9.2.0-beta.23",
-    "vue-meta": "^2.4.0",
-    "vue-router": "^4.0.12"
+    "vite": "^3.0.9",
+    "vite-ssr": "^0.16.0",
+    "vue-i18n": "^9.2.2",
+    "vue-router": "^4.0.15"
   },
   "peerDependencies": {
     "@formatjs/intl": "^1.0.0 || ^2.0.0",
-    "vue": "^3.2.19",
-    "vue-i18n": "^9.0.0"
+    "vite-plugin-vuetify": "^1.0.0-alpha.12",
+    "vue": "^3.2.0",
+    "vue-i18n": "^9.0.0",
+    "webpack-plugin-vuetify": "^2.0.0-alpha.11"
   },
   "peerDependenciesMeta": {
     "vue-i18n": {
@@ -162,6 +171,12 @@
     },
     "@formatjs/intl": {
       "optional": true
+    },
+    "webpack-plugin-vuetify": {
+      "optional": true
+    },
+    "vite-plugin-vuetify": {
+      "optional": true
     }
   },
   "publishConfig": {

package/lib/components/VBreadcrumbs/shared.mjs

@@ -1,2 +0,0 @@
-export const VBreadcrumbsSymbol = Symbol.for('vuetify:breadcrumbs');
-//# sourceMappingURL=shared.mjs.map

package/lib/components/VBreadcrumbs/shared.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/VBreadcrumbs/shared.ts"],"names":["VBreadcrumbsSymbol","Symbol","for"],"mappings":"AAOA,OAAO,MAAMA,kBAAoD,GAAGC,MAAM,CAACC,GAAP,CAAW,qBAAX,CAA7D","sourcesContent":["import type { InjectionKey, Ref } from 'vue'\n\ninterface BreadcrumbsContext {\n  color: Ref<string | undefined>\n  disabled: Ref<boolean>\n}\n\nexport const VBreadcrumbsSymbol: InjectionKey<BreadcrumbsContext> = Symbol.for('vuetify:breadcrumbs')\n"],"file":"shared.mjs"}

package/lib/components/VCard/VCardAvatar.mjs

@@ -1,3 +0,0 @@
-import { createSimpleFunctional } from "../../util/index.mjs";
-export const VCardAvatar = createSimpleFunctional('v-card-avatar');
-//# sourceMappingURL=VCardAvatar.mjs.map

package/lib/components/VCard/VCardAvatar.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/VCard/VCardAvatar.ts"],"names":["createSimpleFunctional","VCardAvatar"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,WAAW,GAAGD,sBAAsB,CAAC,eAAD,CAA1C","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardAvatar = createSimpleFunctional('v-card-avatar')\n"],"file":"VCardAvatar.mjs"}

package/lib/components/VCard/VCardHeader.mjs

@@ -1,3 +0,0 @@
-import { createSimpleFunctional } from "../../util/index.mjs";
-export const VCardHeader = createSimpleFunctional('v-card-header');
-//# sourceMappingURL=VCardHeader.mjs.map

package/lib/components/VCard/VCardHeader.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/VCard/VCardHeader.ts"],"names":["createSimpleFunctional","VCardHeader"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,WAAW,GAAGD,sBAAsB,CAAC,eAAD,CAA1C","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardHeader = createSimpleFunctional('v-card-header')\n"],"file":"VCardHeader.mjs"}

package/lib/components/VCard/VCardHeaderText.mjs

@@ -1,3 +0,0 @@
-import { createSimpleFunctional } from "../../util/index.mjs";
-export const VCardHeaderText = createSimpleFunctional('v-card-header-text');
-//# sourceMappingURL=VCardHeaderText.mjs.map

package/lib/components/VCard/VCardHeaderText.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/VCard/VCardHeaderText.ts"],"names":["createSimpleFunctional","VCardHeaderText"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,eAAe,GAAGD,sBAAsB,CAAC,oBAAD,CAA9C","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardHeaderText = createSimpleFunctional('v-card-header-text')\n"],"file":"VCardHeaderText.mjs"}

package/lib/components/VCard/VCardImg.mjs

@@ -1,3 +0,0 @@
-import { createSimpleFunctional } from "../../util/index.mjs";
-export const VCardImg = createSimpleFunctional('v-card-img');
-//# sourceMappingURL=VCardImg.mjs.map

package/lib/components/VCard/VCardImg.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/VCard/VCardImg.ts"],"names":["createSimpleFunctional","VCardImg"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,QAAQ,GAAGD,sBAAsB,CAAC,YAAD,CAAvC","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VCardImg = createSimpleFunctional('v-card-img')\n"],"file":"VCardImg.mjs"}

package/lib/components/VList/VListItemAvatar.mjs

@@ -1,29 +0,0 @@
-import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
-// Composables
-import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
-
-import { defineComponent } from "../../util/index.mjs";
-export const VListItemAvatar = defineComponent({
-  name: 'VListItemAvatar',
-  props: {
-    left: Boolean,
-    right: Boolean,
-    ...makeTagProps()
-  },
-
-  setup(props, _ref) {
-    let {
-      slots
-    } = _ref;
-    return () => {
-      return _createVNode(props.tag, {
-        "class": ['v-list-item-avatar', {
-          'v-list-item-avatar--start': props.left,
-          'v-list-item-avatar--end': props.right
-        }]
-      }, slots);
-    };
-  }
-
-});
-//# sourceMappingURL=VListItemAvatar.mjs.map

package/lib/components/VList/VListItemAvatar.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/VList/VListItemAvatar.tsx"],"names":["makeTagProps","defineComponent","VListItemAvatar","name","props","left","Boolean","right","setup","slots"],"mappings":";AAAA;SACSA,Y,qCAET;;SACSC,e;AAET,OAAO,MAAMC,eAAe,GAAGD,eAAe,CAAC;AAC7CE,EAAAA,IAAI,EAAE,iBADuC;AAG7CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEC,OADD;AAELC,IAAAA,KAAK,EAAED,OAFF;AAIL,OAAGN,YAAY;AAJV,GAHsC;;AAU7CQ,EAAAA,KAAK,CAAEJ,KAAF,QAAoB;AAAA,QAAX;AAAEK,MAAAA;AAAF,KAAW;AACvB,WAAO,MAAM;AACX;AAAA,iBAEW,CACL,oBADK,EAEL;AACE,uCAA6BL,KAAK,CAACC,IADrC;AAEE,qCAA2BD,KAAK,CAACG;AAFnC,SAFK;AAFX,SAScE,KATd;AAYD,KAbD;AAcD;;AAzB4C,CAAD,CAAvC","sourcesContent":["// Composables\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VListItemAvatar = defineComponent({\n  name: 'VListItemAvatar',\n\n  props: {\n    left: Boolean,\n    right: Boolean,\n\n    ...makeTagProps(),\n  },\n\n  setup (props, { slots }) {\n    return () => {\n      return (\n        <props.tag\n          class={[\n            'v-list-item-avatar',\n            {\n              'v-list-item-avatar--start': props.left,\n              'v-list-item-avatar--end': props.right,\n            },\n          ]}\n          v-slots={ slots }\n        />\n      )\n    }\n  },\n})\n"],"file":"VListItemAvatar.mjs"}

package/lib/components/VList/VListItemHeader.mjs

@@ -1,3 +0,0 @@
-import { createSimpleFunctional } from "../../util/index.mjs";
-export const VListItemHeader = createSimpleFunctional('v-list-item-header');
-//# sourceMappingURL=VListItemHeader.mjs.map

package/lib/components/VList/VListItemHeader.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/VList/VListItemHeader.ts"],"names":["createSimpleFunctional","VListItemHeader"],"mappings":"SAASA,sB;AAET,OAAO,MAAMC,eAAe,GAAGD,sBAAsB,CAAC,oBAAD,CAA9C","sourcesContent":["import { createSimpleFunctional } from '@/util'\n\nexport const VListItemHeader = createSimpleFunctional('v-list-item-header')\n"],"file":"VListItemHeader.mjs"}

package/lib/components/VOverlay/positionStrategies.mjs

@@ -1,203 +0,0 @@
-// Utilities
-import { computed, effectScope, nextTick, onScopeDispose, ref, watch, watchEffect } from 'vue';
-import { convertToUnit, getScrollParent, IN_BROWSER, isFixedPosition, nullifyTransforms, propsFactory } from "../../util/index.mjs";
-import { oppositeAnchor, parseAnchor, physicalAnchor } from "./util/anchor.mjs";
-import { anchorToPoint, getOffset } from "./util/point.mjs"; // Types
-
-import { Box } from "../../util/box.mjs";
-const positionStrategies = {
-  static: staticPositionStrategy,
-  // specific viewport position, usually centered
-  connected: connectedPositionStrategy // connected to a certain element
-
-};
-export const makePositionStrategyProps = propsFactory({
-  positionStrategy: {
-    type: [String, Function],
-    default: 'static',
-    validator: val => typeof val === 'function' || val in positionStrategies
-  },
-  anchor: {
-    type: String,
-    default: 'bottom'
-  },
-  origin: {
-    type: String,
-    default: 'auto'
-  },
-  offset: [Number, String]
-});
-export function usePositionStrategies(props, data) {
-  const contentStyles = ref({});
-  const updatePosition = ref();
-  let scope;
-  watchEffect(async () => {
-    var _scope;
-
-    (_scope = scope) == null ? void 0 : _scope.stop();
-    updatePosition.value = undefined;
-    if (!(IN_BROWSER && data.isActive.value && props.positionStrategy)) return;
-    scope = effectScope();
-    await nextTick();
-    scope.run(() => {
-      if (typeof props.positionStrategy === 'function') {
-        var _props$positionStrate;
-
-        updatePosition.value = (_props$positionStrate = props.positionStrategy(data, props, contentStyles)) == null ? void 0 : _props$positionStrate.updatePosition;
-      } else {
-        var _positionStrategies$p;
-
-        updatePosition.value = (_positionStrategies$p = positionStrategies[props.positionStrategy](data, props, contentStyles)) == null ? void 0 : _positionStrategies$p.updatePosition;
-      }
-    });
-  });
-  IN_BROWSER && window.addEventListener('resize', onResize, {
-    passive: true
-  });
-  onScopeDispose(() => {
-    var _scope2;
-
-    IN_BROWSER && window.removeEventListener('resize', onResize);
-    updatePosition.value = undefined;
-    (_scope2 = scope) == null ? void 0 : _scope2.stop();
-  });
-
-  function onResize(e) {
-    var _updatePosition$value;
-
-    (_updatePosition$value = updatePosition.value) == null ? void 0 : _updatePosition$value.call(updatePosition, e);
-  }
-
-  return {
-    contentStyles,
-    updatePosition
-  };
-}
-
-function staticPositionStrategy() {// TODO
-}
-
-function connectedPositionStrategy(data, props, contentStyles) {
-  const activatorFixed = isFixedPosition(data.activatorEl.value);
-
-  if (activatorFixed) {
-    Object.assign(contentStyles.value, {
-      position: 'fixed'
-    });
-  }
-
-  const preferredAnchor = computed(() => parseAnchor(props.anchor));
-  const preferredOrigin = computed(() => props.origin === 'overlap' ? preferredAnchor.value : props.origin === 'auto' ? oppositeAnchor(preferredAnchor.value) : parseAnchor(props.origin));
-  const doesOverlap = computed(() => {
-    return preferredAnchor.value.side === preferredOrigin.value.side;
-  });
-  const configuredMaxHeight = computed(() => {
-    const val = parseFloat(props.maxHeight);
-    return isNaN(val) ? Infinity : val;
-  });
-  const configuredMinWidth = computed(() => {
-    const val = parseFloat(props.minWidth);
-    return isNaN(val) ? Infinity : val;
-  });
-  let observe = false;
-
-  if (IN_BROWSER) {
-    const observer = new ResizeObserver(() => {
-      if (observe) updatePosition();
-    });
-    observer.observe(data.activatorEl.value);
-    observer.observe(data.contentEl.value);
-    onScopeDispose(() => {
-      observer.disconnect();
-    });
-  } // eslint-disable-next-line max-statements
-
-
-  function updatePosition() {
-    observe = false;
-    requestAnimationFrame(() => {
-      requestAnimationFrame(() => observe = true);
-    });
-    const targetBox = data.activatorEl.value.getBoundingClientRect(); // TODO: offset shouldn't affect width
-
-    if (props.offset) {
-      targetBox.x -= +props.offset;
-      targetBox.y -= +props.offset;
-      targetBox.width += +props.offset * 2;
-      targetBox.height += +props.offset * 2;
-    }
-
-    const scrollParent = getScrollParent(data.contentEl.value);
-    const viewportWidth = scrollParent.clientWidth;
-    const viewportHeight = Math.min(scrollParent.clientHeight, window.innerHeight);
-    let contentBox;
-    {
-      const scrollables = new Map();
-      data.contentEl.value.querySelectorAll('*').forEach(el => {
-        const x = el.scrollLeft;
-        const y = el.scrollTop;
-
-        if (x || y) {
-          scrollables.set(el, [x, y]);
-        }
-      });
-      const initialMaxWidth = data.contentEl.value.style.maxWidth;
-      const initialMaxHeight = data.contentEl.value.style.maxHeight;
-      data.contentEl.value.style.removeProperty('max-width');
-      data.contentEl.value.style.removeProperty('max-height');
-      contentBox = nullifyTransforms(data.contentEl.value);
-      contentBox.x -= parseFloat(data.contentEl.value.style.left) || 0;
-      contentBox.y -= parseFloat(data.contentEl.value.style.top) || 0;
-      data.contentEl.value.style.maxWidth = initialMaxWidth;
-      data.contentEl.value.style.maxHeight = initialMaxHeight;
-      scrollables.forEach((position, el) => {
-        el.scrollTo(...position);
-      });
-    }
-    const contentHeight = Math.min(configuredMaxHeight.value, contentBox.height);
-    const viewportMargin = 12;
-    const freeSpace = {
-      top: targetBox.top - viewportMargin,
-      bottom: viewportHeight - targetBox.bottom - viewportMargin,
-      left: targetBox.left - viewportMargin,
-      right: viewportWidth - targetBox.right - viewportMargin
-    };
-    const fitsY = preferredAnchor.value.side === 'bottom' && contentHeight <= freeSpace.bottom || preferredAnchor.value.side === 'top' && contentHeight <= freeSpace.top;
-    const anchor = fitsY ? preferredAnchor.value : preferredAnchor.value.side === 'bottom' && freeSpace.top > freeSpace.bottom || preferredAnchor.value.side === 'top' && freeSpace.bottom > freeSpace.top ? oppositeAnchor(preferredAnchor.value) : preferredAnchor.value;
-    const origin = fitsY ? preferredOrigin.value : oppositeAnchor(anchor);
-    const canFill = doesOverlap.value || ['center', 'top', 'bottom'].includes(anchor.side);
-    const maxWidth = canFill ? Math.min(viewportWidth, Math.max(targetBox.width, viewportWidth - viewportMargin * 2)) : anchor.side === 'end' ? freeSpace.right : anchor.side === 'start' ? freeSpace.left : null;
-    const minWidth = Math.min(configuredMinWidth.value, maxWidth, targetBox.width);
-    const maxHeight = fitsY ? configuredMaxHeight.value : Math.min(configuredMaxHeight.value, Math.floor(anchor.side === 'top' ? freeSpace.top : freeSpace.bottom));
-    const targetPoint = anchorToPoint(anchor, targetBox);
-    const contentPoint = anchorToPoint(origin, new Box({ ...contentBox,
-      height: Math.min(contentHeight, maxHeight)
-    }));
-    const {
-      x,
-      y
-    } = getOffset(targetPoint, contentPoint);
-    Object.assign(contentStyles.value, {
-      '--v-overlay-anchor-origin': physicalAnchor(anchor, data.activatorEl.value),
-      top: convertToUnit(Math.round(y)),
-      left: convertToUnit(Math.round(x)),
-      // TODO: right for origin="end", rtl
-      transformOrigin: physicalAnchor(origin, data.activatorEl.value),
-      minWidth: convertToUnit(minWidth),
-      maxWidth: convertToUnit(maxWidth),
-      maxHeight: convertToUnit(maxHeight)
-    });
-  }
-
-  watch(() => [preferredAnchor.value, preferredOrigin.value, props.offset], () => updatePosition(), {
-    immediate: !activatorFixed
-  });
-  if (activatorFixed) nextTick(() => updatePosition());
-  requestAnimationFrame(() => {
-    if (contentStyles.value.maxHeight) updatePosition();
-  });
-  return {
-    updatePosition
-  };
-}
-//# sourceMappingURL=positionStrategies.mjs.map

package/lib/components/VOverlay/positionStrategies.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/VOverlay/positionStrategies.ts"],"names":["computed","effectScope","nextTick","onScopeDispose","ref","watch","watchEffect","convertToUnit","getScrollParent","IN_BROWSER","isFixedPosition","nullifyTransforms","propsFactory","oppositeAnchor","parseAnchor","physicalAnchor","anchorToPoint","getOffset","Box","positionStrategies","static","staticPositionStrategy","connected","connectedPositionStrategy","makePositionStrategyProps","positionStrategy","type","String","Function","default","validator","val","anchor","origin","offset","Number","usePositionStrategies","props","data","contentStyles","updatePosition","scope","stop","value","undefined","isActive","run","window","addEventListener","onResize","passive","removeEventListener","e","activatorFixed","activatorEl","Object","assign","position","preferredAnchor","preferredOrigin","doesOverlap","side","configuredMaxHeight","parseFloat","maxHeight","isNaN","Infinity","configuredMinWidth","minWidth","observe","observer","ResizeObserver","contentEl","disconnect","requestAnimationFrame","targetBox","getBoundingClientRect","x","y","width","height","scrollParent","viewportWidth","clientWidth","viewportHeight","Math","min","clientHeight","innerHeight","contentBox","scrollables","Map","querySelectorAll","forEach","el","scrollLeft","scrollTop","set","initialMaxWidth","style","maxWidth","initialMaxHeight","removeProperty","left","top","scrollTo","contentHeight","viewportMargin","freeSpace","bottom","right","fitsY","canFill","includes","max","floor","targetPoint","contentPoint","round","transformOrigin","immediate"],"mappings":"AAAA;AACA,SAASA,QAAT,EAAmBC,WAAnB,EAAgCC,QAAhC,EAA0CC,cAA1C,EAA0DC,GAA1D,EAA+DC,KAA/D,EAAsEC,WAAtE,QAAyF,KAAzF;SACSC,a,EAAeC,e,EAAiBC,U,EAAYC,e,EAAiBC,iB,EAAmBC,Y;SAChFC,c,EAAgBC,W,EAAaC,c;SAC7BC,a,EAAeC,S,4BAExB;;SAGSC,G;AAQT,MAAMC,kBAAkB,GAAG;AACzBC,EAAAA,MAAM,EAAEC,sBADiB;AACO;AAChCC,EAAAA,SAAS,EAAEC,yBAFc,CAEa;;AAFb,CAA3B;AAsBA,OAAO,MAAMC,yBAAyB,GAAGZ,YAAY,CAAC;AACpDa,EAAAA,gBAAgB,EAAE;AAChBC,IAAAA,IAAI,EAAE,CAACC,MAAD,EAASC,QAAT,CADU;AAEhBC,IAAAA,OAAO,EAAE,QAFO;AAGhBC,IAAAA,SAAS,EAAGC,GAAD,IAAc,OAAOA,GAAP,KAAe,UAAf,IAA6BA,GAAG,IAAIZ;AAH7C,GADkC;AAMpDa,EAAAA,MAAM,EAAE;AACNN,IAAAA,IAAI,EAAEC,MADA;AAENE,IAAAA,OAAO,EAAE;AAFH,GAN4C;AAUpDI,EAAAA,MAAM,EAAE;AACNP,IAAAA,IAAI,EAAEC,MADA;AAENE,IAAAA,OAAO,EAAE;AAFH,GAV4C;AAcpDK,EAAAA,MAAM,EAAE,CAACC,MAAD,EAASR,MAAT;AAd4C,CAAD,CAA9C;AAiBP,OAAO,SAASS,qBAAT,CACLC,KADK,EAELC,IAFK,EAGL;AACA,QAAMC,aAAa,GAAGnC,GAAG,CAAC,EAAD,CAAzB;AACA,QAAMoC,cAAc,GAAGpC,GAAG,EAA1B;AAEA,MAAIqC,KAAJ;AACAnC,EAAAA,WAAW,CAAC,YAAY;AAAA;;AACtB,cAAAmC,KAAK,SAAL,mBAAOC,IAAP;AACAF,IAAAA,cAAc,CAACG,KAAf,GAAuBC,SAAvB;AAEA,QAAI,EAAEnC,UAAU,IAAI6B,IAAI,CAACO,QAAL,CAAcF,KAA5B,IAAqCN,KAAK,CAACZ,gBAA7C,CAAJ,EAAoE;AAEpEgB,IAAAA,KAAK,GAAGxC,WAAW,EAAnB;AACA,UAAMC,QAAQ,EAAd;AACAuC,IAAAA,KAAK,CAACK,GAAN,CAAU,MAAM;AACd,UAAI,OAAOT,KAAK,CAACZ,gBAAb,KAAkC,UAAtC,EAAkD;AAAA;;AAChDe,QAAAA,cAAc,CAACG,KAAf,4BAAuBN,KAAK,CAACZ,gBAAN,CAAuBa,IAAvB,EAA6BD,KAA7B,EAAoCE,aAApC,CAAvB,qBAAuB,sBAAoDC,cAA3E;AACD,OAFD,MAEO;AAAA;;AACLA,QAAAA,cAAc,CAACG,KAAf,4BAAuBxB,kBAAkB,CAACkB,KAAK,CAACZ,gBAAP,CAAlB,CAA2Ca,IAA3C,EAAiDD,KAAjD,EAAwDE,aAAxD,CAAvB,qBAAuB,sBAAwEC,cAA/F;AACD;AACF,KAND;AAOD,GAfU,CAAX;AAiBA/B,EAAAA,UAAU,IAAIsC,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkCC,QAAlC,EAA4C;AAAEC,IAAAA,OAAO,EAAE;AAAX,GAA5C,CAAd;AAEA/C,EAAAA,cAAc,CAAC,MAAM;AAAA;;AACnBM,IAAAA,UAAU,IAAIsC,MAAM,CAACI,mBAAP,CAA2B,QAA3B,EAAqCF,QAArC,CAAd;AACAT,IAAAA,cAAc,CAACG,KAAf,GAAuBC,SAAvB;AACA,eAAAH,KAAK,SAAL,oBAAOC,IAAP;AACD,GAJa,CAAd;;AAMA,WAASO,QAAT,CAAmBG,CAAnB,EAA6B;AAAA;;AAC3B,6BAAAZ,cAAc,CAACG,KAAf,gDAAAH,cAAc,EAASY,CAAT,CAAd;AACD;;AAED,SAAO;AACLb,IAAAA,aADK;AAELC,IAAAA;AAFK,GAAP;AAID;;AAED,SAASnB,sBAAT,GAAmC,CACjC;AACD;;AAED,SAASE,yBAAT,CAAoCe,IAApC,EAAgED,KAAhE,EAAsFE,aAAtF,EAAkI;AAChI,QAAMc,cAAc,GAAG3C,eAAe,CAAC4B,IAAI,CAACgB,WAAL,CAAiBX,KAAlB,CAAtC;;AACA,MAAIU,cAAJ,EAAoB;AAClBE,IAAAA,MAAM,CAACC,MAAP,CAAcjB,aAAa,CAACI,KAA5B,EAAmC;AACjCc,MAAAA,QAAQ,EAAE;AADuB,KAAnC;AAGD;;AAED,QAAMC,eAAe,GAAG1D,QAAQ,CAAC,MAAMc,WAAW,CAACuB,KAAK,CAACL,MAAP,CAAlB,CAAhC;AACA,QAAM2B,eAAe,GAAG3D,QAAQ,CAAC,MAC/BqC,KAAK,CAACJ,MAAN,KAAiB,SAAjB,GAA6ByB,eAAe,CAACf,KAA7C,GACEN,KAAK,CAACJ,MAAN,KAAiB,MAAjB,GAA0BpB,cAAc,CAAC6C,eAAe,CAACf,KAAjB,CAAxC,GACA7B,WAAW,CAACuB,KAAK,CAACJ,MAAP,CAHiB,CAAhC;AAKA,QAAM2B,WAAW,GAAG5D,QAAQ,CAAC,MAAM;AACjC,WAAO0D,eAAe,CAACf,KAAhB,CAAsBkB,IAAtB,KAA+BF,eAAe,CAAChB,KAAhB,CAAsBkB,IAA5D;AACD,GAF2B,CAA5B;AAIA,QAAMC,mBAAmB,GAAG9D,QAAQ,CAAC,MAAM;AACzC,UAAM+B,GAAG,GAAGgC,UAAU,CAAC1B,KAAK,CAAC2B,SAAP,CAAtB;AACA,WAAOC,KAAK,CAAClC,GAAD,CAAL,GAAamC,QAAb,GAAwBnC,GAA/B;AACD,GAHmC,CAApC;AAKA,QAAMoC,kBAAkB,GAAGnE,QAAQ,CAAC,MAAM;AACxC,UAAM+B,GAAG,GAAGgC,UAAU,CAAC1B,KAAK,CAAC+B,QAAP,CAAtB;AACA,WAAOH,KAAK,CAAClC,GAAD,CAAL,GAAamC,QAAb,GAAwBnC,GAA/B;AACD,GAHkC,CAAnC;AAKA,MAAIsC,OAAO,GAAG,KAAd;;AACA,MAAI5D,UAAJ,EAAgB;AACd,UAAM6D,QAAQ,GAAG,IAAIC,cAAJ,CAAmB,MAAM;AACxC,UAAIF,OAAJ,EAAa7B,cAAc;AAC5B,KAFgB,CAAjB;AAGA8B,IAAAA,QAAQ,CAACD,OAAT,CAAiB/B,IAAI,CAACgB,WAAL,CAAiBX,KAAlC;AACA2B,IAAAA,QAAQ,CAACD,OAAT,CAAiB/B,IAAI,CAACkC,SAAL,CAAe7B,KAAhC;AAEAxC,IAAAA,cAAc,CAAC,MAAM;AACnBmE,MAAAA,QAAQ,CAACG,UAAT;AACD,KAFa,CAAd;AAGD,GAvC+H,CAyChI;;;AACA,WAASjC,cAAT,GAA2B;AACzB6B,IAAAA,OAAO,GAAG,KAAV;AACAK,IAAAA,qBAAqB,CAAC,MAAM;AAC1BA,MAAAA,qBAAqB,CAAC,MAAML,OAAO,GAAG,IAAjB,CAArB;AACD,KAFoB,CAArB;AAIA,UAAMM,SAAS,GAAGrC,IAAI,CAACgB,WAAL,CAAiBX,KAAjB,CAAwBiC,qBAAxB,EAAlB,CANyB,CAOzB;;AACA,QAAIvC,KAAK,CAACH,MAAV,EAAkB;AAChByC,MAAAA,SAAS,CAACE,CAAV,IAAe,CAACxC,KAAK,CAACH,MAAtB;AACAyC,MAAAA,SAAS,CAACG,CAAV,IAAe,CAACzC,KAAK,CAACH,MAAtB;AACAyC,MAAAA,SAAS,CAACI,KAAV,IAAmB,CAAC1C,KAAK,CAACH,MAAP,GAAgB,CAAnC;AACAyC,MAAAA,SAAS,CAACK,MAAV,IAAoB,CAAC3C,KAAK,CAACH,MAAP,GAAgB,CAApC;AACD;;AAED,UAAM+C,YAAY,GAAGzE,eAAe,CAAC8B,IAAI,CAACkC,SAAL,CAAe7B,KAAhB,CAApC;AACA,UAAMuC,aAAa,GAAGD,YAAY,CAACE,WAAnC;AACA,UAAMC,cAAc,GAAGC,IAAI,CAACC,GAAL,CAASL,YAAY,CAACM,YAAtB,EAAoCxC,MAAM,CAACyC,WAA3C,CAAvB;AAEA,QAAIC,UAAJ;AACA;AACE,YAAMC,WAAW,GAAG,IAAIC,GAAJ,EAApB;AACArD,MAAAA,IAAI,CAACkC,SAAL,CAAe7B,KAAf,CAAsBiD,gBAAtB,CAAuC,GAAvC,EAA4CC,OAA5C,CAAoDC,EAAE,IAAI;AACxD,cAAMjB,CAAC,GAAGiB,EAAE,CAACC,UAAb;AACA,cAAMjB,CAAC,GAAGgB,EAAE,CAACE,SAAb;;AACA,YAAInB,CAAC,IAAIC,CAAT,EAAY;AACVY,UAAAA,WAAW,CAACO,GAAZ,CAAgBH,EAAhB,EAAoB,CAACjB,CAAD,EAAIC,CAAJ,CAApB;AACD;AACF,OAND;AAQA,YAAMoB,eAAe,GAAG5D,IAAI,CAACkC,SAAL,CAAe7B,KAAf,CAAsBwD,KAAtB,CAA4BC,QAApD;AACA,YAAMC,gBAAgB,GAAG/D,IAAI,CAACkC,SAAL,CAAe7B,KAAf,CAAsBwD,KAAtB,CAA4BnC,SAArD;AACA1B,MAAAA,IAAI,CAACkC,SAAL,CAAe7B,KAAf,CAAsBwD,KAAtB,CAA4BG,cAA5B,CAA2C,WAA3C;AACAhE,MAAAA,IAAI,CAACkC,SAAL,CAAe7B,KAAf,CAAsBwD,KAAtB,CAA4BG,cAA5B,CAA2C,YAA3C;AAEAb,MAAAA,UAAU,GAAG9E,iBAAiB,CAAC2B,IAAI,CAACkC,SAAL,CAAe7B,KAAhB,CAA9B;AACA8C,MAAAA,UAAU,CAACZ,CAAX,IAAgBd,UAAU,CAACzB,IAAI,CAACkC,SAAL,CAAe7B,KAAf,CAAsBwD,KAAtB,CAA4BI,IAA7B,CAAV,IAAgD,CAAhE;AACAd,MAAAA,UAAU,CAACX,CAAX,IAAgBf,UAAU,CAACzB,IAAI,CAACkC,SAAL,CAAe7B,KAAf,CAAsBwD,KAAtB,CAA4BK,GAA7B,CAAV,IAA+C,CAA/D;AAEAlE,MAAAA,IAAI,CAACkC,SAAL,CAAe7B,KAAf,CAAsBwD,KAAtB,CAA4BC,QAA5B,GAAuCF,eAAvC;AACA5D,MAAAA,IAAI,CAACkC,SAAL,CAAe7B,KAAf,CAAsBwD,KAAtB,CAA4BnC,SAA5B,GAAwCqC,gBAAxC;AACAX,MAAAA,WAAW,CAACG,OAAZ,CAAoB,CAACpC,QAAD,EAAWqC,EAAX,KAAkB;AACpCA,QAAAA,EAAE,CAACW,QAAH,CAAY,GAAGhD,QAAf;AACD,OAFD;AAGD;AAED,UAAMiD,aAAa,GAAGrB,IAAI,CAACC,GAAL,CAASxB,mBAAmB,CAACnB,KAA7B,EAAoC8C,UAAU,CAACT,MAA/C,CAAtB;AAEA,UAAM2B,cAAc,GAAG,EAAvB;AACA,UAAMC,SAAS,GAAG;AAChBJ,MAAAA,GAAG,EAAE7B,SAAS,CAAC6B,GAAV,GAAgBG,cADL;AAEhBE,MAAAA,MAAM,EAAEzB,cAAc,GAAGT,SAAS,CAACkC,MAA3B,GAAoCF,cAF5B;AAGhBJ,MAAAA,IAAI,EAAE5B,SAAS,CAAC4B,IAAV,GAAiBI,cAHP;AAIhBG,MAAAA,KAAK,EAAE5B,aAAa,GAAGP,SAAS,CAACmC,KAA1B,GAAkCH;AAJzB,KAAlB;AAOA,UAAMI,KAAK,GAAIrD,eAAe,CAACf,KAAhB,CAAsBkB,IAAtB,KAA+B,QAA/B,IAA2C6C,aAAa,IAAIE,SAAS,CAACC,MAAvE,IACXnD,eAAe,CAACf,KAAhB,CAAsBkB,IAAtB,KAA+B,KAA/B,IAAwC6C,aAAa,IAAIE,SAAS,CAACJ,GADtE;AAGA,UAAMxE,MAAM,GAAG+E,KAAK,GAAGrD,eAAe,CAACf,KAAnB,GACfe,eAAe,CAACf,KAAhB,CAAsBkB,IAAtB,KAA+B,QAA/B,IAA2C+C,SAAS,CAACJ,GAAV,GAAgBI,SAAS,CAACC,MAAtE,IACDnD,eAAe,CAACf,KAAhB,CAAsBkB,IAAtB,KAA+B,KAA/B,IAAwC+C,SAAS,CAACC,MAAV,GAAmBD,SAAS,CAACJ,GADpE,GAC2E3F,cAAc,CAAC6C,eAAe,CAACf,KAAjB,CADzF,GAEAe,eAAe,CAACf,KAHpB;AAIA,UAAMV,MAAM,GAAG8E,KAAK,GAAGpD,eAAe,CAAChB,KAAnB,GAA2B9B,cAAc,CAACmB,MAAD,CAA7D;AAEA,UAAMgF,OAAO,GAAGpD,WAAW,CAACjB,KAAZ,IAAqB,CAAC,QAAD,EAAW,KAAX,EAAkB,QAAlB,EAA4BsE,QAA5B,CAAqCjF,MAAM,CAAC6B,IAA5C,CAArC;AAEA,UAAMuC,QAAQ,GAAGY,OAAO,GAAG3B,IAAI,CAACC,GAAL,CAASJ,aAAT,EAAwBG,IAAI,CAAC6B,GAAL,CAASvC,SAAS,CAACI,KAAnB,EAA0BG,aAAa,GAAGyB,cAAc,GAAG,CAA3D,CAAxB,CAAH,GACpB3E,MAAM,CAAC6B,IAAP,KAAgB,KAAhB,GAAwB+C,SAAS,CAACE,KAAlC,GACA9E,MAAM,CAAC6B,IAAP,KAAgB,OAAhB,GAA0B+C,SAAS,CAACL,IAApC,GACA,IAHJ;AAIA,UAAMnC,QAAQ,GAAGiB,IAAI,CAACC,GAAL,CAASnB,kBAAkB,CAACxB,KAA5B,EAAmCyD,QAAnC,EAA8CzB,SAAS,CAACI,KAAxD,CAAjB;AACA,UAAMf,SAAS,GAAG+C,KAAK,GAAGjD,mBAAmB,CAACnB,KAAvB,GAA+B0C,IAAI,CAACC,GAAL,CACpDxB,mBAAmB,CAACnB,KADgC,EAEpD0C,IAAI,CAAC8B,KAAL,CAAWnF,MAAM,CAAC6B,IAAP,KAAgB,KAAhB,GAAwB+C,SAAS,CAACJ,GAAlC,GAAwCI,SAAS,CAACC,MAA7D,CAFoD,CAAtD;AAKA,UAAMO,WAAW,GAAGpG,aAAa,CAACgB,MAAD,EAAS2C,SAAT,CAAjC;AACA,UAAM0C,YAAY,GAAGrG,aAAa,CAACiB,MAAD,EAAS,IAAIf,GAAJ,CAAQ,EACjD,GAAGuE,UAD8C;AAEjDT,MAAAA,MAAM,EAAEK,IAAI,CAACC,GAAL,CAASoB,aAAT,EAAwB1C,SAAxB;AAFyC,KAAR,CAAT,CAAlC;AAKA,UAAM;AAAEa,MAAAA,CAAF;AAAKC,MAAAA;AAAL,QAAW7D,SAAS,CAACmG,WAAD,EAAcC,YAAd,CAA1B;AAEA9D,IAAAA,MAAM,CAACC,MAAP,CAAcjB,aAAa,CAACI,KAA5B,EAAmC;AACjC,mCAA6B5B,cAAc,CAACiB,MAAD,EAASM,IAAI,CAACgB,WAAL,CAAiBX,KAA1B,CADV;AAEjC6D,MAAAA,GAAG,EAAEjG,aAAa,CAAC8E,IAAI,CAACiC,KAAL,CAAWxC,CAAX,CAAD,CAFe;AAGjCyB,MAAAA,IAAI,EAAEhG,aAAa,CAAC8E,IAAI,CAACiC,KAAL,CAAWzC,CAAX,CAAD,CAHc;AAGG;AACpC0C,MAAAA,eAAe,EAAExG,cAAc,CAACkB,MAAD,EAASK,IAAI,CAACgB,WAAL,CAAiBX,KAA1B,CAJE;AAKjCyB,MAAAA,QAAQ,EAAE7D,aAAa,CAAC6D,QAAD,CALU;AAMjCgC,MAAAA,QAAQ,EAAE7F,aAAa,CAAC6F,QAAD,CANU;AAOjCpC,MAAAA,SAAS,EAAEzD,aAAa,CAACyD,SAAD;AAPS,KAAnC;AASD;;AAED3D,EAAAA,KAAK,CACH,MAAM,CAACqD,eAAe,CAACf,KAAjB,EAAwBgB,eAAe,CAAChB,KAAxC,EAA+CN,KAAK,CAACH,MAArD,CADH,EAEH,MAAMM,cAAc,EAFjB,EAGH;AAAEgF,IAAAA,SAAS,EAAE,CAACnE;AAAd,GAHG,CAAL;AAMA,MAAIA,cAAJ,EAAoBnD,QAAQ,CAAC,MAAMsC,cAAc,EAArB,CAAR;AACpBkC,EAAAA,qBAAqB,CAAC,MAAM;AAC1B,QAAInC,aAAa,CAACI,KAAd,CAAoBqB,SAAxB,EAAmCxB,cAAc;AAClD,GAFoB,CAArB;AAIA,SAAO;AAAEA,IAAAA;AAAF,GAAP;AACD","sourcesContent":["// Utilities\nimport { computed, effectScope, nextTick, onScopeDispose, ref, watch, watchEffect } from 'vue'\nimport { convertToUnit, getScrollParent, IN_BROWSER, isFixedPosition, nullifyTransforms, propsFactory } from '@/util'\nimport { oppositeAnchor, parseAnchor, physicalAnchor } from './util/anchor'\nimport { anchorToPoint, getOffset } from './util/point'\n\n// Types\nimport type { EffectScope, PropType, Ref } from 'vue'\nimport type { Anchor } from './util/anchor'\nimport { Box } from '@/util/box'\n\nexport interface PositionStrategyData {\n  contentEl: Ref<HTMLElement | undefined>\n  activatorEl: Ref<HTMLElement | undefined>\n  isActive: Ref<boolean>\n}\n\nconst positionStrategies = {\n  static: staticPositionStrategy, // specific viewport position, usually centered\n  connected: connectedPositionStrategy, // connected to a certain element\n}\n\nexport interface StrategyProps {\n  positionStrategy: keyof typeof positionStrategies | (\n    (\n      data: PositionStrategyData,\n      props: StrategyProps,\n      contentStyles: Ref<Record<string, string>>\n    ) => undefined | { updatePosition: (e: Event) => void }\n  )\n  anchor: Anchor\n  origin: Anchor | 'auto' | 'overlap'\n  offset?: number | string\n  maxHeight?: number | string\n  maxWidth?: number | string\n  minHeight?: number | string\n  minWidth?: number | string\n}\n\nexport const makePositionStrategyProps = propsFactory({\n  positionStrategy: {\n    type: [String, Function] as PropType<StrategyProps['positionStrategy']>,\n    default: 'static',\n    validator: (val: any) => typeof val === 'function' || val in positionStrategies,\n  },\n  anchor: {\n    type: String as PropType<StrategyProps['anchor']>,\n    default: 'bottom',\n  },\n  origin: {\n    type: String as PropType<StrategyProps['origin']>,\n    default: 'auto',\n  },\n  offset: [Number, String],\n})\n\nexport function usePositionStrategies (\n  props: StrategyProps,\n  data: PositionStrategyData\n) {\n  const contentStyles = ref({})\n  const updatePosition = ref<(e: Event) => void>()\n\n  let scope: EffectScope | undefined\n  watchEffect(async () => {\n    scope?.stop()\n    updatePosition.value = undefined\n\n    if (!(IN_BROWSER && data.isActive.value && props.positionStrategy)) return\n\n    scope = effectScope()\n    await nextTick()\n    scope.run(() => {\n      if (typeof props.positionStrategy === 'function') {\n        updatePosition.value = props.positionStrategy(data, props, contentStyles)?.updatePosition\n      } else {\n        updatePosition.value = positionStrategies[props.positionStrategy](data, props, contentStyles)?.updatePosition\n      }\n    })\n  })\n\n  IN_BROWSER && window.addEventListener('resize', onResize, { passive: true })\n\n  onScopeDispose(() => {\n    IN_BROWSER && window.removeEventListener('resize', onResize)\n    updatePosition.value = undefined\n    scope?.stop()\n  })\n\n  function onResize (e: Event) {\n    updatePosition.value?.(e)\n  }\n\n  return {\n    contentStyles,\n    updatePosition,\n  }\n}\n\nfunction staticPositionStrategy () {\n  // TODO\n}\n\nfunction connectedPositionStrategy (data: PositionStrategyData, props: StrategyProps, contentStyles: Ref<Record<string, string>>) {\n  const activatorFixed = isFixedPosition(data.activatorEl.value)\n  if (activatorFixed) {\n    Object.assign(contentStyles.value, {\n      position: 'fixed',\n    })\n  }\n\n  const preferredAnchor = computed(() => parseAnchor(props.anchor))\n  const preferredOrigin = computed(() =>\n    props.origin === 'overlap' ? preferredAnchor.value\n    : props.origin === 'auto' ? oppositeAnchor(preferredAnchor.value)\n    : parseAnchor(props.origin)\n  )\n  const doesOverlap = computed(() => {\n    return preferredAnchor.value.side === preferredOrigin.value.side\n  })\n\n  const configuredMaxHeight = computed(() => {\n    const val = parseFloat(props.maxHeight!)\n    return isNaN(val) ? Infinity : val\n  })\n\n  const configuredMinWidth = computed(() => {\n    const val = parseFloat(props.minWidth!)\n    return isNaN(val) ? Infinity : val\n  })\n\n  let observe = false\n  if (IN_BROWSER) {\n    const observer = new ResizeObserver(() => {\n      if (observe) updatePosition()\n    })\n    observer.observe(data.activatorEl.value!)\n    observer.observe(data.contentEl.value!)\n\n    onScopeDispose(() => {\n      observer.disconnect()\n    })\n  }\n\n  // eslint-disable-next-line max-statements\n  function updatePosition () {\n    observe = false\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => observe = true)\n    })\n\n    const targetBox = data.activatorEl.value!.getBoundingClientRect()\n    // TODO: offset shouldn't affect width\n    if (props.offset) {\n      targetBox.x -= +props.offset\n      targetBox.y -= +props.offset\n      targetBox.width += +props.offset * 2\n      targetBox.height += +props.offset * 2\n    }\n\n    const scrollParent = getScrollParent(data.contentEl.value)\n    const viewportWidth = scrollParent.clientWidth\n    const viewportHeight = Math.min(scrollParent.clientHeight, window.innerHeight)\n\n    let contentBox\n    {\n      const scrollables = new Map<Element, [number, number]>()\n      data.contentEl.value!.querySelectorAll('*').forEach(el => {\n        const x = el.scrollLeft\n        const y = el.scrollTop\n        if (x || y) {\n          scrollables.set(el, [x, y])\n        }\n      })\n\n      const initialMaxWidth = data.contentEl.value!.style.maxWidth\n      const initialMaxHeight = data.contentEl.value!.style.maxHeight\n      data.contentEl.value!.style.removeProperty('max-width')\n      data.contentEl.value!.style.removeProperty('max-height')\n\n      contentBox = nullifyTransforms(data.contentEl.value!)\n      contentBox.x -= parseFloat(data.contentEl.value!.style.left) || 0\n      contentBox.y -= parseFloat(data.contentEl.value!.style.top) || 0\n\n      data.contentEl.value!.style.maxWidth = initialMaxWidth\n      data.contentEl.value!.style.maxHeight = initialMaxHeight\n      scrollables.forEach((position, el) => {\n        el.scrollTo(...position)\n      })\n    }\n\n    const contentHeight = Math.min(configuredMaxHeight.value, contentBox.height)\n\n    const viewportMargin = 12\n    const freeSpace = {\n      top: targetBox.top - viewportMargin,\n      bottom: viewportHeight - targetBox.bottom - viewportMargin,\n      left: targetBox.left - viewportMargin,\n      right: viewportWidth - targetBox.right - viewportMargin,\n    }\n\n    const fitsY = (preferredAnchor.value.side === 'bottom' && contentHeight <= freeSpace.bottom) ||\n      (preferredAnchor.value.side === 'top' && contentHeight <= freeSpace.top)\n\n    const anchor = fitsY ? preferredAnchor.value\n      : (preferredAnchor.value.side === 'bottom' && freeSpace.top > freeSpace.bottom) ||\n      (preferredAnchor.value.side === 'top' && freeSpace.bottom > freeSpace.top) ? oppositeAnchor(preferredAnchor.value)\n      : preferredAnchor.value\n    const origin = fitsY ? preferredOrigin.value : oppositeAnchor(anchor)\n\n    const canFill = doesOverlap.value || ['center', 'top', 'bottom'].includes(anchor.side)\n\n    const maxWidth = canFill ? Math.min(viewportWidth, Math.max(targetBox.width, viewportWidth - viewportMargin * 2))\n      : anchor.side === 'end' ? freeSpace.right\n      : anchor.side === 'start' ? freeSpace.left\n      : null\n    const minWidth = Math.min(configuredMinWidth.value, maxWidth!, targetBox.width)\n    const maxHeight = fitsY ? configuredMaxHeight.value : Math.min(\n      configuredMaxHeight.value,\n      Math.floor(anchor.side === 'top' ? freeSpace.top : freeSpace.bottom)\n    )\n\n    const targetPoint = anchorToPoint(anchor, targetBox)\n    const contentPoint = anchorToPoint(origin, new Box({\n      ...contentBox,\n      height: Math.min(contentHeight, maxHeight),\n    }))\n\n    const { x, y } = getOffset(targetPoint, contentPoint)\n\n    Object.assign(contentStyles.value, {\n      '--v-overlay-anchor-origin': physicalAnchor(anchor, data.activatorEl.value!),\n      top: convertToUnit(Math.round(y)),\n      left: convertToUnit(Math.round(x)), // TODO: right for origin=\"end\", rtl\n      transformOrigin: physicalAnchor(origin, data.activatorEl.value!),\n      minWidth: convertToUnit(minWidth),\n      maxWidth: convertToUnit(maxWidth),\n      maxHeight: convertToUnit(maxHeight),\n    })\n  }\n\n  watch(\n    () => [preferredAnchor.value, preferredOrigin.value, props.offset],\n    () => updatePosition(),\n    { immediate: !activatorFixed }\n  )\n\n  if (activatorFixed) nextTick(() => updatePosition())\n  requestAnimationFrame(() => {\n    if (contentStyles.value.maxHeight) updatePosition()\n  })\n\n  return { updatePosition }\n}\n"],"file":"positionStrategies.mjs"}

package/lib/components/VOverlay/util/anchor.mjs

@@ -1,52 +0,0 @@
-const block = ['top', 'bottom'];
-const inline = ['start', 'end'];
-
-/** Parse a raw anchor string into an object */
-export function parseAnchor(anchor) {
-  let [side, align] = anchor.split(' ');
-
-  if (!align) {
-    align = side === 'top' || side === 'bottom' ? 'start' : side === 'start' || side === 'end' ? 'top' : 'center';
-  }
-
-  return {
-    side,
-    align
-  };
-}
-/** Get an anchor directly opposite, with the same alignment */
-
-export function oppositeAnchor(anchor) {
-  return {
-    side: {
-      center: 'center',
-      top: 'bottom',
-      bottom: 'top',
-      start: 'end',
-      end: 'start'
-    }[anchor.side],
-    align: anchor.align
-  };
-}
-/** Convert start/end into left/right */
-
-export function physicalAnchor(anchor, el) {
-  var _map$side, _map$align;
-
-  const {
-    side,
-    align
-  } = anchor;
-  const {
-    direction
-  } = window.getComputedStyle(el);
-  const map = direction === 'ltr' ? {
-    start: 'left',
-    end: 'right'
-  } : {
-    start: 'right',
-    end: 'left'
-  };
-  return ((_map$side = map[side]) != null ? _map$side : side) + ' ' + ((_map$align = map[align]) != null ? _map$align : align);
-}
-//# sourceMappingURL=anchor.mjs.map

package/lib/components/VOverlay/util/anchor.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/VOverlay/util/anchor.ts"],"names":["block","inline","parseAnchor","anchor","side","align","split","oppositeAnchor","center","top","bottom","start","end","physicalAnchor","el","direction","window","getComputedStyle","map"],"mappings":"AAAA,MAAMA,KAAK,GAAG,CAAC,KAAD,EAAQ,QAAR,CAAd;AACA,MAAMC,MAAM,GAAG,CAAC,OAAD,EAAU,KAAV,CAAf;;AAeA;AACA,OAAO,SAASC,WAAT,CAAsBC,MAAtB,EAAsC;AAC3C,MAAI,CAACC,IAAD,EAAOC,KAAP,IAAgBF,MAAM,CAACG,KAAP,CAAa,GAAb,CAApB;;AACA,MAAI,CAACD,KAAL,EAAY;AACVA,IAAAA,KAAK,GACHD,IAAI,KAAK,KAAT,IAAkBA,IAAI,KAAK,QAA3B,GAAsC,OAAtC,GACEA,IAAI,KAAK,OAAT,IAAoBA,IAAI,KAAK,KAA7B,GAAqC,KAArC,GACA,QAHJ;AAID;;AACD,SAAO;AACLA,IAAAA,IADK;AAELC,IAAAA;AAFK,GAAP;AAID;AAED;;AACA,OAAO,SAASE,cAAT,CAAyBJ,MAAzB,EAA+C;AACpD,SAAO;AACLC,IAAAA,IAAI,EAAE;AACJI,MAAAA,MAAM,EAAE,QADJ;AAEJC,MAAAA,GAAG,EAAE,QAFD;AAGJC,MAAAA,MAAM,EAAE,KAHJ;AAIJC,MAAAA,KAAK,EAAE,KAJH;AAKJC,MAAAA,GAAG,EAAE;AALD,MAMJT,MAAM,CAACC,IANH,CADD;AAQLC,IAAAA,KAAK,EAAEF,MAAM,CAACE;AART,GAAP;AAUD;AAED;;AACA,OAAO,SAASQ,cAAT,CAAyBV,MAAzB,EAA+CW,EAA/C,EAAgE;AAAA;;AACrE,QAAM;AAAEV,IAAAA,IAAF;AAAQC,IAAAA;AAAR,MAAkBF,MAAxB;AACA,QAAM;AAAEY,IAAAA;AAAF,MAAgBC,MAAM,CAACC,gBAAP,CAAwBH,EAAxB,CAAtB;AAEA,QAAMI,GAAuC,GAAGH,SAAS,KAAK,KAAd,GAAsB;AACpEJ,IAAAA,KAAK,EAAE,MAD6D;AAEpEC,IAAAA,GAAG,EAAE;AAF+D,GAAtB,GAG5C;AACFD,IAAAA,KAAK,EAAE,OADL;AAEFC,IAAAA,GAAG,EAAE;AAFH,GAHJ;AAQA,SAAO,cAACM,GAAG,CAACd,IAAD,CAAJ,wBAAcA,IAAd,IAAsB,GAAtB,kBAA6Bc,GAAG,CAACb,KAAD,CAAhC,yBAA2CA,KAA3C,CAAP;AACD","sourcesContent":["const block = ['top', 'bottom'] as const\nconst inline = ['start', 'end'] as const\ntype Tblock = typeof block[number]\ntype Tinline = typeof inline [number]\nexport type Anchor =\n  | Tblock\n  | Tinline\n  | 'center'\n  | 'center center'\n  | `${Tblock} ${Tinline | 'center'}`\n  | `${Tinline} ${Tblock | 'center'}`\nexport type ParsedAnchor =\n  | { side: 'center', align: 'center' }\n  | { side: Tblock, align: Tinline | 'center' }\n  | { side: Tinline, align: Tblock | 'center' }\n\n/** Parse a raw anchor string into an object */\nexport function parseAnchor (anchor: Anchor) {\n  let [side, align] = anchor.split(' ')\n  if (!align) {\n    align =\n      side === 'top' || side === 'bottom' ? 'start'\n      : side === 'start' || side === 'end' ? 'top'\n      : 'center'\n  }\n  return {\n    side,\n    align,\n  } as ParsedAnchor\n}\n\n/** Get an anchor directly opposite, with the same alignment */\nexport function oppositeAnchor (anchor: ParsedAnchor) {\n  return {\n    side: {\n      center: 'center',\n      top: 'bottom',\n      bottom: 'top',\n      start: 'end',\n      end: 'start',\n    }[anchor.side],\n    align: anchor.align,\n  } as ParsedAnchor\n}\n\n/** Convert start/end into left/right */\nexport function physicalAnchor (anchor: ParsedAnchor, el: HTMLElement) {\n  const { side, align } = anchor\n  const { direction } = window.getComputedStyle(el)\n\n  const map: Record<string, string | undefined> = direction === 'ltr' ? {\n    start: 'left',\n    end: 'right',\n  } : {\n    start: 'right',\n    end: 'left',\n  }\n\n  return (map[side] ?? side) + ' ' + (map[align] ?? align)\n}\n"],"file":"anchor.mjs"}

package/lib/components/VTimeline/shared.mjs

@@ -1,2 +0,0 @@
-export const VTimelineSymbol = Symbol.for('vuetify:timeline');
-//# sourceMappingURL=shared.mjs.map

package/lib/components/VTimeline/shared.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/VTimeline/shared.ts"],"names":["VTimelineSymbol","Symbol","for"],"mappings":"AAQA,OAAO,MAAMA,eAA+C,GAAGC,MAAM,CAACC,GAAP,CAAW,kBAAX,CAAxD","sourcesContent":["import type { InjectionKey, Ref } from 'vue'\nimport type { Density } from '@/composables/density'\n\nexport interface TimelineInstance {\n  density: Ref<Density>\n  lineColor: Ref<string>\n}\n\nexport const VTimelineSymbol: InjectionKey<TimelineInstance> = Symbol.for('vuetify:timeline')\n"],"file":"shared.mjs"}

package/lib/composables/forwardRef.mjs

@@ -1,42 +0,0 @@
-export function useForwardRef(target) {
-  for (var _len = arguments.length, refs = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    refs[_key - 1] = arguments[_key];
-  }
-
-  return new Proxy(target, {
-    get(target, key) {
-      if (Reflect.has(target, key)) {
-        return Reflect.get(target, key);
-      }
-
-      for (const ref of refs) {
-        if (ref.value && Reflect.has(ref.value, key)) {
-          const val = Reflect.get(ref.value, key);
-          return typeof val === 'function' ? val.bind(ref.value) : val;
-        }
-      }
-    },
-
-    getOwnPropertyDescriptor(target, key) {
-      const descriptor = Reflect.getOwnPropertyDescriptor(target, key);
-      if (descriptor) return descriptor;
-
-      for (const ref of refs) {
-        if (!ref.value) continue;
-        const descriptor = Reflect.getOwnPropertyDescriptor(ref.value, key);
-        if (descriptor) return descriptor;
-      }
-
-      for (const ref of refs) {
-        const obj = ref.value && Object.getPrototypeOf(ref.value);
-        if (!obj) continue;
-        const descriptor = Reflect.getOwnPropertyDescriptor(obj, key);
-        if (descriptor) return descriptor;
-      }
-
-      return undefined;
-    }
-
-  });
-}
-//# sourceMappingURL=forwardRef.mjs.map

package/lib/composables/forwardRef.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/composables/forwardRef.ts"],"names":["useForwardRef","target","refs","Proxy","get","key","Reflect","has","ref","value","val","bind","getOwnPropertyDescriptor","descriptor","obj","Object","getPrototypeOf","undefined"],"mappings":"AAGA,OAAO,SAASA,aAAT,CACLC,MADK,EAG0C;AAAA,oCAD5CC,IAC4C;AAD5CA,IAAAA,IAC4C;AAAA;;AAC/C,SAAO,IAAIC,KAAJ,CAAUF,MAAV,EAAkB;AACvBG,IAAAA,GAAG,CAAEH,MAAF,EAAUI,GAAV,EAAe;AAChB,UAAIC,OAAO,CAACC,GAAR,CAAYN,MAAZ,EAAoBI,GAApB,CAAJ,EAA8B;AAC5B,eAAOC,OAAO,CAACF,GAAR,CAAYH,MAAZ,EAAoBI,GAApB,CAAP;AACD;;AACD,WAAK,MAAMG,GAAX,IAAkBN,IAAlB,EAAwB;AACtB,YAAIM,GAAG,CAACC,KAAJ,IAAaH,OAAO,CAACC,GAAR,CAAYC,GAAG,CAACC,KAAhB,EAAuBJ,GAAvB,CAAjB,EAA8C;AAC5C,gBAAMK,GAAG,GAAGJ,OAAO,CAACF,GAAR,CAAYI,GAAG,CAACC,KAAhB,EAAuBJ,GAAvB,CAAZ;AACA,iBAAO,OAAOK,GAAP,KAAe,UAAf,GACHA,GAAG,CAACC,IAAJ,CAASH,GAAG,CAACC,KAAb,CADG,GAEHC,GAFJ;AAGD;AACF;AACF,KAbsB;;AAcvBE,IAAAA,wBAAwB,CAAEX,MAAF,EAAUI,GAAV,EAAe;AACrC,YAAMQ,UAAU,GAAGP,OAAO,CAACM,wBAAR,CAAiCX,MAAjC,EAAyCI,GAAzC,CAAnB;AACA,UAAIQ,UAAJ,EAAgB,OAAOA,UAAP;;AAEhB,WAAK,MAAML,GAAX,IAAkBN,IAAlB,EAAwB;AACtB,YAAI,CAACM,GAAG,CAACC,KAAT,EAAgB;AAChB,cAAMI,UAAU,GAAGP,OAAO,CAACM,wBAAR,CAAiCJ,GAAG,CAACC,KAArC,EAA4CJ,GAA5C,CAAnB;AACA,YAAIQ,UAAJ,EAAgB,OAAOA,UAAP;AACjB;;AACD,WAAK,MAAML,GAAX,IAAkBN,IAAlB,EAAwB;AACtB,cAAMY,GAAG,GAAGN,GAAG,CAACC,KAAJ,IAAaM,MAAM,CAACC,cAAP,CAAsBR,GAAG,CAACC,KAA1B,CAAzB;AACA,YAAI,CAACK,GAAL,EAAU;AACV,cAAMD,UAAU,GAAGP,OAAO,CAACM,wBAAR,CAAiCE,GAAjC,EAAsCT,GAAtC,CAAnB;AACA,YAAIQ,UAAJ,EAAgB,OAAOA,UAAP;AACjB;;AACD,aAAOI,SAAP;AACD;;AA9BsB,GAAlB,CAAP;AAgCD","sourcesContent":["import type { Ref, UnwrapRef } from 'vue'\nimport type { UnionToIntersection } from '@/util'\n\nexport function useForwardRef<T extends {}, U extends Ref<{} | undefined>[]> (\n  target: T,\n  ...refs: U\n): T & UnwrapRef<UnionToIntersection<U[number]>> {\n  return new Proxy(target, {\n    get (target, key) {\n      if (Reflect.has(target, key)) {\n        return Reflect.get(target, key)\n      }\n      for (const ref of refs) {\n        if (ref.value && Reflect.has(ref.value, key)) {\n          const val = Reflect.get(ref.value, key)\n          return typeof val === 'function'\n            ? val.bind(ref.value)\n            : val\n        }\n      }\n    },\n    getOwnPropertyDescriptor (target, key) {\n      const descriptor = Reflect.getOwnPropertyDescriptor(target, key)\n      if (descriptor) return descriptor\n\n      for (const ref of refs) {\n        if (!ref.value) continue\n        const descriptor = Reflect.getOwnPropertyDescriptor(ref.value, key)\n        if (descriptor) return descriptor\n      }\n      for (const ref of refs) {\n        const obj = ref.value && Object.getPrototypeOf(ref.value)\n        if (!obj) continue\n        const descriptor = Reflect.getOwnPropertyDescriptor(obj, key)\n        if (descriptor) return descriptor\n      }\n      return undefined\n    },\n  }) as any\n}\n"],"file":"forwardRef.mjs"}