@onereach/ui-components-vue2 20.1.0 → 20.1.2

package/dist/{esm-deps/constants-873d04a2.js → esm/constants-2e3ea701.js}

@@ -1,6 +1,6 @@
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
-const isVue3 = "false" === 'true';
+const isVue3 = false;
 const isVue2 = !isVue3;
 
 export { isVue2 as a, isVue3 as i };

package/dist/esm/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const isVue3 = false;
+export declare const isVue2 = true;

package/dist/{esm-deps/formatTime-be5bf6b5.js → esm/formatTime-a57e068a.js}

@@ -1,4 +1,4 @@
-import { h } from './useValidationAttributes-DxhcSj_h-39556969.js';
+import { h } from './useValidationAttributes-DxhcSj_h-373e04c1.js';
 
 const formatTime = (value, format, locale) => {
   if (typeof format === 'function') {

package/dist/{esm-deps → esm}/index.js

@@ -1,6 +1,6 @@
 export { s as DropdownClose, c as DropdownOpen } from './dropdown-open-k6cFnrqA-5245a281.js';
 export { a as getItemByValue, m as getItemsByValue, l as searchItemsByLabel } from './searchItemsByLabel-BhinsABA-f7946859.js';
-export { q as DATE_FORMAT, r as DateFormat, L as LOCALE, N as TIME_FORMAT, h as TimeFormat, t as isVisible, _ as useControlAttributes, k as useDateFormat, G as useDateMask, J as useElevation, K as useIdAttribute, X as useLocale, e as useOverflow, a as usePopoverState, b as useProxyModelValue, n as useResponsive, u as useTheme, o as useTimeFormat, s as useTimeMask, c as useToggle, i as useValidationAttributes } from './useValidationAttributes-DxhcSj_h-39556969.js';
+export { q as DATE_FORMAT, r as DateFormat, L as LOCALE, N as TIME_FORMAT, h as TimeFormat, t as isVisible, _ as useControlAttributes, k as useDateFormat, G as useDateMask, J as useElevation, K as useIdAttribute, X as useLocale, e as useOverflow, a as usePopoverState, b as useProxyModelValue, n as useResponsive, u as useTheme, o as useTimeFormat, s as useTimeMask, c as useToggle, i as useValidationAttributes } from './useValidationAttributes-DxhcSj_h-373e04c1.js';
 export { H as CODE_BACKSPACE, $ as CODE_BREAK, y as CODE_DELETE, B as CODE_DOWN, F as CODE_END, m as CODE_ENTER, G as CODE_ESC, b as CODE_HOME, U as CODE_LEFT, l as CODE_PAGEDOWN, x as CODE_PAGEUP, j as CODE_RIGHT, K as CODE_SPACE, V as CODE_UP, R as HSL_LIMITS, z as PLACEMENT_BOTTOM_END, w as PLACEMENT_BOTTOM_START, Q as PLACEMENT_LEFT_END, q as PLACEMENT_LEFT_START, Z as PLACEMENT_RIGHT_END, Y as PLACEMENT_RIGHT_START, k as PLACEMENT_TOP_END, W as PLACEMENT_TOP_START, C as RX_ABBREVIATION_FROM_STRING, J as RX_ARRAY_NOTATION, v as RX_BV_PREFIX, N as RX_DATE, S as RX_DATE_SPLIT, s as RX_DIGITS, i as RX_ENCODED_COMMA, p as RX_ENCODE_REVERSE, n as RX_EXTENSION, t as RX_HASH, r as RX_HASH_ID, X as RX_HREF, a as RX_HTML_TAGS, o as RX_HYPHENATE, c as RX_LONG_COLOR, e as RX_LOWER_UPPER, d as RX_NUMBER, E as RX_PLUS, P as RX_QUERY_START, _ as RX_REGEXP_REPLACE, g as RX_SHORT_COLOR, f as RX_SPACES, T as RX_SPACE_SPLIT, u as RX_STAR, A as RX_START_SPACE_WORD, D as RX_TIME, h as RX_TRIM_LEFT, O as RX_TRIM_RIGHT, I as RX_UNDERSCORE, L as RX_UN_KEBAB, M as exclude, a0 as extractCssVarName, a1 as flattenDeep, a2 as generateColorFromString, a3 as generateHslFromString, a4 as getAbbreviation, a5 as getHashOfString, a6 as hexToRgb, a7 as hslToColorString, a8 as include, a9 as isAncestor, aa as isArray, ab as isDescendant, ac as isEmpty, ad as isEqual, ae as isNil, af as isNull, ag as isNumber, ah as isObject, ai as isString, aj as isUndefined, ak as normalize, al as pxToRem, am as rgbToHex, an as toArray } from './extractCssVarName-IHa2pGlF-d99daa2a.js';
 export { g as MutationObs, S as addClass, y as cancelAF, v as contains, M as getAttr, m as getBCR, C as getById, c as getCS, _ as getMaxZIndex, B as getStyle, R as hasAttr, E as hasClass, u as offset, P as position, w as reflow, x as removeAttr, q as removeClass, b as removeNode, T as removeStyle, A as requestAF, h as select, F as selectAll, L as setAttr, z as setStyle } from './dom-CwV-xS38-5babad01.js';
 export { OrToastContainerV3, OrToastV3, PropsV3, TypesV3, useQueueV3, useToastV3 } from './components/or-toast-v3/index.js';
@@ -15,8 +15,13 @@ export { CardPadding, OrCardV3 } from './components/or-card-v3/index.js';
 export { OrCheckboxGroupV3 } from './components/or-checkbox-group-v3/index.js';
 export { OrCheckboxTreeV3 } from './components/or-checkbox-tree-v3/index.js';
 export { OrCheckboxV3 } from './components/or-checkbox-v3/index.js';
-export { CodeLanguage, OrCodeV3, html, json, jsonParseLinter } from './components/or-code-v3/index.js';
-export { b as EditorState, E as EditorView, j as javascript, a as lintGutter, l as linter } from './index-a90d6354.js';
+export { CodeLanguage, OrCodeV3 } from './components/or-code-v3/index.js';
+export { lintGutter, linter } from '@codemirror/lint';
+export { javascript } from '@codemirror/lang-javascript';
+export { json, jsonParseLinter } from '@codemirror/lang-json';
+export { html } from '@codemirror/lang-html';
+export { EditorView } from '@codemirror/view';
+export { EditorState } from '@codemirror/state';
 export { OrCombinedInputV3 } from './components/or-combined-input-v3/index.js';
 export { ConfirmType, OrConfirmV3 } from './components/or-confirm-v3/index.js';
 export { OrContextMenuV3 } from './components/or-context-menu-v3/index.js';
@@ -25,12 +30,12 @@ export { OrDateFormatV3 } from './components/or-date-format-v3/index.js';
 export { OrDatePickerV3 } from './components/or-date-picker-v3/index.js';
 export { OrDateRangePickerV3 } from './components/or-date-range-picker-v3/index.js';
 export { OrDateTimeFormatV3 } from './components/or-date-time-format-v3/index.js';
-export { O as OrDateTimePickerV3 } from './OrDateTimePicker-dc2d7a16.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect, f as formatMobileDate } from './OrDateTimePickerMonthSelect-99359eb2.js';
+export { O as OrDateTimePickerV3 } from './OrDateTimePicker-459d4e8e.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect, f as formatMobileDate } from './OrDateTimePickerMonthSelect-048b64ac.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader, g as getCurrentDate } from './OrDateTimePickerPopoverHeader-e2b3f8f2.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect, f as formatMobileTime, s as scrollToElementWithinContainer } from './OrDateTimePickerTimeSelect-41aef86b.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect, f as formatMobileTime, s as scrollToElementWithinContainer } from './OrDateTimePickerTimeSelect-e6effddf.js';
 export { f as formatDate } from './formatDate-0536a8d5.js';
-export { f as formatTime } from './formatTime-be5bf6b5.js';
+export { f as formatTime } from './formatTime-a57e068a.js';
 export { g as getNextMonthDate } from './getNextMonthDate-25fe3c1a.js';
 export { DrawerPlacement, OrDrawerV3 } from './components/or-drawer-v3/index.js';
 export { DropAreaSize, OrDropAreaV3, approximateFileSize } from './components/or-drop-area-v3/index.js';
@@ -99,43 +104,45 @@ export { OrTooltipV3 } from './components/or-tooltip-v3/index.js';
 export { OrTreeV3, TreeNodeDropPosition } from './components/or-tree-v3/index.js';
 import 'vue-demi';
 import '@vueuse/core';
+import '@onereach/styles/screens.json';
+import '@onereach/styles/tailwind.config.json';
 import 'lodash/get';
 import 'lodash/isElement';
 import './style-inject.es-87955792.js';
 import './normalize-component-cf2db48b.js';
-import './constants-873d04a2.js';
-import '@floating-ui/core';
-import '@floating-ui/utils';
-import '@floating-ui/utils/dom';
+import './constants-2e3ea701.js';
+import '@floating-ui/dom';
 import 'portal-vue';
-import '@lezer/json';
-import '@lezer/html';
-import '@lezer/css';
-import '@lezer/common';
-import '@codemirror/search';
-import '@codemirror/autocomplete';
-import 'crelt';
-import '@lezer/javascript';
-import 'style-mod';
-import 'w3c-keyname';
-import '@vueuse/shared';
+import 'codemirror';
+import '@codemirror/commands';
+import '@vueuse/math';
 import 'lodash/range';
+import 'sortablejs';
+import 'uuid';
 import 'lodash/round';
-import '@tiptap/pm/state';
-import '@tiptap/pm/view';
-import '@tiptap/pm/keymap';
-import '@tiptap/pm/model';
-import '@tiptap/pm/transform';
-import '@tiptap/pm/commands';
-import '@tiptap/pm/schema-list';
-import 'linkifyjs';
-import '@tiptap/extension-code';
-import '@tiptap/extension-document';
-import '@tiptap/extension-dropcursor';
-import '@tiptap/extension-gapcursor';
-import '@tiptap/extension-history';
-import '@tiptap/extension-text';
-import 'tabbable';
-import 'orderedmap';
-import 'prosemirror-transform';
-import 'markdown-it';
+import '@tiptap/core';
+import '@tiptap/extension-blockquote';
+import '@tiptap/extension-bullet-list';
+import '@tiptap/extension-heading';
+import '@tiptap/extension-highlight';
+import '@tiptap/extension-link';
+import '@tiptap/extension-ordered-list';
+import '@tiptap/extension-paragraph';
+import '@tiptap/extension-placeholder';
+import '@tiptap/extension-underline';
+import '@tiptap/starter-kit';
+import '@vueuse/integrations/useFocusTrap';
+import 'prosemirror-state';
+import 'prosemirror-commands';
+import '@codemirror/language';
+import '@lezer/highlight';
+import 'prosemirror-markdown';
+import 'prosemirror-model';
+import 'marked';
+import '@tiptap/extension-list-item';
+import '@tiptap/extension-strike';
+import '@tiptap/extension-italic';
+import '@tiptap/extension-hard-break';
+import '@tiptap/extension-horizontal-rule';
+import '@tiptap/extension-bold';
+import '@tiptap/extension-code-block';

package/dist/esm/useValidationAttributes-DxhcSj_h-373e04c1.js

@@ -0,0 +1,201 @@
+import { useAttrs, computed, inject, isRef, ref, watch, getCurrentInstance, onMounted } from 'vue-demi';
+import { A } from './dom-CwV-xS38-5babad01.js';
+import { useMutationObserver, useResizeObserver, refDebounced, useMediaQuery } from '@vueuse/core';
+import O from '@onereach/styles/screens.json';
+import Y 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 || {});
+
+const t = (e) => e.getClientRects().length > 0;
+
+const _ = () => {
+  const e = useAttrs();
+  return {
+    readonly: computed(() => e.readonly),
+    disabled: computed(() => e.disabled),
+    "force-state": computed(() => e["force-state"])
+  };
+}, q = Symbol(), L = Symbol(), N = Symbol(), k = (e) => computed(() => e.value ?? inject(q, r.Short)), G = (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)), J = (e, t$1) => {
+  const s = isRef(e) ? e : ref(e), r = isRef(t$1) ? t$1 : ref();
+  function n(a) {
+    return [...document.body.querySelectorAll("*")].filter(t).filter((u) => !u.isEqualNode(a)).map((u) => getComputedStyle(u)).map((u) => Number(u.zIndex)).filter((u) => !isNaN(u));
+  }
+  function l(a) {
+    a.style.zIndex = String(Math.max(0, ...n(a)) + 1);
+  }
+  watch([s, r], ([a]) => {
+    a && l(a);
+  }, { immediate: !0 });
+}, K = () => {
+  const e = useAttrs(), t = getCurrentInstance();
+  return computed(() => e.id ?? (t == null ? void 0 : t.uid.toString()));
+}, X = (e) => computed(() => e.value ?? inject(L, navigator.language)), ee = (e, t = {}) => {
+  const { hide: s = !0, threshold: r = 0 } = t, n = isRef(e) ? e : ref(e), l = ref([]), a = ref([]);
+  function u() {
+    const i = n.value;
+    if (i) {
+      const d = [...i.children].reduce(({ innerItems: v, outerItems: y }, T) => {
+        const f = T, { x: D, width: I } = f.getBoundingClientRect(), { x: A, width: w } = i.getBoundingClientRect();
+        return D + I > A + w + r ? (s && f.style.setProperty("visibility", "hidden"), {
+          innerItems: v,
+          outerItems: [...y, f]
+        }) : (s && f.style.removeProperty("visibility"), {
+          innerItems: [...v, f],
+          outerItems: y
+        });
+      }, {
+        innerItems: [],
+        outerItems: []
+      });
+      l.value = d.innerItems, a.value = d.outerItems;
+    } else
+      l.value = [], a.value = [];
+  }
+  return watch(n, u, {
+    immediate: !0
+  }), useMutationObserver(n, u, {
+    childList: !0
+  }), useResizeObserver(n, () => A(u)), {
+    innerItems: l,
+    outerItems: a
+  };
+}, te = (e, t, s = {}) => {
+  const r = ref(e.value ? "open" : "closed");
+  watch(e, (i) => {
+    r.value = i ? "open" : "closed";
+  });
+  const n = refDebounced(r, s.debounce ?? 0);
+  watch(n, (i) => {
+    switch (t("update:state", i), i) {
+      case "open":
+        t("open");
+        break;
+      case "closed":
+        t("close");
+        break;
+    }
+  });
+  function l() {
+    r.value = "open";
+  }
+  function a() {
+    r.value = "closed";
+  }
+  function u() {
+    r.value = r.value === "open" ? "closed" : "open";
+  }
+  return {
+    state: n,
+    open: l,
+    close: a,
+    toggle: u
+  };
+};
+function re(e, t, s = {}) {
+  const { defaultValue: r } = s;
+  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(), s = ref();
+  e ? watch(e, (u) => {
+    s.value = u;
+  }) : onMounted(() => {
+    if (t) {
+      const u = t.vnode["elm"];
+      u instanceof Element && (s.value = u);
+    }
+  });
+  const r = computed(() => a(s.value) || l.value), n = computed(() => !r.value), l = useMediaQuery(`(min-width: ${O.md})`);
+  function a(u) {
+    var d;
+    if (!u)
+      return !1;
+    const i = (d = u.getAttribute("force-screen")) == null ? void 0 : d.split(/\s+/);
+    return i != null && i.some((v) => ["md", "lg", "xl"].includes(v)) ? !0 : a(u.parentElement ?? void 0);
+  }
+  return {
+    isDesktop: r,
+    isMobile: n
+  };
+}
+const ue = () => Y.theme, oe = (e) => computed(() => e.value ?? inject(N, 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 s() {
+    t.value = !0;
+  }
+  function r() {
+    t.value = !1;
+  }
+  function n() {
+    t.value = !t.value;
+  }
+  return {
+    isActiveToggle: t,
+    show: s,
+    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, L, N, X, _, te as a, re as b, ae as c, ee as e, h, ie as i, k, ne as n, oe as o, q, r, se as s, t, ue as u };

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@onereach/ui-components-vue2",
-  "version": "20.1.0",
+  "version": "20.1.2",
   "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.0",
-    "@onereach/ui-components-common": "^20.1.0",
+    "@onereach/styles": "^20.1.2",
+    "@onereach/ui-components-common": "^20.1.2",
     "@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": "67e75b46249d07a66c5448062fd4f628e2fda20d"
+  "gitHead": "f679403e6994342e28a63f2db95909d8c92091e5"
 }

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;