cbvirtua 1.0.5 → 1.0.6

package/v2/floating-ui/dom/utils/getRectRelativeToOffsetParent.js

@@ -0,0 +1,40 @@
+import { getBoundingClientRect } from './getBoundingClientRect';
+import { getDocumentElement } from './getDocumentElement';
+import { getNodeName } from './getNodeName';
+import { getNodeScroll } from './getNodeScroll';
+import getWindowScrollBarX from './getWindowScrollBarX';
+import { isHTMLElement, isScrollParent } from './is';
+import { round } from './math';
+function isScaled(element) {
+    const rect = getBoundingClientRect(element);
+    return (round(rect.width) !== element.offsetWidth ||
+        round(rect.height) !== element.offsetHeight);
+}
+export function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
+    const isOffsetParentAnElement = isHTMLElement(offsetParent);
+    const documentElement = getDocumentElement(offsetParent);
+    const rect = getBoundingClientRect(element, isOffsetParentAnElement && isScaled(offsetParent));
+    let scroll = { scrollLeft: 0, scrollTop: 0 };
+    const offsets = { x: 0, y: 0 };
+    if (isOffsetParentAnElement ||
+        (!isOffsetParentAnElement && strategy !== 'fixed')) {
+        if (getNodeName(offsetParent) !== 'body' ||
+            isScrollParent(documentElement)) {
+            scroll = getNodeScroll(offsetParent);
+        }
+        if (isHTMLElement(offsetParent)) {
+            const offsetRect = getBoundingClientRect(offsetParent, true);
+            offsets.x = offsetRect.x + offsetParent.clientLeft;
+            offsets.y = offsetRect.y + offsetParent.clientTop;
+        }
+        else if (documentElement) {
+            offsets.x = getWindowScrollBarX(documentElement);
+        }
+    }
+    return {
+        x: rect.left + scroll.scrollLeft - offsets.x,
+        y: rect.top + scroll.scrollTop - offsets.y,
+        width: rect.width,
+        height: rect.height,
+    };
+}

package/v2/floating-ui/dom/utils/getScrollParent.js

@@ -0,0 +1,13 @@
+import { getParentNode } from './getParentNode';
+import { getNodeName } from './getNodeName';
+import { isScrollParent, isHTMLElement } from './is';
+export function getScrollParent(node) {
+    if (['html', 'body', '#document'].includes(getNodeName(node))) {
+        // @ts-ignore assume body is always available
+        return node.ownerDocument.body;
+    }
+    if (isHTMLElement(node) && isScrollParent(node)) {
+        return node;
+    }
+    return getScrollParent(getParentNode(node));
+}

package/v2/floating-ui/dom/utils/getScrollParents.js

@@ -0,0 +1,18 @@
+import { getScrollParent } from './getScrollParent';
+import { getParentNode } from './getParentNode';
+import { getWindow } from './window';
+import { isScrollParent } from './is';
+export function getScrollParents(node, list = []) {
+    var _a;
+    const scrollParent = getScrollParent(node);
+    const isBody = scrollParent === ((_a = node.ownerDocument) === null || _a === void 0 ? void 0 : _a.body);
+    const win = getWindow(scrollParent);
+    const target = isBody
+        ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : [])
+        : scrollParent;
+    const updatedList = list.concat(target);
+    return isBody
+        ? updatedList
+        : // @ts-ignore: isBody tells us target will be an HTMLElement here
+            updatedList.concat(getScrollParents(getParentNode(target)));
+}

package/v2/floating-ui/dom/utils/getViewportRect.js

@@ -0,0 +1,25 @@
+import { getWindow } from './window';
+import { getDocumentElement } from './getDocumentElement';
+export function getViewportRect(element) {
+    const win = getWindow(element);
+    const html = getDocumentElement(element);
+    const visualViewport = win.visualViewport;
+    let width = html.clientWidth;
+    let height = html.clientHeight;
+    let x = 0;
+    let y = 0;
+    if (visualViewport) {
+        width = visualViewport.width;
+        height = visualViewport.height;
+        // Uses Layout Viewport (like Chrome; Safari does not currently)
+        // In Chrome, it returns a value very close to 0 (+/-) but contains rounding
+        // errors due to floating point numbers, so we need to check precision.
+        // Safari returns a number <= 0, usually < -1 when pinch-zoomed
+        if (Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) <
+            0.01) {
+            x = visualViewport.offsetLeft;
+            y = visualViewport.offsetTop;
+        }
+    }
+    return { width, height, x, y };
+}

package/v2/floating-ui/dom/utils/getWindowScrollBarX.js

@@ -0,0 +1,9 @@
+import { getBoundingClientRect } from './getBoundingClientRect';
+import { getDocumentElement } from './getDocumentElement';
+import { getNodeScroll } from './getNodeScroll';
+export default function getWindowScrollBarX(element) {
+    // If <html> has a CSS width greater than the viewport, then this will be
+    // incorrect for RTL.
+    return (getBoundingClientRect(getDocumentElement(element)).left +
+        getNodeScroll(element).scrollLeft);
+}

package/v2/floating-ui/dom/utils/is.js

@@ -0,0 +1,38 @@
+import { getComputedStyle } from './getComputedStyle';
+import { getNodeName } from './getNodeName';
+import { getWindow } from './window';
+export function isHTMLElement(value) {
+    return value instanceof getWindow(value).HTMLElement;
+}
+export function isElement(value) {
+    return value instanceof getWindow(value).Element;
+}
+export function isNode(value) {
+    return value instanceof getWindow(value).Node;
+}
+export function isShadowRoot(node) {
+    const OwnElement = getWindow(node).ShadowRoot;
+    return node instanceof OwnElement || node instanceof ShadowRoot;
+}
+export function isScrollParent(element) {
+    // Firefox wants us to check `-x` and `-y` variations as well
+    const { overflow, overflowX, overflowY } = getComputedStyle(element);
+    return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
+}
+export function isTableElement(element) {
+    return ['table', 'td', 'th'].includes(getNodeName(element));
+}
+export function isContainingBlock(element) {
+    // TODO: Try and use feature detection here instead
+    const isFirefox = navigator.userAgent.toLowerCase().includes('firefox');
+    const css = getComputedStyle(element);
+    // This is non-exhaustive but covers the most common CSS properties that
+    // create a containing block.
+    // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
+    return (css.transform !== 'none' ||
+        css.perspective !== 'none' ||
+        css.contain === 'paint' ||
+        ['transform', 'perspective'].includes(css.willChange) ||
+        (isFirefox && css.willChange === 'filter') ||
+        (isFirefox && (css.filter ? css.filter !== 'none' : false)));
+}

package/v2/floating-ui/dom/utils/math.js

@@ -0,0 +1,3 @@
+export const min = Math.min;
+export const max = Math.max;
+export const round = Math.round;

package/v2/floating-ui/dom/utils/window.js

@@ -0,0 +1,13 @@
+export function isWindow(value) {
+    return (value === null || value === void 0 ? void 0 : value.toString()) === '[object Window]';
+}
+export function getWindow(node) {
+    if (node == null) {
+        return window;
+    }
+    if (!isWindow(node)) {
+        const ownerDocument = node.ownerDocument;
+        return ownerDocument ? ownerDocument.defaultView || window : window;
+    }
+    return node;
+}

package/{floating → v2}/index.js

@@ -20,6 +20,7 @@ export const options = config;
 export const VTooltip = PrivateVTooltip;
 export { createTooltip, destroyTooltip } from './directives/v-tooltip';
 export const VClosePopper = PrivateVClosePopper;
+console.log(PrivateVClosePopper)
 // Components
 export const Dropdown = PrivateDropdown;
 export const Menu = PrivateMenu;
@@ -56,7 +57,7 @@ export function install(app, options = {}) {
 }
 const plugin = {
     // eslint-disable-next-line no-undef
-    version: VERSION,
+    //version: VERSION,
     install,
     options: config,
 };

package/floating/demo/TestDropdown.vue

@@ -1,22 +0,0 @@
-<template>
-  <div class="meow">
-    <VDropdown
-      :triggers="['hover']"
-      :popper-triggers="['hover']"
-    >
-      <button>Meow</button>
-
-      <template #popper>
-        Menu
-      </template>
-    </VDropdown>
-  </div>
-</template>
-
-<style scoped>
-.meow {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-</style>

package/floating/demo/TestSubMenu.vue

@@ -1,87 +0,0 @@
-<template>
-  <div class="example flex justify-center items-center gap-6">
-    <VMenu placement="bottom-start">
-      <button class="border border-gray-300 rounded px-4 py-2">
-        Hover me
-      </button>
-
-      <template #popper>
-        <div class="px-4 py-1">
-          Sub menus:
-        </div>
-
-        <VMenu
-          v-for="n in 5"
-          :key="n"
-          placement="right-start"
-          instant-move
-        >
-          <button class="rounded hover:bg-green-100 px-4 py-2">
-            Sub menu >
-          </button>
-
-          <template #popper>
-            <VMenu
-              v-for="n in 5"
-              :key="n"
-              placement="right-start"
-              instant-move
-            >
-              <button class="rounded hover:bg-green-100 px-4 py-2">
-                Option {{ n }} >
-              </button>
-
-              <template #popper>
-                <div class="px-6 py-2">
-                  Hello
-                </div>
-              </template>
-            </VMenu>
-          </template>
-        </VMenu>
-      </template>
-    </VMenu>
-
-    <VDropdown placement="bottom-start">
-      <button class="border border-gray-300 rounded px-4 py-2">
-        Click me
-      </button>
-
-      <template #popper>
-        <div class="px-4 py-1">
-          Sub menus:
-        </div>
-
-        <VDropdown
-          v-for="n in 5"
-          :key="n"
-          placement="right-start"
-          instant-move
-        >
-          <button class="rounded hover:bg-green-100 px-4 py-2">
-            Sub menu >
-          </button>
-
-          <template #popper>
-            <VDropdown
-              v-for="n in 5"
-              :key="n"
-              placement="right-start"
-              instant-move
-            >
-              <button class="rounded hover:bg-green-100 px-4 py-2">
-                Option {{ n }} >
-              </button>
-
-              <template #popper>
-                <div class="px-6 py-2">
-                  Hello
-                </div>
-              </template>
-            </VDropdown>
-          </template>
-        </VDropdown>
-      </template>
-    </VDropdown>
-  </div>
-</template>

package/floating/demo/TestTooltip.vue

@@ -1,19 +0,0 @@
-<template>
-  <div class="meow">
-    <button
-      v-tooltip="{
-        content: 'Tooltip',
-        triggers: ['hover'],
-        popperTriggers: ['hover'],
-      }"
-    >Meow</button>
-  </div>
-</template>
-
-<style scoped>
-.meow {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-</style>

package/floating/directives/v-tooltip.spec.js

@@ -1,28 +0,0 @@
-import { describe, test, expect } from '@peeky/test';
-import * as VTooltip from './v-tooltip';
-describe('getPlacement', () => {
-    test('object notation', () => {
-        const value = {
-            placement: 'bottom',
-        };
-        const modifiers = {};
-        const result = VTooltip.getPlacement(value, modifiers);
-        expect(result).toBe('bottom');
-    });
-    test('modifier', () => {
-        const value = {};
-        const modifiers = {
-            'top-end': true,
-        };
-        const result = VTooltip.getPlacement(value, modifiers);
-        expect(result).toBe('top-end');
-    });
-    test('invalid modifier', () => {
-        const value = {};
-        const modifiers = {
-            'left-middle': true,
-        };
-        const result = VTooltip.getPlacement(value, modifiers);
-        expect(result).toBe('top');
-    });
-});