@evance/evance-ui 1.0.39 → 1.0.41

package/dist/esm/src/util/animate.mjs

@@ -0,0 +1,88 @@
+/*! Evance UI v1.0.40 | MIT License */
+import { isEmpty } from "./is-functions.mjs";
+function animate(el, keyframes, options) {
+  if (typeof Animation === "undefined" || isEmpty(el.animate)) {
+    return animateFinished;
+  }
+  let animation;
+  try {
+    animation = el.animate(keyframes, options);
+  } catch (e) {
+    return animateFinished;
+  }
+  if (!("finished" in Animation.prototype) || isEmpty(animation.finished)) {
+    animation.finished = new Promise((resolve) => {
+      animation.onfinish = () => {
+        resolve(animation);
+      };
+    });
+  }
+  if (!("cancel" in Animation.prototype) || isEmpty(animation.cancel)) {
+    animation.cancel = new Promise((resolve, reject) => {
+      animation.oncancel = () => {
+        reject(animation);
+      };
+    });
+  }
+  return animation;
+}
+const animateFinished = {
+  finished: Promise.resolve()
+};
+function clickBlockedAnimation(el) {
+  if (isEmpty(el)) {
+    return null;
+  }
+  return animate(
+    el,
+    [
+      { transformOrigin: "center" },
+      { transform: "scale(1.05) translateY(-3px)" },
+      { transformOrigin: "center" }
+    ],
+    {
+      duration: 250,
+      easing: "cubic-bezier(0.4, 0, 0.2, 1)"
+    }
+  );
+}
+let clean = true;
+const frames = [];
+function requestNewFrame(callback) {
+  if (!clean || frames.length) {
+    frames.push(callback);
+    run();
+  } else {
+    clean = false;
+    callback();
+    run();
+  }
+}
+let raf = -1;
+function run() {
+  cancelAnimationFrame(raf);
+  raf = requestAnimationFrame(() => {
+    const frame = frames.shift();
+    if (frame) {
+      frame();
+    }
+    if (frames.length) {
+      run();
+    } else {
+      clean = true;
+    }
+  });
+}
+const easingStandard = "cubic-bezier(0.4, 0, 0.2, 1)";
+const easingDecelerate = "cubic-bezier(0.0, 0, 0.2, 1)";
+const easingAccelerate = "cubic-bezier(0.4, 0, 1, 1)";
+export {
+  animate,
+  animateFinished,
+  clickBlockedAnimation,
+  easingAccelerate,
+  easingDecelerate,
+  easingStandard,
+  requestNewFrame
+};
+//# sourceMappingURL=animate.mjs.map

package/dist/esm/src/util/animate.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"animate.mjs","sources":["../../../../src/util/animate.ts"],"sourcesContent":["import { isEmpty } from \"./is-functions\";\n\n/**\n * # Animate\n *\n * We take advantage of the Element interface's animate() method.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/animate\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Keyframe_Formats\n *\n * @param el The element we wish to animate\n * @param keyframes The keyframes to use during animation (see the Keyframes format)\n * @param options An integer duration (in milliseconds), OR an Object containing timing properties\n */\nexport function animate(\n    el: Element,\n    keyframes: Keyframe[] | PropertyIndexedKeyframes | null,\n    options?: number | KeyframeAnimationOptions,\n) {\n    if (typeof Animation === \"undefined\" || isEmpty(el.animate)) {\n        return animateFinished;\n    }\n    let animation: Animation;\n    try {\n        animation = el.animate(keyframes, options);\n    } catch (e) {\n        return animateFinished;\n    }\n    // Polyfill if `finished` is unavailable\n    if (!(\"finished\" in Animation.prototype) || isEmpty(animation.finished)) {\n        (animation as any).finished = new Promise((resolve) => {\n            animation.onfinish = () => {\n                resolve(animation);\n            };\n        });\n    }\n    // Polyfill if `cancel` is unavailable\n    if (!(\"cancel\" in Animation.prototype) || isEmpty(animation.cancel)) {\n        (animation as any).cancel = new Promise((resolve, reject) => {\n            animation.oncancel = () => {\n                reject(animation);\n            };\n        });\n    }\n    return animation;\n}\n\n/**\n * ## Animate Finished\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Animation/finished\n */\nexport const animateFinished = {\n    finished: Promise.resolve(),\n} as const;\n\n/**\n * # Click Blocked Animation\n * @param el\n */\nexport function clickBlockedAnimation(el: HTMLElement | null | undefined) {\n    if (isEmpty(el)) {\n        return null;\n    }\n    return animate(\n        el!,\n        [\n            { transformOrigin: \"center\" },\n            { transform: \"scale(1.05) translateY(-3px)\" },\n            { transformOrigin: \"center\" },\n        ],\n        {\n            duration: 250,\n            easing: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n        },\n    );\n}\n\nlet clean = true;\nconst frames = [] as any[];\n\n/**\n * Schedule a task to run in an animation frame on its own\n * This is useful for heavy tasks that may cause jank if all ran together\n */\nexport function requestNewFrame(callback: () => void) {\n    if (!clean || frames.length) {\n        frames.push(callback);\n        run();\n    } else {\n        clean = false;\n        callback();\n        run();\n    }\n}\n\nlet raf = -1;\nfunction run() {\n    cancelAnimationFrame(raf);\n    raf = requestAnimationFrame(() => {\n        const frame = frames.shift();\n        if (frame) {\n            frame();\n        }\n        if (frames.length) {\n            run();\n        } else {\n            clean = true;\n        }\n    });\n}\n\nexport const easingStandard = \"cubic-bezier(0.4, 0, 0.2, 1)\";\nexport const easingDecelerate = \"cubic-bezier(0.0, 0, 0.2, 1)\"; // Entering\nexport const easingAccelerate = \"cubic-bezier(0.4, 0, 1, 1)\"; // Leaving\n"],"names":[],"mappings":";;AAcgB,SAAA,QACZ,IACA,WACA,SACF;AACE,MAAI,OAAO,cAAc,eAAe,QAAQ,GAAG,OAAO,GAAG;AAClD,WAAA;AAAA,EAAA;AAEP,MAAA;AACA,MAAA;AACY,gBAAA,GAAG,QAAQ,WAAW,OAAO;AAAA,WACpC,GAAG;AACD,WAAA;AAAA,EAAA;AAGX,MAAI,EAAE,cAAc,UAAU,cAAc,QAAQ,UAAU,QAAQ,GAAG;AACpE,cAAkB,WAAW,IAAI,QAAQ,CAAC,YAAY;AACnD,gBAAU,WAAW,MAAM;AACvB,gBAAQ,SAAS;AAAA,MACrB;AAAA,IAAA,CACH;AAAA,EAAA;AAGL,MAAI,EAAE,YAAY,UAAU,cAAc,QAAQ,UAAU,MAAM,GAAG;AAChE,cAAkB,SAAS,IAAI,QAAQ,CAAC,SAAS,WAAW;AACzD,gBAAU,WAAW,MAAM;AACvB,eAAO,SAAS;AAAA,MACpB;AAAA,IAAA,CACH;AAAA,EAAA;AAEE,SAAA;AACX;AAOO,MAAM,kBAAkB;AAAA,EAC3B,UAAU,QAAQ,QAAQ;AAC9B;AAMO,SAAS,sBAAsB,IAAoC;AAClE,MAAA,QAAQ,EAAE,GAAG;AACN,WAAA;AAAA,EAAA;AAEJ,SAAA;AAAA,IACH;AAAA,IACA;AAAA,MACI,EAAE,iBAAiB,SAAS;AAAA,MAC5B,EAAE,WAAW,+BAA+B;AAAA,MAC5C,EAAE,iBAAiB,SAAS;AAAA,IAChC;AAAA,IACA;AAAA,MACI,UAAU;AAAA,MACV,QAAQ;AAAA,IAAA;AAAA,EAEhB;AACJ;AAEA,IAAI,QAAQ;AACZ,MAAM,SAAS,CAAC;AAMT,SAAS,gBAAgB,UAAsB;AAC9C,MAAA,CAAC,SAAS,OAAO,QAAQ;AACzB,WAAO,KAAK,QAAQ;AAChB,QAAA;AAAA,EAAA,OACD;AACK,YAAA;AACC,aAAA;AACL,QAAA;AAAA,EAAA;AAEZ;AAEA,IAAI,MAAM;AACV,SAAS,MAAM;AACX,uBAAqB,GAAG;AACxB,QAAM,sBAAsB,MAAM;AACxB,UAAA,QAAQ,OAAO,MAAM;AAC3B,QAAI,OAAO;AACD,YAAA;AAAA,IAAA;AAEV,QAAI,OAAO,QAAQ;AACX,UAAA;AAAA,IAAA,OACD;AACK,cAAA;AAAA,IAAA;AAAA,EACZ,CACH;AACL;AAEO,MAAM,iBAAiB;AACvB,MAAM,mBAAmB;AACzB,MAAM,mBAAmB;"}

package/dist/esm/src/util/appearance.mjs

@@ -0,0 +1,146 @@
+/*! Evance UI v1.0.40 | MIT License */
+import { propsFactory } from "./props.mjs";
+import { computed, unref } from "vue";
+import { appearanceModifier, variantModifier, makeClassName } from "./modifiers.mjs";
+const Appearance = {
+  default: "default",
+  danger: "danger",
+  information: "information",
+  notice: "notice",
+  primary: "primary",
+  success: "success",
+  warning: "warning"
+};
+const Variant = {
+  default: "default",
+  bold: "bold",
+  outlined: "outlined",
+  subtle: "subtle",
+  tonal: "tonal"
+};
+const makeAppearanceProps = propsFactory(
+  {
+    appearance: {
+      type: String,
+      default: Appearance.default
+    },
+    variant: {
+      type: String,
+      default: Variant.default
+    }
+  },
+  "Appearance"
+);
+function useAppearance(props, group = null, isActive = null, defaultVariant = Variant.default) {
+  const appearanceName = computed(() => {
+    const { appearance } = unref(props);
+    const value = (isActive == null ? void 0 : isActive.value) ? (group == null ? void 0 : group.selectedAppearance.value) ?? appearance : appearance;
+    return value ?? Appearance.default;
+  });
+  const appearanceClass = computed(() => {
+    return appearanceModifier(appearanceName.value);
+  });
+  const variantName = computed(() => {
+    const { variant } = unref(props);
+    let value = (isActive == null ? void 0 : isActive.value) ? (group == null ? void 0 : group.selectedVariant.value) ?? variant : variant;
+    value = value ?? Variant.default;
+    if (appearanceName.value !== Appearance.default && value === Variant.default) {
+      value = defaultVariant;
+    }
+    return value;
+  });
+  const variantClass = computed(() => {
+    return variantModifier(variantName.value);
+  });
+  return {
+    appearance: appearanceName,
+    appearanceClass,
+    variant: variantName,
+    variantClass
+  };
+}
+const InputAppearance = {
+  default: Appearance.default,
+  button: "button",
+  none: "none",
+  subtle: "subtle"
+};
+const makeInputAppearanceProps = propsFactory(
+  {
+    appearance: {
+      type: String,
+      default: InputAppearance.default
+    }
+  },
+  "InputAppearance"
+);
+const InputSize = {
+  default: "medium",
+  xSmall: "x-small",
+  small: "small",
+  medium: "medium",
+  large: "large",
+  xLarge: "x-large"
+};
+const makeInputSizeProps = propsFactory(
+  {
+    size: {
+      type: String,
+      default: InputSize.default
+    }
+  },
+  "InputSize"
+);
+const TextAlign = {
+  default: "left",
+  left: "left",
+  center: "center",
+  right: "right"
+};
+const makeTextAlignProps = propsFactory(
+  {
+    align: {
+      type: String,
+      default: TextAlign.default
+    }
+  },
+  "TextAlign"
+);
+const TextAppearance = {
+  ...Appearance,
+  inverse: "inverse",
+  subtle: "subtle"
+};
+const makeTextAppearanceProps = propsFactory(
+  {
+    appearance: {
+      type: String,
+      default: TextAppearance.default
+    }
+  },
+  "TextAppearance"
+);
+function useTextAppearance(props) {
+  const appearanceClass = computed(() => {
+    return makeClassName(props.appearance, "color", ["default"]);
+  });
+  return {
+    appearanceClass
+  };
+}
+export {
+  Appearance,
+  InputAppearance,
+  InputSize,
+  TextAlign,
+  TextAppearance,
+  Variant,
+  makeAppearanceProps,
+  makeInputAppearanceProps,
+  makeInputSizeProps,
+  makeTextAlignProps,
+  makeTextAppearanceProps,
+  useAppearance,
+  useTextAppearance
+};
+//# sourceMappingURL=appearance.mjs.map

package/dist/esm/src/util/appearance.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance.mjs","sources":["../../../../src/util/appearance.ts"],"sourcesContent":["import { propsFactory } from \"./props\";\r\nimport { computed, MaybeRef, PropType, Ref, unref } from \"vue\";\r\nimport {\r\n    appearanceModifier,\r\n    makeClassName,\r\n    variantModifier,\r\n} from \"@/util/modifiers\";\r\nimport { GroupItemProvide } from \"@/composables/groupItem\";\r\n\r\n/**\r\n * # Appearance\r\n *\r\n * Default appearance keys for\r\n *\r\n */\r\nexport const Appearance = {\r\n    default: \"default\",\r\n    danger: \"danger\",\r\n    information: \"information\",\r\n    notice: \"notice\",\r\n    primary: \"primary\",\r\n    success: \"success\",\r\n    warning: \"warning\",\r\n} as const;\r\n\r\nexport type AppearanceProp = (typeof Appearance)[keyof typeof Appearance];\r\n\r\nexport const Variant = {\r\n    default: \"default\",\r\n    bold: \"bold\",\r\n    outlined: \"outlined\",\r\n    subtle: \"subtle\",\r\n    tonal: \"tonal\",\r\n} as const;\r\n\r\nexport type VariantProp = (typeof Variant)[keyof typeof Variant];\r\n\r\nexport interface AppearanceProps {\r\n    appearance: AppearanceProp;\r\n    variant?: VariantProp;\r\n}\r\n\r\nexport const makeAppearanceProps = propsFactory(\r\n    {\r\n        appearance: {\r\n            type: String as PropType<AppearanceProp>,\r\n            default: Appearance.default,\r\n        },\r\n        variant: {\r\n            type: String as PropType<VariantProp>,\r\n            default: Variant.default,\r\n        },\r\n    },\r\n    \"Appearance\",\r\n);\r\n\r\n/**\r\n * # useAppearance\r\n *\r\n * @param props\r\n * @param group\r\n * @param isActive\r\n * @param defaultVariant\r\n */\r\nexport function useAppearance(\r\n    props: MaybeRef<Partial<AppearanceProps>>,\r\n    group: GroupItemProvide | null = null,\r\n    isActive: Ref<boolean | undefined> | null = null,\r\n    defaultVariant: string = Variant.default,\r\n) {\r\n    const appearanceName = computed(() => {\r\n        const { appearance } = unref(props);\r\n        const value = isActive?.value\r\n            ? group?.selectedAppearance.value ?? appearance\r\n            : appearance;\r\n        return value ?? Appearance.default;\r\n    });\r\n\r\n    // Appearance modifier classes\r\n    const appearanceClass = computed(() => {\r\n        return appearanceModifier(appearanceName.value);\r\n    });\r\n\r\n    const variantName = computed(() => {\r\n        const { variant } = unref(props);\r\n        let value = isActive?.value\r\n            ? group?.selectedVariant.value ?? variant\r\n            : variant;\r\n        value = value ?? Variant.default;\r\n        if (\r\n            appearanceName.value !== Appearance.default &&\r\n            value === Variant.default\r\n        ) {\r\n            value = defaultVariant;\r\n        }\r\n        return value;\r\n    });\r\n\r\n    const variantClass = computed(() => {\r\n        return variantModifier(variantName.value);\r\n    });\r\n\r\n    return {\r\n        appearance: appearanceName,\r\n        appearanceClass,\r\n        variant: variantName,\r\n        variantClass,\r\n    };\r\n}\r\n\r\n/**\r\n * # Input Appearance\r\n */\r\nexport const InputAppearance = {\r\n    default: Appearance.default,\r\n    button: \"button\",\r\n    none: \"none\",\r\n    subtle: \"subtle\",\r\n} as const;\r\n\r\nexport type InputAppearanceProp =\r\n    (typeof InputAppearance)[keyof typeof InputAppearance];\r\n\r\nexport const makeInputAppearanceProps = propsFactory(\r\n    {\r\n        appearance: {\r\n            type: String as PropType<InputAppearanceProp>,\r\n            default: InputAppearance.default,\r\n        },\r\n    },\r\n    \"InputAppearance\",\r\n);\r\n\r\n/**\r\n * # Input Sizes\r\n */\r\nexport const InputSize = {\r\n    default: \"medium\",\r\n    xSmall: \"x-small\",\r\n    small: \"small\",\r\n    medium: \"medium\",\r\n    large: \"large\",\r\n    xLarge: \"x-large\",\r\n} as const;\r\n\r\nexport type InputSizeProp = (typeof InputSize)[keyof typeof InputSize];\r\nexport const makeInputSizeProps = propsFactory(\r\n    {\r\n        size: {\r\n            type: String as PropType<InputSizeProp>,\r\n            default: InputSize.default,\r\n        },\r\n    },\r\n    \"InputSize\",\r\n);\r\n\r\n/**\r\n * # Text Align\r\n */\r\nexport const TextAlign = {\r\n    default: \"left\",\r\n    left: \"left\",\r\n    center: \"center\",\r\n    right: \"right\",\r\n} as const;\r\nexport type TextAlignProp = (typeof TextAlign)[keyof typeof TextAlign];\r\nexport const makeTextAlignProps = propsFactory(\r\n    {\r\n        align: {\r\n            type: String as PropType<TextAlignProp>,\r\n            default: TextAlign.default,\r\n        },\r\n    },\r\n    \"TextAlign\",\r\n);\r\n\r\n/**\r\n * Text Appearance\r\n */\r\nexport const TextAppearance = {\r\n    ...Appearance,\r\n    inverse: \"inverse\",\r\n    subtle: \"subtle\",\r\n} as const;\r\n\r\nexport type TextAppearanceProp =\r\n    (typeof TextAppearance)[keyof typeof TextAppearance];\r\n\r\nexport const makeTextAppearanceProps = propsFactory(\r\n    {\r\n        appearance: {\r\n            type: String as PropType<TextAppearanceProp>,\r\n            default: TextAppearance.default,\r\n        },\r\n    },\r\n    \"TextAppearance\",\r\n);\r\n\r\nexport interface TextAppearanceProps {\r\n    appearance: TextAppearanceProp;\r\n}\r\n\r\nexport function useTextAppearance(\r\n    props: TextAppearanceProps,\r\n) {\r\n    const appearanceClass = computed(() => {\r\n        return makeClassName(props.appearance, \"color\", [\"default\"]);\r\n    });\r\n    return {\r\n        appearanceClass,\r\n    };\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/esm/src/util/array.mjs

@@ -0,0 +1,12 @@
+/*! Evance UI v1.0.40 | MIT License */
+function randomArrayItem(array, emptyValue) {
+  if (array.length === 0) {
+    return emptyValue;
+  }
+  const randomIndex = Math.floor(Math.random() * array.length);
+  return array[randomIndex];
+}
+export {
+  randomArrayItem
+};
+//# sourceMappingURL=array.mjs.map

package/dist/esm/src/util/array.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"array.mjs","sources":["../../../../src/util/array.ts"],"sourcesContent":["/**\n * # randomArrayItem\n *\n * Returns a random element from any array, or `undefined` if the array is empty.\n *\n * You can change the value returned if the array is empty by supplying the `emptyValue`.\n *\n * @param array\n * @param emptyValue\n */\nexport function randomArrayItem(array: any[], emptyValue?: any) {\n    if (array.length === 0) {\n        return emptyValue;\n    }\n    const randomIndex = Math.floor(Math.random() * array.length);\n    return array[randomIndex];\n}\n"],"names":[],"mappings":";AAUgB,SAAA,gBAAgB,OAAc,YAAkB;AACxD,MAAA,MAAM,WAAW,GAAG;AACb,WAAA;AAAA,EAAA;AAEX,QAAM,cAAc,KAAK,MAAM,KAAK,OAAO,IAAI,MAAM,MAAM;AAC3D,SAAO,MAAM,WAAW;AAC5B;"}

package/dist/esm/src/util/bindProps.mjs

@@ -0,0 +1,57 @@
+/*! Evance UI v1.0.40 | MIT License */
+import { isOn } from "./is-functions.mjs";
+import { eventName } from "./events.mjs";
+const handlers = /* @__PURE__ */ new WeakMap();
+function bindProps(el, props) {
+  Object.keys(props).forEach((k) => {
+    var _a;
+    if (isOn(k)) {
+      const name = eventName(k);
+      const handler = handlers.get(el);
+      if (props[k] == null) {
+        handler == null ? void 0 : handler.forEach((v) => {
+          const [n, fn] = v;
+          if (n === name) {
+            el.removeEventListener(name, fn);
+            handler.delete(v);
+          }
+        });
+      } else if (!handler || !((_a = [...handler]) == null ? void 0 : _a.some((v) => v[0] === name && v[1] === props[k]))) {
+        el.addEventListener(name, props[k]);
+        const _handler = handler || /* @__PURE__ */ new Set();
+        _handler.add([name, props[k]]);
+        if (!handlers.has(el)) {
+          handlers.set(el, _handler);
+        }
+      }
+    } else {
+      if (props[k] == null) {
+        el.removeAttribute(k);
+      } else {
+        el.setAttribute(k, props[k]);
+      }
+    }
+  });
+}
+function unbindProps(el, props) {
+  Object.keys(props).forEach((k) => {
+    if (isOn(k)) {
+      const name = eventName(k);
+      const handler = handlers.get(el);
+      handler == null ? void 0 : handler.forEach((v) => {
+        const [n, fn] = v;
+        if (n === name) {
+          el.removeEventListener(name, fn);
+          handler.delete(v);
+        }
+      });
+    } else {
+      el.removeAttribute(k);
+    }
+  });
+}
+export {
+  bindProps,
+  unbindProps
+};
+//# sourceMappingURL=bindProps.mjs.map

package/dist/esm/src/util/bindProps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bindProps.mjs","sources":["../../../../src/util/bindProps.ts"],"sourcesContent":["import { isOn } from \"./is-functions\";\nimport { eventName } from \"./events\";\n\n/**\n * @todo: Move into events at some point\n */\n\nconst handlers = new WeakMap<HTMLElement, Set<[string, () => void]>>();\n\n/**\n * # Bind Props\n * @param el\n * @param props\n */\nexport function bindProps(el: HTMLElement, props: Record<string, any>) {\n    Object.keys(props).forEach((k) => {\n        if (isOn(k)) {\n            const name = eventName(k);\n            const handler = handlers.get(el);\n            if (props[k] == null) {\n                handler?.forEach((v) => {\n                    const [n, fn] = v;\n                    if (n === name) {\n                        el.removeEventListener(name, fn);\n                        handler.delete(v);\n                    }\n                });\n            } else if (\n                !handler ||\n                ![...handler]?.some((v) => v[0] === name && v[1] === props[k])\n            ) {\n                el.addEventListener(name, props[k]);\n                const _handler = handler || new Set();\n                _handler.add([name, props[k]]);\n                if (!handlers.has(el)) {\n                    handlers.set(el, _handler);\n                }\n            }\n        } else {\n            if (props[k] == null) {\n                el.removeAttribute(k);\n            } else {\n                el.setAttribute(k, props[k]);\n            }\n        }\n    });\n}\n\n/**\n * # Unbind Props\n * @param el\n * @param props\n */\nexport function unbindProps(el: HTMLElement, props: Record<string, any>) {\n    Object.keys(props).forEach((k) => {\n        if (isOn(k)) {\n            const name = eventName(k);\n            const handler = handlers.get(el);\n            handler?.forEach((v) => {\n                const [n, fn] = v;\n                if (n === name) {\n                    el.removeEventListener(name, fn);\n                    handler.delete(v);\n                }\n            });\n        } else {\n            el.removeAttribute(k);\n        }\n    });\n}\n"],"names":[],"mappings":";;;AAOA,MAAM,+BAAe,QAAgD;AAOrD,SAAA,UAAU,IAAiB,OAA4B;AACnE,SAAO,KAAK,KAAK,EAAE,QAAQ,CAAC,MAAM;;AAC1B,QAAA,KAAK,CAAC,GAAG;AACH,YAAA,OAAO,UAAU,CAAC;AAClB,YAAA,UAAU,SAAS,IAAI,EAAE;AAC3B,UAAA,MAAM,CAAC,KAAK,MAAM;AACT,2CAAA,QAAQ,CAAC,MAAM;AACd,gBAAA,CAAC,GAAG,EAAE,IAAI;AAChB,cAAI,MAAM,MAAM;AACT,eAAA,oBAAoB,MAAM,EAAE;AAC/B,oBAAQ,OAAO,CAAC;AAAA,UAAA;AAAA,QACpB;AAAA,MACH,WAED,CAAC,WACD,GAAC,MAAC,GAAG,OAAO,MAAX,mBAAc,KAAK,CAAC,MAAM,EAAE,CAAC,MAAM,QAAQ,EAAE,CAAC,MAAM,MAAM,CAAC,KAC9D;AACE,WAAG,iBAAiB,MAAM,MAAM,CAAC,CAAC;AAC5B,cAAA,WAAW,WAAW,oBAAI,IAAI;AACpC,iBAAS,IAAI,CAAC,MAAM,MAAM,CAAC,CAAC,CAAC;AAC7B,YAAI,CAAC,SAAS,IAAI,EAAE,GAAG;AACV,mBAAA,IAAI,IAAI,QAAQ;AAAA,QAAA;AAAA,MAC7B;AAAA,IACJ,OACG;AACC,UAAA,MAAM,CAAC,KAAK,MAAM;AAClB,WAAG,gBAAgB,CAAC;AAAA,MAAA,OACjB;AACH,WAAG,aAAa,GAAG,MAAM,CAAC,CAAC;AAAA,MAAA;AAAA,IAC/B;AAAA,EACJ,CACH;AACL;AAOgB,SAAA,YAAY,IAAiB,OAA4B;AACrE,SAAO,KAAK,KAAK,EAAE,QAAQ,CAAC,MAAM;AAC1B,QAAA,KAAK,CAAC,GAAG;AACH,YAAA,OAAO,UAAU,CAAC;AAClB,YAAA,UAAU,SAAS,IAAI,EAAE;AACtB,yCAAA,QAAQ,CAAC,MAAM;AACd,cAAA,CAAC,GAAG,EAAE,IAAI;AAChB,YAAI,MAAM,MAAM;AACT,aAAA,oBAAoB,MAAM,EAAE;AAC/B,kBAAQ,OAAO,CAAC;AAAA,QAAA;AAAA,MACpB;AAAA,IACH,OACE;AACH,SAAG,gBAAgB,CAAC;AAAA,IAAA;AAAA,EACxB,CACH;AACL;"}

package/dist/esm/src/util/browser.mjs

@@ -0,0 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+/*! Evance UI v1.0.40 | MIT License */
+var _a, _b;
+const _Browser = class _Browser {
+  /**
+   * ## Supports Touch
+   * Added into a static getter method to avoid issues during development when switching between emulators.
+   */
+  static get supportsTouch() {
+    return this.hasWindow && ("ontouchstart" in window || window.navigator.maxTouchPoints > 0);
+  }
+};
+__publicField(_Browser, "hasWindow", typeof window !== "undefined");
+__publicField(_Browser, "supportsIntersection", _Browser.hasWindow && "IntersectionObserver" in window);
+__publicField(_Browser, "supportsFocusVisible", _Browser.hasWindow && ((_b = (_a = window.CSS) == null ? void 0 : _a.supports) == null ? void 0 : _b.call(_a, "selector(:focus-visible)")));
+let Browser = _Browser;
+export {
+  Browser
+};
+//# sourceMappingURL=browser.mjs.map

package/dist/esm/src/util/browser.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser.mjs","sources":["../../../../src/util/browser.ts"],"sourcesContent":["/**\n * # Browser\n */\nexport class Browser {\n    public static readonly hasWindow: boolean = typeof window !== \"undefined\";\n\n    public static readonly supportsIntersection: boolean =\n        this.hasWindow && \"IntersectionObserver\" in window;\n\n    /**\n     * ## Supports Touch\n     * Added into a static getter method to avoid issues during development when switching between emulators.\n     */\n    public static get supportsTouch(): boolean {\n        return (\n            this.hasWindow &&\n            (\"ontouchstart\" in window || window.navigator.maxTouchPoints > 0)\n        );\n    }\n\n    public static readonly supportsFocusVisible: boolean =\n        this.hasWindow && window.CSS?.supports?.(\"selector(:focus-visible)\");\n}\n"],"names":[],"mappings":";;;;;AAGO,MAAM,WAAN,MAAM,SAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAUjB,WAAkB,gBAAyB;AACvC,WACI,KAAK,cACJ,kBAAkB,UAAU,OAAO,UAAU,iBAAiB;AAAA,EAAA;AAM3E;AAlBI,cADS,UACc,aAAqB,OAAO,WAAW;AAE9D,cAHS,UAGc,wBACnB,SAAK,aAAa,0BAA0B;AAahD,cAjBS,UAiBc,wBACnB,SAAK,eAAa,kBAAO,QAAP,mBAAY,aAAZ,4BAAuB;AAlB1C,IAAM,UAAN;"}

package/dist/esm/src/util/children.mjs

@@ -0,0 +1,55 @@
+/*! Evance UI v1.0.40 | MIT License */
+function findChildren(vnode) {
+  var _a;
+  if (!vnode || typeof vnode !== "object") {
+    return [];
+  }
+  if (Array.isArray(vnode)) {
+    return vnode.map((child) => findChildren(child)).filter((v) => v).flat(1);
+  } else if (Array.isArray(vnode.children)) {
+    return vnode.children.map((child) => findChildren(child)).filter((v) => v).flat(1);
+  } else if (vnode.component) {
+    return [vnode.component, ...findChildren((_a = vnode.component) == null ? void 0 : _a.subTree)].filter((v) => v).flat(1);
+  }
+  return [];
+}
+function findChildrenWithProvide(key, vnode) {
+  if (!vnode || typeof vnode !== "object") {
+    return [];
+  }
+  if (Array.isArray(vnode)) {
+    return vnode.map((child) => findChildrenWithProvide(key, child)).flat(1);
+  } else if (Array.isArray(vnode.children)) {
+    return vnode.children.map((child) => findChildrenWithProvide(key, child)).flat(1);
+  } else if (vnode.component) {
+    if (Object.getOwnPropertySymbols(vnode.component.provides).includes(
+      key
+    )) {
+      return [vnode.component];
+    } else if (vnode.component.subTree) {
+      return findChildrenWithProvide(key, vnode.component.subTree).flat(
+        1
+      );
+    }
+  }
+  return [];
+}
+function focusableChildren(el, filterByTabIndex = true) {
+  const targets = [
+    "button",
+    "[href]",
+    'input:not([type="hidden"])',
+    "select",
+    "textarea",
+    "[tabindex]"
+  ].map(
+    (s) => `${s}${filterByTabIndex ? ':not([tabindex="-1"])' : ""}:not([disabled])`
+  ).join(", ");
+  return [...el.querySelectorAll(targets)];
+}
+export {
+  findChildren,
+  findChildrenWithProvide,
+  focusableChildren
+};
+//# sourceMappingURL=children.mjs.map

package/dist/esm/src/util/children.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"children.mjs","sources":["../../../../src/util/children.ts"],"sourcesContent":["import { ComponentInternalInstance, InjectionKey, VNodeChild } from \"vue\";\n\n/**\n * # findChildren\n *\n * @param vnode\n */\nexport function findChildren(vnode?: VNodeChild): ComponentInternalInstance[] {\n    if (!vnode || typeof vnode !== \"object\") {\n        return [];\n    }\n    if (Array.isArray(vnode)) {\n        return vnode\n            .map((child) => findChildren(child))\n            .filter((v) => v)\n            .flat(1);\n    } else if (Array.isArray(vnode.children)) {\n        return vnode.children\n            .map((child) => findChildren(child))\n            .filter((v) => v)\n            .flat(1);\n    } else if (vnode.component) {\n        return [vnode.component, ...findChildren(vnode.component?.subTree)]\n            .filter((v) => v)\n            .flat(1);\n    }\n    return [];\n}\n\n/**\n * # findChildrenWithProvide\n *\n * @param key\n * @param vnode\n */\nexport function findChildrenWithProvide(\n    key: InjectionKey<any> | symbol,\n    vnode?: VNodeChild,\n): ComponentInternalInstance[] {\n    if (!vnode || typeof vnode !== \"object\") {\n        return [];\n    }\n    if (Array.isArray(vnode)) {\n        return vnode\n            .map((child) => findChildrenWithProvide(key, child))\n            .flat(1);\n    } else if (Array.isArray(vnode.children)) {\n        return vnode.children\n            .map((child) => findChildrenWithProvide(key, child))\n            .flat(1);\n    } else if (vnode.component) {\n        if (\n            Object.getOwnPropertySymbols(vnode.component.provides).includes(\n                key as symbol,\n            )\n        ) {\n            return [vnode.component];\n        } else if (vnode.component.subTree) {\n            return findChildrenWithProvide(key, vnode.component.subTree).flat(\n                1,\n            );\n        }\n    }\n    return [];\n}\n\n/**\n * # focusableChildren\n *\n * Find children within the supplied `el` we focus to.\n *\n * @param el\n * @param filterByTabIndex\n */\nexport function focusableChildren(el: Element, filterByTabIndex = true) {\n    const targets = [\n        \"button\",\n        \"[href]\",\n        'input:not([type=\"hidden\"])',\n        \"select\",\n        \"textarea\",\n        \"[tabindex]\",\n    ]\n        .map(\n            (s) =>\n                `${s}${filterByTabIndex ? ':not([tabindex=\"-1\"])' : \"\"}:not([disabled])`,\n        )\n        .join(\", \");\n    return [...el.querySelectorAll(targets)] as HTMLElement[];\n}\n"],"names":[],"mappings":";AAOO,SAAS,aAAa,OAAiD;;AAC1E,MAAI,CAAC,SAAS,OAAO,UAAU,UAAU;AACrC,WAAO,CAAC;AAAA,EAAA;AAER,MAAA,MAAM,QAAQ,KAAK,GAAG;AACtB,WAAO,MACF,IAAI,CAAC,UAAU,aAAa,KAAK,CAAC,EAClC,OAAO,CAAC,MAAM,CAAC,EACf,KAAK,CAAC;AAAA,EACJ,WAAA,MAAM,QAAQ,MAAM,QAAQ,GAAG;AACtC,WAAO,MAAM,SACR,IAAI,CAAC,UAAU,aAAa,KAAK,CAAC,EAClC,OAAO,CAAC,MAAM,CAAC,EACf,KAAK,CAAC;AAAA,EAAA,WACJ,MAAM,WAAW;AACxB,WAAO,CAAC,MAAM,WAAW,GAAG,cAAa,WAAM,cAAN,mBAAiB,OAAO,CAAC,EAC7D,OAAO,CAAC,MAAM,CAAC,EACf,KAAK,CAAC;AAAA,EAAA;AAEf,SAAO,CAAC;AACZ;AAQgB,SAAA,wBACZ,KACA,OAC2B;AAC3B,MAAI,CAAC,SAAS,OAAO,UAAU,UAAU;AACrC,WAAO,CAAC;AAAA,EAAA;AAER,MAAA,MAAM,QAAQ,KAAK,GAAG;AACf,WAAA,MACF,IAAI,CAAC,UAAU,wBAAwB,KAAK,KAAK,CAAC,EAClD,KAAK,CAAC;AAAA,EACJ,WAAA,MAAM,QAAQ,MAAM,QAAQ,GAAG;AAC/B,WAAA,MAAM,SACR,IAAI,CAAC,UAAU,wBAAwB,KAAK,KAAK,CAAC,EAClD,KAAK,CAAC;AAAA,EAAA,WACJ,MAAM,WAAW;AACxB,QACI,OAAO,sBAAsB,MAAM,UAAU,QAAQ,EAAE;AAAA,MACnD;AAAA,IAAA,GAEN;AACS,aAAA,CAAC,MAAM,SAAS;AAAA,IAAA,WAChB,MAAM,UAAU,SAAS;AAChC,aAAO,wBAAwB,KAAK,MAAM,UAAU,OAAO,EAAE;AAAA,QACzD;AAAA,MACJ;AAAA,IAAA;AAAA,EACJ;AAEJ,SAAO,CAAC;AACZ;AAUgB,SAAA,kBAAkB,IAAa,mBAAmB,MAAM;AACpE,QAAM,UAAU;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EAEC;AAAA,IACG,CAAC,MACG,GAAG,CAAC,GAAG,mBAAmB,0BAA0B,EAAE;AAAA,EAAA,EAE7D,KAAK,IAAI;AACd,SAAO,CAAC,GAAG,GAAG,iBAAiB,OAAO,CAAC;AAC3C;"}

package/dist/esm/src/util/components.mjs

@@ -0,0 +1,13 @@
+/*! Evance UI v1.0.40 | MIT License */
+import { getCurrentInstance } from "vue";
+function getCurrentComponent(callee) {
+  const component = getCurrentInstance();
+  if (!component) {
+    throw new Error(`Evance UI: ${callee} requires a component instance`);
+  }
+  return component;
+}
+export {
+  getCurrentComponent
+};
+//# sourceMappingURL=components.mjs.map

package/dist/esm/src/util/components.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.mjs","sources":["../../../../src/util/components.ts"],"sourcesContent":["import { ComponentInternalInstance, getCurrentInstance } from \"vue\";\n\n/**\n * # Get Current Component\n *\n * Gets the current instance of component from vue.\n *\n * @param callee\n */\nexport function getCurrentComponent(callee: string): ComponentInternalInstance {\n    const component = getCurrentInstance();\n    if (!component) {\n        throw new Error(`Evance UI: ${callee} requires a component instance`);\n    }\n    return component;\n}\n"],"names":[],"mappings":";;AASO,SAAS,oBAAoB,QAA2C;AAC3E,QAAM,YAAY,mBAAmB;AACrC,MAAI,CAAC,WAAW;AACZ,UAAM,IAAI,MAAM,cAAc,MAAM,gCAAgC;AAAA,EAAA;AAEjE,SAAA;AACX;"}

package/dist/esm/src/util/console.mjs

@@ -0,0 +1,12 @@
+/*! Evance UI v1.0.40 | MIT License */
+function consoleWarn(message) {
+  console.warn(`Evance UI: ${message}`);
+}
+function consoleError(message) {
+  console.error(`Evance UI: ${message}`);
+}
+export {
+  consoleError,
+  consoleWarn
+};
+//# sourceMappingURL=console.mjs.map

package/dist/esm/src/util/console.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"console.mjs","sources":["../../../../src/util/console.ts"],"sourcesContent":["/**\n * # Console Warn\n * @param message\n */\nexport function consoleWarn(message: string): void {\n    console.warn(`Evance UI: ${message}`);\n}\n\n/**\n * # Console Error\n * @param message\n */\nexport function consoleError(message: string): void {\n    console.error(`Evance UI: ${message}`);\n}\n"],"names":[],"mappings":";AAIO,SAAS,YAAY,SAAuB;AACvC,UAAA,KAAK,cAAc,OAAO,EAAE;AACxC;AAMO,SAAS,aAAa,SAAuB;AACxC,UAAA,MAAM,cAAc,OAAO,EAAE;AACzC;"}

package/dist/esm/src/util/dimensions.mjs

@@ -0,0 +1,110 @@
+/*! Evance UI v1.0.40 | MIT License */
+const axes = ["x", "y"];
+class Rect {
+  constructor(x, y, width, height) {
+    this.x = x;
+    this.y = y;
+    this.width = width;
+    this.height = height;
+  }
+  get top() {
+    return this.y;
+  }
+  get bottom() {
+    return this.y + this.height;
+  }
+  get left() {
+    return this.x;
+  }
+  get right() {
+    return this.x + this.width;
+  }
+  /**
+   * ## Add Offset
+   * @param offset
+   */
+  addOffset(offset) {
+    const rect = Rect.fromRect(this);
+    rect.x += offset.x;
+    rect.y += offset.y;
+    return rect;
+  }
+  /**
+   * ## From Element
+   * @param el
+   * @param beforeTransforms
+   */
+  static fromElement(el, beforeTransforms = false) {
+    if (!beforeTransforms) {
+      return Rect.fromRect(el.getBoundingClientRect());
+    }
+    return adjustedBoundingRect(el);
+  }
+  /**
+   * ## From Rect
+   * Kind of replicates DOMRect.fromRect()
+   * @see https://developer.mozilla.org/en-US/docs/Web/API/DOMRect/fromRect_static
+   * @param rect
+   */
+  static fromRect(rect) {
+    return new Rect(rect.x, rect.y, rect.width, rect.height);
+  }
+  /**
+   * ## Get Overflow
+   * Returns the overflow margins based on a second Rect.
+   * @param b
+   */
+  getOverflow(b) {
+    return {
+      top: Math.max(0, b.top - this.top),
+      right: Math.max(0, this.right - b.right),
+      bottom: Math.max(0, this.bottom - b.bottom),
+      left: Math.max(0, b.left - this.left)
+    };
+  }
+}
+function adjustedBoundingRect(el) {
+  const rect = el.getBoundingClientRect();
+  const style = getComputedStyle(el);
+  const tx = style.transform;
+  if (tx) {
+    let ta, sx, sy, dx, dy;
+    if (tx.startsWith("matrix3d(")) {
+      ta = tx.slice(9, -1).split(/, /);
+      sx = +ta[0];
+      sy = +ta[5];
+      dx = +ta[12];
+      dy = +ta[13];
+    } else if (tx.startsWith("matrix(")) {
+      ta = tx.slice(7, -1).split(/, /);
+      sx = +ta[0];
+      sy = +ta[3];
+      dx = +ta[4];
+      dy = +ta[5];
+    } else {
+      return Rect.fromRect(rect);
+    }
+    const to = style.transformOrigin;
+    const x = rect.x - dx - (1 - sx) * parseFloat(to);
+    const y = rect.y - dy - (1 - sy) * parseFloat(to.slice(to.indexOf(" ") + 1));
+    const w = sx ? rect.width / sx : el.offsetWidth + 1;
+    const h = sy ? rect.height / sy : el.offsetHeight + 1;
+    return new Rect(x, y, w, h);
+  } else {
+    return Rect.fromRect(rect);
+  }
+}
+function getTargetRect(target) {
+  if (Array.isArray(target)) {
+    return new Rect(target[0], target[1], 0, 0);
+  } else {
+    return target.getBoundingClientRect();
+  }
+}
+export {
+  Rect,
+  adjustedBoundingRect,
+  axes,
+  getTargetRect
+};
+//# sourceMappingURL=dimensions.mjs.map

package/dist/esm/src/util/dimensions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dimensions.mjs","sources":["../../../../src/util/dimensions.ts"],"sourcesContent":["export const axes = [\"x\", \"y\"] as const;\nexport type Axis = (typeof axes)[number];\n\n/**\n * # Coordinates\n * Two-dimensional coordinates (x,y).\n */\nexport interface Coordinates {\n    x: number;\n    y: number;\n}\n\n/**\n * # Dimensions\n */\nexport interface Dimensions {\n    width: number;\n    height: number;\n}\n\n/**\n * # Position\n * Representative of an element's position attributes describing the bounding area of a box.\n */\nexport interface Position {\n    top: number;\n    right: number;\n    bottom: number;\n    left: number;\n}\n\n/**\n * # Margins\n * Essentially the same as Position, but is intended to describe areas outside the box\n * (same as CSS `margin`).\n */\nexport type Margins = Position;\n\nexport interface RectProps extends Coordinates, Dimensions {}\n\n/**\n * # Rect\n *\n * Describes a bounding rectangle a bit like DOMRect, but not readonly.\n */\nexport class Rect implements Coordinates, Dimensions, Position {\n    constructor(\n        public x: number,\n        public y: number,\n        public width: number,\n        public height: number,\n    ) {}\n\n    get top() {\n        return this.y;\n    }\n\n    get bottom() {\n        return this.y + this.height;\n    }\n\n    get left() {\n        return this.x;\n    }\n\n    get right() {\n        return this.x + this.width;\n    }\n\n    /**\n     * ## Add Offset\n     * @param offset\n     */\n    public addOffset(offset: Coordinates): Rect {\n        const rect = Rect.fromRect(this);\n        rect.x += offset.x;\n        rect.y += offset.y;\n        return rect;\n    }\n\n    /**\n     * ## From Element\n     * @param el\n     * @param beforeTransforms\n     */\n    public static fromElement(\n        el: HTMLElement,\n        beforeTransforms: boolean = false,\n    ): Rect {\n        if (!beforeTransforms) {\n            return Rect.fromRect(el.getBoundingClientRect());\n        }\n        return adjustedBoundingRect(el);\n    }\n\n    /**\n     * ## From Rect\n     * Kind of replicates DOMRect.fromRect()\n     * @see https://developer.mozilla.org/en-US/docs/Web/API/DOMRect/fromRect_static\n     * @param rect\n     */\n    public static fromRect(rect: DOMRect | Rect | RectProps): Rect {\n        return new Rect(rect.x, rect.y, rect.width, rect.height);\n    }\n\n    /**\n     * ## Get Overflow\n     * Returns the overflow margins based on a second Rect.\n     * @param b\n     */\n    public getOverflow(b: Rect): Margins {\n        return {\n            top: Math.max(0, b.top - this.top),\n            right: Math.max(0, this.right - b.right),\n            bottom: Math.max(0, this.bottom - b.bottom),\n            left: Math.max(0, b.left - this.left),\n        };\n    }\n}\n\n/**\n * # Adjust Bounding Rect\n *\n * Calculate Bounding Rect before being transformed.\n *\n * This doesn't account for skew or rotate translations, but at least it produces correct edge positions\n * when scale is used and does not impose much of a performance penalty when there is no transform.\n *\n * @see https://stackoverflow.com/a/57876601/2074736\n */\nexport function adjustedBoundingRect(el: HTMLElement): Rect {\n    const rect = el.getBoundingClientRect();\n    const style = getComputedStyle(el);\n    const tx = style.transform;\n\n    if (tx) {\n        let ta, sx, sy, dx, dy;\n        if (tx.startsWith(\"matrix3d(\")) {\n            ta = tx.slice(9, -1).split(/, /);\n            sx = +ta[0];\n            sy = +ta[5];\n            dx = +ta[12];\n            dy = +ta[13];\n        } else if (tx.startsWith(\"matrix(\")) {\n            ta = tx.slice(7, -1).split(/, /);\n            sx = +ta[0];\n            sy = +ta[3];\n            dx = +ta[4];\n            dy = +ta[5];\n        } else {\n            return Rect.fromRect(rect);\n        }\n\n        const to = style.transformOrigin;\n        const x = rect.x - dx - (1 - sx) * parseFloat(to);\n        const y =\n            rect.y - dy - (1 - sy) * parseFloat(to.slice(to.indexOf(\" \") + 1));\n        const w = sx ? rect.width / sx : el.offsetWidth + 1;\n        const h = sy ? rect.height / sy : el.offsetHeight + 1;\n\n        return new Rect(x, y, w, h);\n    } else {\n        return Rect.fromRect(rect);\n    }\n}\n\n/**\n * # getTargetRect\n *\n * @param target\n */\nexport function getTargetRect(target: HTMLElement | [x: number, y: number]) {\n    if (Array.isArray(target)) {\n        return new Rect(target[0], target[1], 0, 0);\n    } else {\n        return target.getBoundingClientRect();\n    }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/src/util/dom/getOuterHeight.mjs

@@ -0,0 +1,17 @@
+/*! Evance UI v1.0.40 | MIT License */
+function getOuterHeight(element, margin) {
+  if (element) {
+    let height = element.offsetHeight;
+    if (margin) {
+      const style = getComputedStyle(element);
+      height += parseFloat(style.marginTop);
+      height += parseFloat(style.marginBottom);
+    }
+    return height;
+  }
+  return 0;
+}
+export {
+  getOuterHeight as default
+};
+//# sourceMappingURL=getOuterHeight.mjs.map

package/dist/esm/src/util/dom/getOuterHeight.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getOuterHeight.mjs","sources":["../../../../../src/util/dom/getOuterHeight.ts"],"sourcesContent":["export default function getOuterHeight(\n    element: HTMLElement,\n    margin?: boolean,\n): number {\n    if (element) {\n        let height = element.offsetHeight;\n        if (margin) {\n            const style = getComputedStyle(element);\n            height += parseFloat(style.marginTop);\n            height += parseFloat(style.marginBottom);\n        }\n        return height;\n    }\n    return 0;\n}\n"],"names":[],"mappings":";AAAwB,SAAA,eACpB,SACA,QACM;AACN,MAAI,SAAS;AACT,QAAI,SAAS,QAAQ;AACrB,QAAI,QAAQ;AACF,YAAA,QAAQ,iBAAiB,OAAO;AAC5B,gBAAA,WAAW,MAAM,SAAS;AAC1B,gBAAA,WAAW,MAAM,YAAY;AAAA,IAAA;AAEpC,WAAA;AAAA,EAAA;AAEJ,SAAA;AACX;"}

package/dist/esm/src/util/dom/getOuterWidth.mjs

@@ -0,0 +1,17 @@
+/*! Evance UI v1.0.40 | MIT License */
+function getOuterWidth(element, margin) {
+  if (element instanceof HTMLElement) {
+    let width = element.offsetWidth;
+    if (margin) {
+      const style = getComputedStyle(element);
+      width += parseFloat(style.marginLeft);
+      width += parseFloat(style.marginRight);
+    }
+    return width;
+  }
+  return 0;
+}
+export {
+  getOuterWidth as default
+};
+//# sourceMappingURL=getOuterWidth.mjs.map

package/dist/esm/src/util/dom/getOuterWidth.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getOuterWidth.mjs","sources":["../../../../../src/util/dom/getOuterWidth.ts"],"sourcesContent":["export default function getOuterWidth(\n    element: unknown,\n    margin?: boolean,\n): number {\n    if (element instanceof HTMLElement) {\n        let width = element.offsetWidth;\n        if (margin) {\n            const style = getComputedStyle(element);\n            width += parseFloat(style.marginLeft);\n            width += parseFloat(style.marginRight);\n        }\n        return width;\n    }\n    return 0;\n}\n"],"names":[],"mappings":";AAAwB,SAAA,cACpB,SACA,QACM;AACN,MAAI,mBAAmB,aAAa;AAChC,QAAI,QAAQ,QAAQ;AACpB,QAAI,QAAQ;AACF,YAAA,QAAQ,iBAAiB,OAAO;AAC7B,eAAA,WAAW,MAAM,UAAU;AAC3B,eAAA,WAAW,MAAM,WAAW;AAAA,IAAA;AAElC,WAAA;AAAA,EAAA;AAEJ,SAAA;AACX;"}