@v-c/util 0.0.12 → 0.0.14

package/dist/Children/isFragment.cjs

@@ -1 +1,5 @@
-"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;
+let vue = require("vue");
+function isFragment(node) {
+	return (0, vue.isVNode)(node) && node.type === vue.Fragment;
+}
+exports.isFragment = isFragment;

package/dist/Children/isFragment.js

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

package/dist/Children/toArray.cjs

@@ -1 +1,13 @@
-"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;
+const require_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 (require_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,13 @@
-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
-};
+export { toArray };

package/dist/Dom/addEventListener.cjs

@@ -1 +1,8 @@
-"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;
+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,8 @@
-function o(...i) {
-  const [e, t, n, r] = i;
-  return e?.addEventListener && e.addEventListener(t, n, r), {
-    remove() {
-      e?.removeEventListener?.(t, n, r);
-    }
-  };
+function addEventListener(...args) {
+	const [target, eventType, cb, option] = args;
+	if (target?.addEventListener) target.addEventListener(eventType, cb, option);
+	return { remove() {
+		target?.removeEventListener?.(eventType, cb, option);
+	} };
 }
-export {
-  o as addEventListener
-};
+export { addEventListener };

package/dist/Dom/canUseDom.cjs

@@ -1 +1,5 @@
-"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;
+Object.defineProperty(exports, "__esModule", { value: true });
+function canUseDom() {
+	return !!(typeof window !== "undefined" && window.document && window.document.createElement);
+}
+exports.default = canUseDom;

package/dist/Dom/canUseDom.js

@@ -1,6 +1,4 @@
-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
-};
+export { canUseDom as default };

package/dist/Dom/class.cjs

@@ -1 +1,15 @@
-"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;
+function hasClass(node, className) {
+	if (node.classList) return node.classList.contains(className);
+	return ` ${node.className} `.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)) node.className = ` ${node.className} `.replace(` ${className} `, " ");
+}
+exports.addClass = addClass;
+exports.hasClass = hasClass;
+exports.removeClass = removeClass;

package/dist/Dom/class.js

@@ -1,19 +1,13 @@
-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);
+	return ` ${node.className} `.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)) node.className = ` ${node.className} `.replace(` ${className} `, " ");
 }
-export {
-  t as addClass,
-  l as hasClass,
-  c as removeClass
-};
+export { addClass, hasClass, removeClass };

package/dist/Dom/contains.cjs

@@ -1 +1,12 @@
-"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;
+Object.defineProperty(exports, "__esModule", { value: true });
+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,11 @@
-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;
-  }
-  return !1;
+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;
 }
-export {
-  a as default
-};
+export { contains as default };

package/dist/Dom/css.cjs

@@ -1 +1,81 @@
-"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;
+var PIXEL_PATTERN = /margin|padding|width|height|max|min|offset/;
+var removePixel = {
+	left: true,
+	top: true
+};
+var 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() {
+	return {
+		width: Math.max(document.documentElement.scrollWidth, document.body.scrollWidth),
+		height: Math.max(document.documentElement.scrollHeight, document.body.scrollHeight)
+	};
+}
+function getClientSize() {
+	return {
+		width: document.documentElement.clientWidth,
+		height: window.innerHeight || document.documentElement.clientHeight
+	};
+}
+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,74 @@
-const l = /margin|padding|width|height|max|min|offset/, i = {
-  left: !0,
-  top: !0
-}, u = {
-  cssFloat: 1,
-  styleFloat: 1,
-  float: 1
+var PIXEL_PATTERN = /margin|padding|width|height|max|min|offset/;
+var removePixel = {
+	left: true,
+	top: true
 };
-function r(e) {
-  return e.nodeType === 1 ? e.ownerDocument.defaultView.getComputedStyle(e, null) : {};
+var floatMap = {
+	cssFloat: 1,
+	styleFloat: 1,
+	float: 1
+};
+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;
-  }
-  return t in i || (i[t] = l.test(t)), i[t] ? Number.parseFloat(o) || 0 : o;
+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 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);
-  return {
-    width: e,
-    height: t
-  };
+function getDocSize() {
+	return {
+		width: Math.max(document.documentElement.scrollWidth, document.body.scrollWidth),
+		height: Math.max(document.documentElement.scrollHeight, document.body.scrollHeight)
+	};
 }
-function w() {
-  const e = document.documentElement.clientWidth, t = window.innerHeight || document.documentElement.clientHeight;
-  return {
-    width: e,
-    height: t
-  };
+function getClientSize() {
+	return {
+		width: document.documentElement.clientWidth,
+		height: window.innerHeight || document.documentElement.clientHeight
+	};
 }
-function a() {
-  return {
-    scrollLeft: Math.max(document.documentElement.scrollLeft, document.body.scrollLeft),
-    scrollTop: Math.max(document.documentElement.scrollTop, document.body.scrollTop)
-  };
+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;
-  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)
-  };
+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)
+	};
 }
-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
-};
+export { get, getClientSize, getDocSize, getOffset, getOuterHeight, getOuterWidth, getScroll, set };

package/dist/Dom/dynamicCSS.cjs

@@ -1 +1,83 @@
-"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;
+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;
+}
+function getContainer(option) {
+	if (option.attachTo) return option.attachTo;
+	return document.querySelector("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 (!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 = {}) {
+	return findStyles(getContainer(option)).find((node) => node.getAttribute(getMark(option)) === key);
+}
+function removeCSS(key, option = {}) {
+	const existNode = findExistNode(key, option);
+	if (existNode) getContainer(option).removeChild(existNode);
+}
+function syncRealContainer(container, option) {
+	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();
+}
+function updateCSS(css, key, option = {}) {
+	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;
+exports.removeCSS = removeCSS;
+exports.updateCSS = updateCSS;