@v-c/util 0.0.11 → 0.0.13

package/dist/Children/isFragment.cjs

@@ -1 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue");function r(e){return t.isVNode(e)&&e.type===t.Fragment}exports.isFragment=r;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+function isFragment(node) {
+  return vue.isVNode(node) && node.type === vue.Fragment;
+}
+exports.isFragment = isFragment;

package/dist/Children/isFragment.js

@@ -1,7 +1,7 @@
-import { isVNode as t, Fragment as e } from "vue";
-function m(r) {
-  return t(r) && r.type === e;
+import { isVNode, Fragment } from "vue";
+function isFragment(node) {
+  return isVNode(node) && node.type === Fragment;
 }
 export {
-  m as isFragment
+  isFragment
 };

package/dist/Children/toArray.cjs

@@ -1 +1,20 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./isFragment.cjs");function a(t,i={}){let e=[];Array.isArray(t)||(t=[t]);for(const r of t)r==null&&!i.keepEmpty||(Array.isArray(r)?e=e.concat(a(r,i)):n.isFragment(r)&&r.children?e=e.concat(a(r.children,i)):e.push(r));return e}exports.toArray=a;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const isFragment = require("./isFragment.cjs");
+function toArray(children, option = {}) {
+  let ret = [];
+  if (!Array.isArray(children))
+    children = [children];
+  for (const child of children) {
+    if ((child === void 0 || child === null) && !option.keepEmpty)
+      continue;
+    if (Array.isArray(child))
+      ret = ret.concat(toArray(child, option));
+    else if (isFragment.isFragment(child) && child.children)
+      ret = ret.concat(toArray(child.children, option));
+    else
+      ret.push(child);
+  }
+  return ret;
+}
+exports.toArray = toArray;

package/dist/Children/toArray.js

@@ -1,11 +1,20 @@
-import { isFragment as f } from "./isFragment.js";
-function a(t, i = {}) {
-  let e = [];
-  Array.isArray(t) || (t = [t]);
-  for (const r of t)
-    r == null && !i.keepEmpty || (Array.isArray(r) ? e = e.concat(a(r, i)) : f(r) && r.children ? e = e.concat(a(r.children, i)) : e.push(r));
-  return e;
+import { isFragment } from "./isFragment.js";
+function toArray(children, option = {}) {
+  let ret = [];
+  if (!Array.isArray(children))
+    children = [children];
+  for (const child of children) {
+    if ((child === void 0 || child === null) && !option.keepEmpty)
+      continue;
+    if (Array.isArray(child))
+      ret = ret.concat(toArray(child, option));
+    else if (isFragment(child) && child.children)
+      ret = ret.concat(toArray(child.children, option));
+    else
+      ret.push(child);
+  }
+  return ret;
 }
 export {
-  a as toArray
+  toArray
 };

package/dist/Dom/addEventListener.cjs

@@ -1 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function d(...i){const[e,t,n,r]=i;return e?.addEventListener&&e.addEventListener(t,n,r),{remove(){e?.removeEventListener?.(t,n,r)}}}exports.addEventListener=d;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function addEventListener(...args) {
+  const [target, eventType, cb, option] = args;
+  if (target?.addEventListener)
+    target.addEventListener(eventType, cb, option);
+  return {
+    remove() {
+      target?.removeEventListener?.(eventType, cb, option);
+    }
+  };
+}
+exports.addEventListener = addEventListener;

package/dist/Dom/addEventListener.js

@@ -1,11 +1,13 @@
-function o(...i) {
-  const [e, t, n, r] = i;
-  return e?.addEventListener && e.addEventListener(t, n, r), {
+function addEventListener(...args) {
+  const [target, eventType, cb, option] = args;
+  if (target?.addEventListener)
+    target.addEventListener(eventType, cb, option);
+  return {
     remove() {
-      e?.removeEventListener?.(t, n, r);
+      target?.removeEventListener?.(eventType, cb, option);
     }
   };
 }
 export {
-  o as addEventListener
+  addEventListener
 };

package/dist/Dom/canUseDom.cjs

@@ -1 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function e(){return!!(typeof window<"u"&&window.document&&window.document.createElement)}exports.default=e;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+function canUseDom() {
+  return !!(typeof window !== "undefined" && window.document && window.document.createElement);
+}
+exports.default = canUseDom;

package/dist/Dom/canUseDom.js

@@ -1,6 +1,6 @@
-function e() {
-  return !!(typeof window < "u" && window.document && window.document.createElement);
+function canUseDom() {
+  return !!(typeof window !== "undefined" && window.document && window.document.createElement);
 }
 export {
-  e as default
+  canUseDom as default
 };

package/dist/Dom/class.cjs

@@ -1 +1,29 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(s,i){return s.classList?s.classList.contains(i):` ${s.className} `.includes(` ${i} `)}function t(s,i){s.classList?s.classList.add(i):a(s,i)||(s.className=`${s.className} ${i}`)}function c(s,i){if(s.classList)s.classList.remove(i);else if(a(s,i)){const l=s.className;s.className=` ${l} `.replace(` ${i} `," ")}}exports.addClass=t;exports.hasClass=a;exports.removeClass=c;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function hasClass(node, className) {
+  if (node.classList)
+    return node.classList.contains(className);
+  const originClass = node.className;
+  return ` ${originClass} `.includes(` ${className} `);
+}
+function addClass(node, className) {
+  if (node.classList) {
+    node.classList.add(className);
+  } else {
+    if (!hasClass(node, className))
+      node.className = `${node.className} ${className}`;
+  }
+}
+function removeClass(node, className) {
+  if (node.classList) {
+    node.classList.remove(className);
+  } else {
+    if (hasClass(node, className)) {
+      const originClass = node.className;
+      node.className = ` ${originClass} `.replace(` ${className} `, " ");
+    }
+  }
+}
+exports.addClass = addClass;
+exports.hasClass = hasClass;
+exports.removeClass = removeClass;

package/dist/Dom/class.js

@@ -1,19 +1,29 @@
-function l(s, i) {
-  return s.classList ? s.classList.contains(i) : ` ${s.className} `.includes(` ${i} `);
+function hasClass(node, className) {
+  if (node.classList)
+    return node.classList.contains(className);
+  const originClass = node.className;
+  return ` ${originClass} `.includes(` ${className} `);
 }
-function t(s, i) {
-  s.classList ? s.classList.add(i) : l(s, i) || (s.className = `${s.className} ${i}`);
+function addClass(node, className) {
+  if (node.classList) {
+    node.classList.add(className);
+  } else {
+    if (!hasClass(node, className))
+      node.className = `${node.className} ${className}`;
+  }
 }
-function c(s, i) {
-  if (s.classList)
-    s.classList.remove(i);
-  else if (l(s, i)) {
-    const a = s.className;
-    s.className = ` ${a} `.replace(` ${i} `, " ");
+function removeClass(node, className) {
+  if (node.classList) {
+    node.classList.remove(className);
+  } else {
+    if (hasClass(node, className)) {
+      const originClass = node.className;
+      node.className = ` ${originClass} `.replace(` ${className} `, " ");
+    }
   }
 }
 export {
-  t as addClass,
-  l as hasClass,
-  c as removeClass
+  addClass,
+  hasClass,
+  removeClass
 };

package/dist/Dom/contains.cjs

@@ -1 +1,16 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function u(e,n){if(!e)return!1;if(e.contains)return e.contains(n);let t=n;for(;t;){if(t===e)return!0;t=t.parentNode}return!1}exports.default=u;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+function contains(root, n) {
+  if (!root)
+    return false;
+  if (root.contains)
+    return root.contains(n);
+  let node = n;
+  while (node) {
+    if (node === root)
+      return true;
+    node = node.parentNode;
+  }
+  return false;
+}
+exports.default = contains;

package/dist/Dom/contains.js

@@ -1,16 +1,16 @@
-function a(e, t) {
-  if (!e)
-    return !1;
-  if (e.contains)
-    return e.contains(t);
-  let n = t;
-  for (; n; ) {
-    if (n === e)
-      return !0;
-    n = n.parentNode;
+function contains(root, n) {
+  if (!root)
+    return false;
+  if (root.contains)
+    return root.contains(n);
+  let node = n;
+  while (node) {
+    if (node === root)
+      return true;
+    node = node.parentNode;
   }
-  return !1;
+  return false;
 }
 export {
-  a as default
+  contains as default
 };

package/dist/Dom/css.cjs

@@ -1 +1,96 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=/margin|padding|width|height|max|min|offset/,i={left:!0,top:!0},r={cssFloat:1,styleFloat:1,float:1};function u(e){return e.nodeType===1?e.ownerDocument.defaultView.getComputedStyle(e,null):{}}function f(e,t,o){if(t=t.toLowerCase(),o==="auto"){if(t==="height")return e.offsetHeight;if(t==="width")return e.offsetWidth}return t in i||(i[t]=l.test(t)),i[t]?Number.parseFloat(o)||0:o}function d(e,t){const o=arguments.length,n=u(e);return t=r[t]?"cssFloat"in e.style?"cssFloat":"styleFloat":t,o===1?n:f(e,t,n[t]||e.style[t])}function s(e,t,o){const n=arguments.length;if(t=r[t]?"cssFloat"in e.style?"cssFloat":"styleFloat":t,n===3)return typeof o=="number"&&l.test(t)&&(o=`${o}px`),e.style[t]=o,o;for(const c in t)c in t&&s(e,c,t[c]);return u(e)}function g(e){return e===document.body?document.documentElement.clientWidth:e.offsetWidth}function m(e){return e===document.body?window.innerHeight||document.documentElement.clientHeight:e.offsetHeight}function h(){const e=Math.max(document.documentElement.scrollWidth,document.body.scrollWidth),t=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight);return{width:e,height:t}}function a(){const e=document.documentElement.clientWidth,t=window.innerHeight||document.documentElement.clientHeight;return{width:e,height:t}}function y(){return{scrollLeft:Math.max(document.documentElement.scrollLeft,document.body.scrollLeft),scrollTop:Math.max(document.documentElement.scrollTop,document.body.scrollTop)}}function w(e){const t=e.getBoundingClientRect(),o=document.documentElement;return{left:t.left+(window.pageXOffset||o.scrollLeft)-(o.clientLeft||document.body.clientLeft||0),top:t.top+(window.pageYOffset||o.scrollTop)-(o.clientTop||document.body.clientTop||0)}}exports.get=d;exports.getClientSize=a;exports.getDocSize=h;exports.getOffset=w;exports.getOuterHeight=m;exports.getOuterWidth=g;exports.getScroll=y;exports.set=s;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const PIXEL_PATTERN = /margin|padding|width|height|max|min|offset/;
+const removePixel = {
+  left: true,
+  top: true
+};
+const floatMap = {
+  cssFloat: 1,
+  styleFloat: 1,
+  float: 1
+};
+function getComputedStyle(node) {
+  return node.nodeType === 1 ? node.ownerDocument.defaultView.getComputedStyle(node, null) : {};
+}
+function getStyleValue(node, type, value) {
+  type = type.toLowerCase();
+  if (value === "auto") {
+    if (type === "height")
+      return node.offsetHeight;
+    if (type === "width")
+      return node.offsetWidth;
+  }
+  if (!(type in removePixel))
+    removePixel[type] = PIXEL_PATTERN.test(type);
+  return removePixel[type] ? Number.parseFloat(value) || 0 : value;
+}
+function get(node, name) {
+  const length = arguments.length;
+  const style = getComputedStyle(node);
+  name = floatMap[name] ? "cssFloat" in node.style ? "cssFloat" : "styleFloat" : name;
+  return length === 1 ? style : getStyleValue(node, name, style[name] || node.style[name]);
+}
+function set(node, name, value) {
+  const length = arguments.length;
+  name = floatMap[name] ? "cssFloat" in node.style ? "cssFloat" : "styleFloat" : name;
+  if (length === 3) {
+    if (typeof value === "number" && PIXEL_PATTERN.test(name))
+      value = `${value}px`;
+    node.style[name] = value;
+    return value;
+  }
+  for (const x in name) {
+    if (x in name)
+      set(node, x, name[x]);
+  }
+  return getComputedStyle(node);
+}
+function getOuterWidth(el) {
+  if (el === document.body)
+    return document.documentElement.clientWidth;
+  return el.offsetWidth;
+}
+function getOuterHeight(el) {
+  if (el === document.body)
+    return window.innerHeight || document.documentElement.clientHeight;
+  return el.offsetHeight;
+}
+function getDocSize() {
+  const width = Math.max(document.documentElement.scrollWidth, document.body.scrollWidth);
+  const height = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight);
+  return {
+    width,
+    height
+  };
+}
+function getClientSize() {
+  const width = document.documentElement.clientWidth;
+  const height = window.innerHeight || document.documentElement.clientHeight;
+  return {
+    width,
+    height
+  };
+}
+function getScroll() {
+  return {
+    scrollLeft: Math.max(document.documentElement.scrollLeft, document.body.scrollLeft),
+    scrollTop: Math.max(document.documentElement.scrollTop, document.body.scrollTop)
+  };
+}
+function getOffset(node) {
+  const box = node.getBoundingClientRect();
+  const docElem = document.documentElement;
+  return {
+    left: box.left + (window.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || document.body.clientLeft || 0),
+    top: box.top + (window.pageYOffset || docElem.scrollTop) - (docElem.clientTop || document.body.clientTop || 0)
+  };
+}
+exports.get = get;
+exports.getClientSize = getClientSize;
+exports.getDocSize = getDocSize;
+exports.getOffset = getOffset;
+exports.getOuterHeight = getOuterHeight;
+exports.getOuterWidth = getOuterWidth;
+exports.getScroll = getScroll;
+exports.set = set;

package/dist/Dom/css.js

@@ -1,75 +1,96 @@
-const l = /margin|padding|width|height|max|min|offset/, i = {
-  left: !0,
-  top: !0
-}, u = {
+const PIXEL_PATTERN = /margin|padding|width|height|max|min|offset/;
+const removePixel = {
+  left: true,
+  top: true
+};
+const floatMap = {
   cssFloat: 1,
   styleFloat: 1,
   float: 1
 };
-function r(e) {
-  return e.nodeType === 1 ? e.ownerDocument.defaultView.getComputedStyle(e, null) : {};
+function getComputedStyle(node) {
+  return node.nodeType === 1 ? node.ownerDocument.defaultView.getComputedStyle(node, null) : {};
 }
-function s(e, t, o) {
-  if (t = t.toLowerCase(), o === "auto") {
-    if (t === "height")
-      return e.offsetHeight;
-    if (t === "width")
-      return e.offsetWidth;
+function getStyleValue(node, type, value) {
+  type = type.toLowerCase();
+  if (value === "auto") {
+    if (type === "height")
+      return node.offsetHeight;
+    if (type === "width")
+      return node.offsetWidth;
   }
-  return t in i || (i[t] = l.test(t)), i[t] ? Number.parseFloat(o) || 0 : o;
+  if (!(type in removePixel))
+    removePixel[type] = PIXEL_PATTERN.test(type);
+  return removePixel[type] ? Number.parseFloat(value) || 0 : value;
 }
-function d(e, t) {
-  const o = arguments.length, n = r(e);
-  return t = u[t] ? "cssFloat" in e.style ? "cssFloat" : "styleFloat" : t, o === 1 ? n : s(e, t, n[t] || e.style[t]);
+function get(node, name) {
+  const length = arguments.length;
+  const style = getComputedStyle(node);
+  name = floatMap[name] ? "cssFloat" in node.style ? "cssFloat" : "styleFloat" : name;
+  return length === 1 ? style : getStyleValue(node, name, style[name] || node.style[name]);
 }
-function f(e, t, o) {
-  const n = arguments.length;
-  if (t = u[t] ? "cssFloat" in e.style ? "cssFloat" : "styleFloat" : t, n === 3)
-    return typeof o == "number" && l.test(t) && (o = `${o}px`), e.style[t] = o, o;
-  for (const c in t)
-    c in t && f(e, c, t[c]);
-  return r(e);
+function set(node, name, value) {
+  const length = arguments.length;
+  name = floatMap[name] ? "cssFloat" in node.style ? "cssFloat" : "styleFloat" : name;
+  if (length === 3) {
+    if (typeof value === "number" && PIXEL_PATTERN.test(name))
+      value = `${value}px`;
+    node.style[name] = value;
+    return value;
+  }
+  for (const x in name) {
+    if (x in name)
+      set(node, x, name[x]);
+  }
+  return getComputedStyle(node);
 }
-function m(e) {
-  return e === document.body ? document.documentElement.clientWidth : e.offsetWidth;
+function getOuterWidth(el) {
+  if (el === document.body)
+    return document.documentElement.clientWidth;
+  return el.offsetWidth;
 }
-function h(e) {
-  return e === document.body ? window.innerHeight || document.documentElement.clientHeight : e.offsetHeight;
+function getOuterHeight(el) {
+  if (el === document.body)
+    return window.innerHeight || document.documentElement.clientHeight;
+  return el.offsetHeight;
 }
-function g() {
-  const e = Math.max(document.documentElement.scrollWidth, document.body.scrollWidth), t = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight);
+function getDocSize() {
+  const width = Math.max(document.documentElement.scrollWidth, document.body.scrollWidth);
+  const height = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight);
   return {
-    width: e,
-    height: t
+    width,
+    height
   };
 }
-function w() {
-  const e = document.documentElement.clientWidth, t = window.innerHeight || document.documentElement.clientHeight;
+function getClientSize() {
+  const width = document.documentElement.clientWidth;
+  const height = window.innerHeight || document.documentElement.clientHeight;
   return {
-    width: e,
-    height: t
+    width,
+    height
   };
 }
-function a() {
+function getScroll() {
   return {
     scrollLeft: Math.max(document.documentElement.scrollLeft, document.body.scrollLeft),
     scrollTop: Math.max(document.documentElement.scrollTop, document.body.scrollTop)
   };
 }
-function y(e) {
-  const t = e.getBoundingClientRect(), o = document.documentElement;
+function getOffset(node) {
+  const box = node.getBoundingClientRect();
+  const docElem = document.documentElement;
   return {
-    left: t.left + (window.pageXOffset || o.scrollLeft) - (o.clientLeft || document.body.clientLeft || 0),
-    top: t.top + (window.pageYOffset || o.scrollTop) - (o.clientTop || document.body.clientTop || 0)
+    left: box.left + (window.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || document.body.clientLeft || 0),
+    top: box.top + (window.pageYOffset || docElem.scrollTop) - (docElem.clientTop || document.body.clientTop || 0)
   };
 }
 export {
-  d as get,
-  w as getClientSize,
-  g as getDocSize,
-  y as getOffset,
-  h as getOuterHeight,
-  m as getOuterWidth,
-  a as getScroll,
-  f as set
+  get,
+  getClientSize,
+  getDocSize,
+  getOffset,
+  getOuterHeight,
+  getOuterWidth,
+  getScroll,
+  set
 };

package/dist/Dom/dynamicCSS.cjs

@@ -1 +1,110 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("./canUseDom.cjs"),N=require("./contains.cjs"),h="data-vc-order",C="data-vc-priority",v="vc-util-key",a=new Map;function p({mark:e}={}){return e?e.startsWith("data-")?e:`data-${e}`:v}function s(e){return e.attachTo?e.attachTo:document.querySelector("head")||document.body}function P(e){return e==="queue"?"prependQueue":e?"prepend":"append"}function g(e){return Array.from((a.get(e)||e).children).filter(n=>n.tagName==="STYLE")}function f(e,n={}){if(!A.default())return null;const{csp:t,prepend:c,priority:r=0}=n,o=P(c),l=o==="prependQueue",i=document.createElement("style");i.setAttribute(h,o),l&&r&&i.setAttribute(C,`${r}`),t?.nonce&&(i.nonce=t?.nonce),i.innerHTML=e;const u=s(n),{firstChild:m}=u;if(c){if(l){const d=g(u).filter(S=>{if(!["prepend","prependQueue"].includes(S.getAttribute(h)))return!1;const b=Number(S.getAttribute(C)||0);return r>=b});if(d.length)return u.insertBefore(i,d[d.length-1].nextSibling),i}u.insertBefore(i,m)}else u.appendChild(i);return i}function y(e,n={}){const t=s(n);return g(t).find(c=>c.getAttribute(p(n))===e)}function T(e,n={}){const t=y(e,n);t&&s(n).removeChild(t)}function E(e,n){const t=a.get(e);if(!t||!N.default(document,t)){const c=f("",n),{parentNode:r}=c;a.set(e,r),e.removeChild(c)}}function M(){a.clear()}function R(e,n,t={}){const c=s(t);E(c,t);const r=y(n,t);if(r)return t.csp?.nonce&&r.nonce!==t.csp?.nonce&&(r.nonce=t.csp?.nonce),r.innerHTML!==e&&(r.innerHTML=e),r;const o=f(e,t);return o.setAttribute(p(t),n),o}exports.clearContainerCache=M;exports.injectCSS=f;exports.removeCSS=T;exports.updateCSS=R;
+"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();
+function getMark({ mark } = {}) {
+  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;
+}
+function getOrder(prepend) {
+  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");
+}
+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;
+}
+function findExistNode(key, option = {}) {
+  const container = getContainer(option);
+  return findStyles(container).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);
+  }
+}
+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);
+  }
+}
+function clearContainerCache() {
+  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;
+}
+exports.clearContainerCache = clearContainerCache;
+exports.injectCSS = injectCSS;
+exports.removeCSS = removeCSS;
+exports.updateCSS = updateCSS;