@onereach/ui-components-vue2 20.1.1 → 20.1.3

package/dist/esm/useValidationAttributes-Cilw02AC-255a86e4.js

@@ -0,0 +1,209 @@
+import { useAttrs, computed, inject, isRef, ref, watch, getCurrentInstance, onMounted } from 'vue-demi';
+import { b } from './dom-DzNS5tBj-6d9cf0ef.js';
+import { useMutationObserver, useResizeObserver, refDebounced, useMediaQuery } from '@vueuse/core';
+import O from '@onereach/styles/screens.json';
+import L from '@onereach/styles/tailwind.config.json';
+
+var r = /* @__PURE__ */ ((u) => (u.Short = "short", u.Medium = "medium", u.Long = "long", u))(r || {}), h = /* @__PURE__ */ ((u) => (u.Auto = "auto", u.H12 = "h12", u.H23 = "h23", u))(h || {});
+
+function i(e) {
+  return e.offsetWidth > 0 && e.offsetHeight > 0;
+}
+function l(e) {
+  const s = document.body.querySelectorAll("*"), n = [];
+  for (const t of s)
+    if (!t.isEqualNode(e) && i(t)) {
+      const o = getComputedStyle(t, null).getPropertyValue("z-index");
+      o !== null && o !== "auto" && n.push(parseInt(o));
+    }
+  return n;
+}
+
+const k = () => {
+  const e = useAttrs();
+  return {
+    readonly: computed(() => e.readonly),
+    disabled: computed(() => e.disabled),
+    "force-state": computed(() => e["force-state"])
+  };
+}, V = Symbol(), U = Symbol(), q = Symbol(), G = (e) => computed(() => e.value ?? inject(V, r.Short)), J = (e, t) => computed(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
+  dateStyle: e.value,
+  timeZone: "UTC"
+}).formatToParts(Date.UTC(1, 0, 1, 1, 1)).reduce((r, n) => {
+  switch (n.type) {
+    case "year":
+      return r + n.value.replace(/^\d{2}$/, "YY").replace(/^\d{4}$/, "YYYY");
+    case "month":
+      switch (e.value) {
+        case "short":
+          return r + n.value.replace(/^\d{1}$/, "M").replace(/^\d{2}$/, "MM");
+        case "medium":
+          return r + "MMM";
+        case "long":
+          return r + "MMMM";
+        default:
+          throw new Error("[useDateMask]: `format` has an invalid value.");
+      }
+    case "day":
+      return r + n.value.replace(/^\d{1}$/, "D").replace(/^\d{2}$/, "DD");
+    default:
+      return r + n.value;
+  }
+}, "") : e.value(void 0, t.value)), K = (e, t) => {
+  const o = isRef(e) ? e : ref(e), r = isRef(t) ? t : ref();
+  function n(a) {
+    a.style.zIndex = String(Math.max(0, ...l(a)) + 1);
+  }
+  watch([o, r], ([a]) => {
+    a && n(a);
+  }, { immediate: !0 });
+}, N = () => {
+  const e = useAttrs(), t = getCurrentInstance();
+  return computed(() => e.id ?? (t == null ? void 0 : t.uid.toString()));
+}, X = (e) => computed(() => e.value ?? inject(U, navigator.language)), ee = (e, t = {}) => {
+  const { hide: o = !0, threshold: r = 0 } = t, n = isRef(e) ? e : ref(e), a = ref([]), l = ref([]);
+  function s() {
+    const i = n.value;
+    if (i) {
+      const d = [...i.children].reduce(({ innerItems: m, outerItems: y }, T) => {
+        const f = T, { x: D, width: I } = f.getBoundingClientRect(), { x: w, width: A } = i.getBoundingClientRect();
+        return D + I > w + A + r ? (o && f.style.setProperty("visibility", "hidden"), {
+          innerItems: m,
+          outerItems: [...y, f]
+        }) : (o && f.style.removeProperty("visibility"), {
+          innerItems: [...m, f],
+          outerItems: y
+        });
+      }, {
+        innerItems: [],
+        outerItems: []
+      });
+      a.value = d.innerItems, l.value = d.outerItems;
+    } else
+      a.value = [], l.value = [];
+  }
+  return watch(n, s, {
+    immediate: !0
+  }), useMutationObserver(n, s, {
+    childList: !0
+  }), useResizeObserver(n, () => b(s)), {
+    innerItems: a,
+    outerItems: l
+  };
+}, te = (e, t, o = {}) => {
+  const r = ref(e.value ? "open" : "closed");
+  watch(e, (i) => {
+    r.value = i ? "open" : "closed";
+  });
+  const n = refDebounced(r, o.debounce ?? 0);
+  watch(n, (i) => {
+    switch (t("update:state", i), i) {
+      case "open":
+        t("open");
+        break;
+      case "closed":
+        t("close");
+        break;
+    }
+  });
+  function a() {
+    r.value = "open";
+  }
+  function l() {
+    r.value = "closed";
+  }
+  function s() {
+    r.value = r.value === "open" ? "closed" : "open";
+  }
+  return {
+    state: n,
+    open: a,
+    close: l,
+    toggle: s
+  };
+};
+function re(e, t, o = {}) {
+  const { defaultValue: r } = o;
+  return r ? computed({
+    get: () => e.value ?? r.value,
+    set: (n) => {
+      t("update:modelValue", n);
+    }
+  }) : computed({
+    get: () => e.value,
+    set: (n) => {
+      t("update:modelValue", n);
+    }
+  });
+}
+function ne(e) {
+  const t = getCurrentInstance(), o = ref();
+  e ? watch(e, (s) => {
+    o.value = s;
+  }) : onMounted(() => {
+    if (t) {
+      const s = t.vnode["elm"];
+      s instanceof Element && (o.value = s);
+    }
+  });
+  const r = computed(() => l(o.value) || a.value), n = computed(() => !r.value), a = useMediaQuery(`(min-width: ${O.md})`);
+  function l(s) {
+    var d;
+    if (!s)
+      return !1;
+    const i = (d = s.getAttribute("force-screen")) == null ? void 0 : d.split(/\s+/);
+    return i != null && i.some((m) => ["md", "lg", "xl"].includes(m)) ? !0 : l(s.parentElement ?? void 0);
+  }
+  return {
+    isDesktop: r,
+    isMobile: n
+  };
+}
+const ue = () => L.theme, oe = (e) => computed(() => e.value ?? inject(q, h.Auto)), se = (e, t) => computed(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
+  timeStyle: "short",
+  hourCycle: e.value !== h.Auto ? e.value : void 0,
+  timeZone: "UTC"
+}).formatToParts(Date.UTC(1, 0, 1, 1, 1)).reduce((r, n) => {
+  switch (n.type) {
+    case "hour":
+      return r + n.value.replace(/^\d{1}$/, "H").replace(/^\d{2}$/, "HH");
+    case "minute":
+      return r + n.value.replace(/^\d{1}$/, "M").replace(/^\d{2}$/, "MM");
+    case "dayPeriod":
+      return r + "A";
+    default:
+      return r + n.value;
+  }
+}, "") : e.value(void 0, t.value));
+function ae(e = !1) {
+  const t = ref(e);
+  function o() {
+    t.value = !0;
+  }
+  function r() {
+    t.value = !1;
+  }
+  function n() {
+    t.value = !t.value;
+  }
+  return {
+    isActiveToggle: t,
+    show: o,
+    hide: r,
+    toggle: n
+  };
+}
+const ie = () => {
+  const e = useAttrs();
+  return {
+    required: computed(() => e.required),
+    minlength: computed(() => e.minlength),
+    maxlength: computed(() => e.maxlength),
+    pattern: computed(() => e.pattern),
+    min: computed(() => e.min),
+    max: computed(() => e.max),
+    step: computed(() => e.step)
+  };
+};
+
+export { G, J, K, N, U, V, X, re as a, ae as b, ie as c, ee as e, h, i, k, l, ne as n, oe as o, q, r, se as s, te as t, ue as u };

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@onereach/ui-components-vue2",
-  "version": "20.1.1",
+  "version": "20.1.3",
   "description": "Vue components library for v2",
   "sideEffects": false,
   "exports": {
     ".": {
-      "types": "./dist/esm-deps/index.d.ts",
-      "default": "./dist/esm-deps/index.js"
+      "types": "./dist/esm/index.d.ts",
+      "default": "./dist/esm/index.js"
     },
     "./dist/": "./dist/",
     "./or-*": {
-      "types": "./dist/esm-deps/components/or-*/index.d.ts",
-      "default": "./dist/esm-deps/components/or-*/index.js"
+      "types": "./dist/esm/components/or-*/index.d.ts",
+      "default": "./dist/esm/components/or-*/index.js"
     }
   },
-  "main": "./dist/esm-deps/index.js",
-  "types": "./dist/esm-deps/index.d.ts",
+  "main": "./dist/esm/index.js",
+  "types": "./dist/esm/index.d.ts",
   "files": [
     "src/",
     "dist/",
@@ -41,8 +41,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^20.1.1",
-    "@onereach/ui-components-common": "^20.1.1",
+    "@onereach/styles": "^20.1.3",
+    "@onereach/ui-components-common": "^20.1.3",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -83,8 +83,7 @@
   },
   "devDependencies": {
     "@babel/preset-env": "7.18.10",
-    "@onereach/rollup-vue-lib-config": "3.1.1-typescriptupdate149.0",
-    "@rollup/plugin-replace": "5.0.5",
+    "@onereach/rollup-vue-lib-config": "4.0.0",
     "@rollup/plugin-url": "^8.0.1",
     "@vue/composition-api": "^1.7.2",
     "csstype": "2.6.21",
@@ -107,5 +106,5 @@
     "access": "public"
   },
   "npmUnpacked": "4.15.2",
-  "gitHead": "6a52b19eca7124d3f90464615f051c4e4bd9b316"
+  "gitHead": "71bfde98e65817a499edddb8ef87b67a8f14273e"
 }

package/src/constants.ts

@@ -1,4 +1,4 @@
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
-export const isVue3 = process.env.IS_VUE3_BUILD === 'true';
+export const isVue3 = false;
 export const isVue2 = !isVue3;