| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 | 
							- import { isClient, isNumber } from '@vueuse/core';
 
- import { isStringNumber } from '../types.mjs';
 
- import '../strings.mjs';
 
- import { entriesOf, keysOf } from '../objects.mjs';
 
- import { debugWarn } from '../error.mjs';
 
- import { camelize, isObject, isString } from '@vue/shared';
 
- const SCOPE = "utils/dom/style";
 
- const classNameToArray = (cls = "") => cls.split(" ").filter((item) => !!item.trim());
 
- const hasClass = (el, cls) => {
 
-   if (!el || !cls)
 
-     return false;
 
-   if (cls.includes(" "))
 
-     throw new Error("className should not contain space.");
 
-   return el.classList.contains(cls);
 
- };
 
- const addClass = (el, cls) => {
 
-   if (!el || !cls.trim())
 
-     return;
 
-   el.classList.add(...classNameToArray(cls));
 
- };
 
- const removeClass = (el, cls) => {
 
-   if (!el || !cls.trim())
 
-     return;
 
-   el.classList.remove(...classNameToArray(cls));
 
- };
 
- const getStyle = (element, styleName) => {
 
-   var _a;
 
-   if (!isClient || !element || !styleName)
 
-     return "";
 
-   let key = camelize(styleName);
 
-   if (key === "float")
 
-     key = "cssFloat";
 
-   try {
 
-     const style = element.style[key];
 
-     if (style)
 
-       return style;
 
-     const computed = (_a = document.defaultView) == null ? void 0 : _a.getComputedStyle(element, "");
 
-     return computed ? computed[key] : "";
 
-   } catch (e) {
 
-     return element.style[key];
 
-   }
 
- };
 
- const setStyle = (element, styleName, value) => {
 
-   if (!element || !styleName)
 
-     return;
 
-   if (isObject(styleName)) {
 
-     entriesOf(styleName).forEach(([prop, value2]) => setStyle(element, prop, value2));
 
-   } else {
 
-     const key = camelize(styleName);
 
-     element.style[key] = value;
 
-   }
 
- };
 
- const removeStyle = (element, style) => {
 
-   if (!element || !style)
 
-     return;
 
-   if (isObject(style)) {
 
-     keysOf(style).forEach((prop) => removeStyle(element, prop));
 
-   } else {
 
-     setStyle(element, style, "");
 
-   }
 
- };
 
- function addUnit(value, defaultUnit = "px") {
 
-   if (!value)
 
-     return "";
 
-   if (isNumber(value) || isStringNumber(value)) {
 
-     return `${value}${defaultUnit}`;
 
-   } else if (isString(value)) {
 
-     return value;
 
-   }
 
-   debugWarn(SCOPE, "binding value must be a string or number");
 
- }
 
- export { addClass, addUnit, classNameToArray, getStyle, hasClass, removeClass, removeStyle, setStyle };
 
- //# sourceMappingURL=style.mjs.map
 
 
  |