@v-c/util 0.0.13 → 0.0.14

package/dist/Dom/dynamicCSS.cjs

@@ -1,108 +1,81 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const canUseDom = require("./canUseDom.cjs");
-const contains = require("./contains.cjs");
-const APPEND_ORDER = "data-vc-order";
-const APPEND_PRIORITY = "data-vc-priority";
-const MARK_KEY = `vc-util-key`;
-const containerCache = /* @__PURE__ */ new Map();
+const require_canUseDom = require("./canUseDom.cjs");
+const require_contains = require("./contains.cjs");
+var APPEND_ORDER = "data-vc-order";
+var APPEND_PRIORITY = "data-vc-priority";
+var MARK_KEY = `vc-util-key`;
+var containerCache = /* @__PURE__ */ new Map();
 function getMark({ mark } = {}) {
-  if (mark)
-    return mark.startsWith("data-") ? mark : `data-${mark}`;
-  return MARK_KEY;
+	if (mark) return mark.startsWith("data-") ? mark : `data-${mark}`;
+	return MARK_KEY;
 }
 function getContainer(option) {
-  if (option.attachTo)
-    return option.attachTo;
-  const head = document.querySelector("head");
-  return head || document.body;
+	if (option.attachTo) return option.attachTo;
+	return document.querySelector("head") || document.body;
 }
 function getOrder(prepend) {
-  if (prepend === "queue")
-    return "prependQueue";
-  return prepend ? "prepend" : "append";
+	if (prepend === "queue") return "prependQueue";
+	return prepend ? "prepend" : "append";
 }
 function findStyles(container) {
-  return Array.from(
-    (containerCache.get(container) || container).children
-  ).filter((node) => node.tagName === "STYLE");
+	return Array.from((containerCache.get(container) || container).children).filter((node) => node.tagName === "STYLE");
 }
 function injectCSS(css, option = {}) {
-  if (!canUseDom.default())
-    return null;
-  const { csp, prepend, priority = 0 } = option;
-  const mergedOrder = getOrder(prepend);
-  const isPrependQueue = mergedOrder === "prependQueue";
-  const styleNode = document.createElement("style");
-  styleNode.setAttribute(APPEND_ORDER, mergedOrder);
-  if (isPrependQueue && priority)
-    styleNode.setAttribute(APPEND_PRIORITY, `${priority}`);
-  if (csp?.nonce)
-    styleNode.nonce = csp?.nonce;
-  styleNode.innerHTML = css;
-  const container = getContainer(option);
-  const { firstChild } = container;
-  if (prepend) {
-    if (isPrependQueue) {
-      const existStyle = findStyles(container).filter((node) => {
-        if (!["prepend", "prependQueue"].includes(node.getAttribute(APPEND_ORDER)))
-          return false;
-        const nodePriority = Number(node.getAttribute(APPEND_PRIORITY) || 0);
-        return priority >= nodePriority;
-      });
-      if (existStyle.length) {
-        container.insertBefore(
-          styleNode,
-          existStyle[existStyle.length - 1].nextSibling
-        );
-        return styleNode;
-      }
-    }
-    container.insertBefore(styleNode, firstChild);
-  } else {
-    container.appendChild(styleNode);
-  }
-  return styleNode;
+	if (!require_canUseDom.default()) return null;
+	const { csp, prepend, priority = 0 } = option;
+	const mergedOrder = getOrder(prepend);
+	const isPrependQueue = mergedOrder === "prependQueue";
+	const styleNode = document.createElement("style");
+	styleNode.setAttribute(APPEND_ORDER, mergedOrder);
+	if (isPrependQueue && priority) styleNode.setAttribute(APPEND_PRIORITY, `${priority}`);
+	if (csp?.nonce) styleNode.nonce = csp?.nonce;
+	styleNode.innerHTML = css;
+	const container = getContainer(option);
+	const { firstChild } = container;
+	if (prepend) {
+		if (isPrependQueue) {
+			const existStyle = findStyles(container).filter((node) => {
+				if (!["prepend", "prependQueue"].includes(node.getAttribute(APPEND_ORDER))) return false;
+				return priority >= Number(node.getAttribute(APPEND_PRIORITY) || 0);
+			});
+			if (existStyle.length) {
+				container.insertBefore(styleNode, existStyle[existStyle.length - 1].nextSibling);
+				return styleNode;
+			}
+		}
+		container.insertBefore(styleNode, firstChild);
+	} else container.appendChild(styleNode);
+	return styleNode;
 }
 function findExistNode(key, option = {}) {
-  const container = getContainer(option);
-  return findStyles(container).find(
-    (node) => node.getAttribute(getMark(option)) === key
-  );
+	return findStyles(getContainer(option)).find((node) => node.getAttribute(getMark(option)) === key);
 }
 function removeCSS(key, option = {}) {
-  const existNode = findExistNode(key, option);
-  if (existNode) {
-    const container = getContainer(option);
-    container.removeChild(existNode);
-  }
+	const existNode = findExistNode(key, option);
+	if (existNode) getContainer(option).removeChild(existNode);
 }
 function syncRealContainer(container, option) {
-  const cachedRealContainer = containerCache.get(container);
-  if (!cachedRealContainer || !contains.default(document, cachedRealContainer)) {
-    const placeholderStyle = injectCSS("", option);
-    const { parentNode } = placeholderStyle;
-    containerCache.set(container, parentNode);
-    container.removeChild(placeholderStyle);
-  }
+	const cachedRealContainer = containerCache.get(container);
+	if (!cachedRealContainer || !require_contains.default(document, cachedRealContainer)) {
+		const placeholderStyle = injectCSS("", option);
+		const { parentNode } = placeholderStyle;
+		containerCache.set(container, parentNode);
+		container.removeChild(placeholderStyle);
+	}
 }
 function clearContainerCache() {
-  containerCache.clear();
+	containerCache.clear();
 }
 function updateCSS(css, key, option = {}) {
-  const container = getContainer(option);
-  syncRealContainer(container, option);
-  const existNode = findExistNode(key, option);
-  if (existNode) {
-    if (option.csp?.nonce && existNode.nonce !== option.csp?.nonce)
-      existNode.nonce = option.csp?.nonce;
-    if (existNode.innerHTML !== css)
-      existNode.innerHTML = css;
-    return existNode;
-  }
-  const newNode = injectCSS(css, option);
-  newNode.setAttribute(getMark(option), key);
-  return newNode;
+	syncRealContainer(getContainer(option), option);
+	const existNode = findExistNode(key, option);
+	if (existNode) {
+		if (option.csp?.nonce && existNode.nonce !== option.csp?.nonce) existNode.nonce = option.csp?.nonce;
+		if (existNode.innerHTML !== css) existNode.innerHTML = css;
+		return existNode;
+	}
+	const newNode = injectCSS(css, option);
+	newNode.setAttribute(getMark(option), key);
+	return newNode;
 }
 exports.clearContainerCache = clearContainerCache;
 exports.injectCSS = injectCSS;

package/dist/Dom/dynamicCSS.js

@@ -1,110 +1,80 @@
 import canUseDom from "./canUseDom.js";
 import contains from "./contains.js";
-const APPEND_ORDER = "data-vc-order";
-const APPEND_PRIORITY = "data-vc-priority";
-const MARK_KEY = `vc-util-key`;
-const containerCache = /* @__PURE__ */ new Map();
+var APPEND_ORDER = "data-vc-order";
+var APPEND_PRIORITY = "data-vc-priority";
+var MARK_KEY = `vc-util-key`;
+var containerCache = /* @__PURE__ */ new Map();
 function getMark({ mark } = {}) {
-  if (mark)
-    return mark.startsWith("data-") ? mark : `data-${mark}`;
-  return MARK_KEY;
+	if (mark) return mark.startsWith("data-") ? mark : `data-${mark}`;
+	return MARK_KEY;
 }
 function getContainer(option) {
-  if (option.attachTo)
-    return option.attachTo;
-  const head = document.querySelector("head");
-  return head || document.body;
+	if (option.attachTo) return option.attachTo;
+	return document.querySelector("head") || document.body;
 }
 function getOrder(prepend) {
-  if (prepend === "queue")
-    return "prependQueue";
-  return prepend ? "prepend" : "append";
+	if (prepend === "queue") return "prependQueue";
+	return prepend ? "prepend" : "append";
 }
 function findStyles(container) {
-  return Array.from(
-    (containerCache.get(container) || container).children
-  ).filter((node) => node.tagName === "STYLE");
+	return Array.from((containerCache.get(container) || container).children).filter((node) => node.tagName === "STYLE");
 }
 function injectCSS(css, option = {}) {
-  if (!canUseDom())
-    return null;
-  const { csp, prepend, priority = 0 } = option;
-  const mergedOrder = getOrder(prepend);
-  const isPrependQueue = mergedOrder === "prependQueue";
-  const styleNode = document.createElement("style");
-  styleNode.setAttribute(APPEND_ORDER, mergedOrder);
-  if (isPrependQueue && priority)
-    styleNode.setAttribute(APPEND_PRIORITY, `${priority}`);
-  if (csp?.nonce)
-    styleNode.nonce = csp?.nonce;
-  styleNode.innerHTML = css;
-  const container = getContainer(option);
-  const { firstChild } = container;
-  if (prepend) {
-    if (isPrependQueue) {
-      const existStyle = findStyles(container).filter((node) => {
-        if (!["prepend", "prependQueue"].includes(node.getAttribute(APPEND_ORDER)))
-          return false;
-        const nodePriority = Number(node.getAttribute(APPEND_PRIORITY) || 0);
-        return priority >= nodePriority;
-      });
-      if (existStyle.length) {
-        container.insertBefore(
-          styleNode,
-          existStyle[existStyle.length - 1].nextSibling
-        );
-        return styleNode;
-      }
-    }
-    container.insertBefore(styleNode, firstChild);
-  } else {
-    container.appendChild(styleNode);
-  }
-  return styleNode;
+	if (!canUseDom()) return null;
+	const { csp, prepend, priority = 0 } = option;
+	const mergedOrder = getOrder(prepend);
+	const isPrependQueue = mergedOrder === "prependQueue";
+	const styleNode = document.createElement("style");
+	styleNode.setAttribute(APPEND_ORDER, mergedOrder);
+	if (isPrependQueue && priority) styleNode.setAttribute(APPEND_PRIORITY, `${priority}`);
+	if (csp?.nonce) styleNode.nonce = csp?.nonce;
+	styleNode.innerHTML = css;
+	const container = getContainer(option);
+	const { firstChild } = container;
+	if (prepend) {
+		if (isPrependQueue) {
+			const existStyle = findStyles(container).filter((node) => {
+				if (!["prepend", "prependQueue"].includes(node.getAttribute(APPEND_ORDER))) return false;
+				return priority >= Number(node.getAttribute(APPEND_PRIORITY) || 0);
+			});
+			if (existStyle.length) {
+				container.insertBefore(styleNode, existStyle[existStyle.length - 1].nextSibling);
+				return styleNode;
+			}
+		}
+		container.insertBefore(styleNode, firstChild);
+	} else container.appendChild(styleNode);
+	return styleNode;
 }
 function findExistNode(key, option = {}) {
-  const container = getContainer(option);
-  return findStyles(container).find(
-    (node) => node.getAttribute(getMark(option)) === key
-  );
+	return findStyles(getContainer(option)).find((node) => node.getAttribute(getMark(option)) === key);
 }
 function removeCSS(key, option = {}) {
-  const existNode = findExistNode(key, option);
-  if (existNode) {
-    const container = getContainer(option);
-    container.removeChild(existNode);
-  }
+	const existNode = findExistNode(key, option);
+	if (existNode) getContainer(option).removeChild(existNode);
 }
 function syncRealContainer(container, option) {
-  const cachedRealContainer = containerCache.get(container);
-  if (!cachedRealContainer || !contains(document, cachedRealContainer)) {
-    const placeholderStyle = injectCSS("", option);
-    const { parentNode } = placeholderStyle;
-    containerCache.set(container, parentNode);
-    container.removeChild(placeholderStyle);
-  }
+	const cachedRealContainer = containerCache.get(container);
+	if (!cachedRealContainer || !contains(document, cachedRealContainer)) {
+		const placeholderStyle = injectCSS("", option);
+		const { parentNode } = placeholderStyle;
+		containerCache.set(container, parentNode);
+		container.removeChild(placeholderStyle);
+	}
 }
 function clearContainerCache() {
-  containerCache.clear();
+	containerCache.clear();
 }
 function updateCSS(css, key, option = {}) {
-  const container = getContainer(option);
-  syncRealContainer(container, option);
-  const existNode = findExistNode(key, option);
-  if (existNode) {
-    if (option.csp?.nonce && existNode.nonce !== option.csp?.nonce)
-      existNode.nonce = option.csp?.nonce;
-    if (existNode.innerHTML !== css)
-      existNode.innerHTML = css;
-    return existNode;
-  }
-  const newNode = injectCSS(css, option);
-  newNode.setAttribute(getMark(option), key);
-  return newNode;
+	syncRealContainer(getContainer(option), option);
+	const existNode = findExistNode(key, option);
+	if (existNode) {
+		if (option.csp?.nonce && existNode.nonce !== option.csp?.nonce) existNode.nonce = option.csp?.nonce;
+		if (existNode.innerHTML !== css) existNode.innerHTML = css;
+		return existNode;
+	}
+	const newNode = injectCSS(css, option);
+	newNode.setAttribute(getMark(option), key);
+	return newNode;
 }
-export {
-  clearContainerCache,
-  injectCSS,
-  removeCSS,
-  updateCSS
-};
+export { clearContainerCache, injectCSS, removeCSS, updateCSS };

package/dist/Dom/findDOMNode.cjs

@@ -1,16 +1,13 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
+Object.defineProperty(exports, "__esModule", { value: true });
+let vue = require("vue");
 function isDOM(node) {
-  return node instanceof HTMLElement || node instanceof SVGElement;
+	return node instanceof HTMLElement || node instanceof SVGElement;
 }
 function findDOMNode(_node) {
-  const node = vue.unref(_node);
-  if (isDOM(node))
-    return node;
-  else if (node && "$el" in node)
-    return node.$el;
-  return null;
+	const node = (0, vue.unref)(_node);
+	if (isDOM(node)) return node;
+	else if (node && "$el" in node) return node.$el;
+	return null;
 }
 exports.default = findDOMNode;
 exports.isDOM = isDOM;

package/dist/Dom/findDOMNode.js

@@ -1,16 +1,11 @@
 import { unref } from "vue";
 function isDOM(node) {
-  return node instanceof HTMLElement || node instanceof SVGElement;
+	return node instanceof HTMLElement || node instanceof SVGElement;
 }
 function findDOMNode(_node) {
-  const node = unref(_node);
-  if (isDOM(node))
-    return node;
-  else if (node && "$el" in node)
-    return node.$el;
-  return null;
+	const node = unref(_node);
+	if (isDOM(node)) return node;
+	else if (node && "$el" in node) return node.$el;
+	return null;
 }
-export {
-  findDOMNode as default,
-  isDOM
-};
+export { findDOMNode as default, isDOM };

package/dist/Dom/focus.cjs

@@ -1,57 +1,50 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const isVisible = require("./isVisible.cjs");
+const require_isVisible = require("./isVisible.cjs");
 function focusable(node, includePositive = false) {
-  if (isVisible.default(node)) {
-    const nodeName = node.nodeName.toLowerCase();
-    const isFocusableElement = ["input", "select", "textarea", "button"].includes(nodeName) || node.isContentEditable || nodeName === "a" && !!node.getAttribute("href");
-    const tabIndexAttr = node.getAttribute("tabindex");
-    const tabIndexNum = Number(tabIndexAttr);
-    let tabIndex = null;
-    if (tabIndexAttr && !Number.isNaN(tabIndexNum))
-      tabIndex = tabIndexNum;
-    else if (isFocusableElement && tabIndex === null)
-      tabIndex = 0;
-    if (isFocusableElement && node.disabled)
-      tabIndex = null;
-    return tabIndex !== null && (tabIndex >= 0 || includePositive && tabIndex < 0);
-  }
-  return false;
+	if (require_isVisible.default(node)) {
+		const nodeName = node.nodeName.toLowerCase();
+		const isFocusableElement = [
+			"input",
+			"select",
+			"textarea",
+			"button"
+		].includes(nodeName) || node.isContentEditable || nodeName === "a" && !!node.getAttribute("href");
+		const tabIndexAttr = node.getAttribute("tabindex");
+		const tabIndexNum = Number(tabIndexAttr);
+		let tabIndex = null;
+		if (tabIndexAttr && !Number.isNaN(tabIndexNum)) tabIndex = tabIndexNum;
+		else if (isFocusableElement && tabIndex === null) tabIndex = 0;
+		if (isFocusableElement && node.disabled) tabIndex = null;
+		return tabIndex !== null && (tabIndex >= 0 || includePositive && tabIndex < 0);
+	}
+	return false;
 }
 function getFocusNodeList(node, includePositive = false) {
-  const res = [...node.querySelectorAll("*")].filter((child) => {
-    return focusable(child, includePositive);
-  });
-  if (focusable(node, includePositive))
-    res.unshift(node);
-  return res;
+	const res = [...node.querySelectorAll("*")].filter((child) => {
+		return focusable(child, includePositive);
+	});
+	if (focusable(node, includePositive)) res.unshift(node);
+	return res;
 }
-let lastFocusElement = null;
+var lastFocusElement = null;
 function saveLastFocusNode() {
-  lastFocusElement = document.activeElement;
+	lastFocusElement = document.activeElement;
 }
 function clearLastFocusNode() {
-  lastFocusElement = null;
+	lastFocusElement = null;
 }
 function backLastFocusNode() {
-  if (lastFocusElement) {
-    try {
-      lastFocusElement.focus();
-    } catch (_e) {
-    }
-  }
+	if (lastFocusElement) try {
+		lastFocusElement.focus();
+	} catch (_e) {}
 }
 function limitTabRange(node, e) {
-  if (e.keyCode === 9) {
-    const tabNodeList = getFocusNodeList(node);
-    const lastTabNode = tabNodeList[e.shiftKey ? 0 : tabNodeList.length - 1];
-    const leavingTab = lastTabNode === document.activeElement || node === document.activeElement;
-    if (leavingTab) {
-      const target = tabNodeList[e.shiftKey ? tabNodeList.length - 1 : 0];
-      target.focus();
-      e.preventDefault();
-    }
-  }
+	if (e.keyCode === 9) {
+		const tabNodeList = getFocusNodeList(node);
+		if (tabNodeList[e.shiftKey ? 0 : tabNodeList.length - 1] === document.activeElement || node === document.activeElement) {
+			tabNodeList[e.shiftKey ? tabNodeList.length - 1 : 0].focus();
+			e.preventDefault();
+		}
+	}
 }
 exports.backLastFocusNode = backLastFocusNode;
 exports.clearLastFocusNode = clearLastFocusNode;

package/dist/Dom/focus.js

@@ -1,60 +1,49 @@
-import isVisible from "./isVisible.js";
+import isVisible_default from "./isVisible.js";
 function focusable(node, includePositive = false) {
-  if (isVisible(node)) {
-    const nodeName = node.nodeName.toLowerCase();
-    const isFocusableElement = ["input", "select", "textarea", "button"].includes(nodeName) || node.isContentEditable || nodeName === "a" && !!node.getAttribute("href");
-    const tabIndexAttr = node.getAttribute("tabindex");
-    const tabIndexNum = Number(tabIndexAttr);
-    let tabIndex = null;
-    if (tabIndexAttr && !Number.isNaN(tabIndexNum))
-      tabIndex = tabIndexNum;
-    else if (isFocusableElement && tabIndex === null)
-      tabIndex = 0;
-    if (isFocusableElement && node.disabled)
-      tabIndex = null;
-    return tabIndex !== null && (tabIndex >= 0 || includePositive && tabIndex < 0);
-  }
-  return false;
+	if (isVisible_default(node)) {
+		const nodeName = node.nodeName.toLowerCase();
+		const isFocusableElement = [
+			"input",
+			"select",
+			"textarea",
+			"button"
+		].includes(nodeName) || node.isContentEditable || nodeName === "a" && !!node.getAttribute("href");
+		const tabIndexAttr = node.getAttribute("tabindex");
+		const tabIndexNum = Number(tabIndexAttr);
+		let tabIndex = null;
+		if (tabIndexAttr && !Number.isNaN(tabIndexNum)) tabIndex = tabIndexNum;
+		else if (isFocusableElement && tabIndex === null) tabIndex = 0;
+		if (isFocusableElement && node.disabled) tabIndex = null;
+		return tabIndex !== null && (tabIndex >= 0 || includePositive && tabIndex < 0);
+	}
+	return false;
 }
 function getFocusNodeList(node, includePositive = false) {
-  const res = [...node.querySelectorAll("*")].filter((child) => {
-    return focusable(child, includePositive);
-  });
-  if (focusable(node, includePositive))
-    res.unshift(node);
-  return res;
+	const res = [...node.querySelectorAll("*")].filter((child) => {
+		return focusable(child, includePositive);
+	});
+	if (focusable(node, includePositive)) res.unshift(node);
+	return res;
 }
-let lastFocusElement = null;
+var lastFocusElement = null;
 function saveLastFocusNode() {
-  lastFocusElement = document.activeElement;
+	lastFocusElement = document.activeElement;
 }
 function clearLastFocusNode() {
-  lastFocusElement = null;
+	lastFocusElement = null;
 }
 function backLastFocusNode() {
-  if (lastFocusElement) {
-    try {
-      lastFocusElement.focus();
-    } catch (_e) {
-    }
-  }
+	if (lastFocusElement) try {
+		lastFocusElement.focus();
+	} catch (_e) {}
 }
 function limitTabRange(node, e) {
-  if (e.keyCode === 9) {
-    const tabNodeList = getFocusNodeList(node);
-    const lastTabNode = tabNodeList[e.shiftKey ? 0 : tabNodeList.length - 1];
-    const leavingTab = lastTabNode === document.activeElement || node === document.activeElement;
-    if (leavingTab) {
-      const target = tabNodeList[e.shiftKey ? tabNodeList.length - 1 : 0];
-      target.focus();
-      e.preventDefault();
-    }
-  }
+	if (e.keyCode === 9) {
+		const tabNodeList = getFocusNodeList(node);
+		if (tabNodeList[e.shiftKey ? 0 : tabNodeList.length - 1] === document.activeElement || node === document.activeElement) {
+			tabNodeList[e.shiftKey ? tabNodeList.length - 1 : 0].focus();
+			e.preventDefault();
+		}
+	}
 }
-export {
-  backLastFocusNode,
-  clearLastFocusNode,
-  getFocusNodeList,
-  limitTabRange,
-  saveLastFocusNode
-};
+export { backLastFocusNode, clearLastFocusNode, getFocusNodeList, limitTabRange, saveLastFocusNode };

package/dist/Dom/isVisible.cjs

@@ -1,22 +1,17 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const isVisible = (element) => {
-  if (!element)
-    return false;
-  if (element instanceof Element) {
-    if (element.offsetParent)
-      return true;
-    if (element.getBBox) {
-      const { width, height } = element.getBBox();
-      if (width || height)
-        return true;
-    }
-    if (element.getBoundingClientRect) {
-      const { width, height } = element.getBoundingClientRect();
-      if (width || height)
-        return true;
-    }
-  }
-  return false;
+Object.defineProperty(exports, "__esModule", { value: true });
+var isVisible_default = (element) => {
+	if (!element) return false;
+	if (element instanceof Element) {
+		if (element.offsetParent) return true;
+		if (element.getBBox) {
+			const { width, height } = element.getBBox();
+			if (width || height) return true;
+		}
+		if (element.getBoundingClientRect) {
+			const { width, height } = element.getBoundingClientRect();
+			if (width || height) return true;
+		}
+	}
+	return false;
 };
-exports.default = isVisible;
+exports.default = isVisible_default;