@onereach/ui-components 26.15.1 → 26.15.2-beta.6066.0

package/dist/esm/{OrCheckbox-WPBzlvaV.mjs → OrCheckbox-B_121oYu.mjs}

@@ -1,14 +1,15 @@
-import { useIdAttribute as g, useControlAttributes as C, useProxyModelValue as V } from "@onereach/ui-components-common/hooks";
-import { isArray as m, isUndefined as c, include as $, exclude as w } from "@onereach/ui-components-common/utils";
-import { O as B, L as O } from "./OrLabel-K7_HgvcK.mjs";
-import { defineComponent as S, reactive as q, ref as k, computed as d, toRef as L, resolveComponent as E, openBlock as b, createElementBlock as A, normalizeClass as N, createElementVNode as P, mergeProps as T, createBlock as j, withCtx as f, renderSlot as h, createTextVNode as z, toDisplayString as D, createCommentVNode as F } from "vue";
-import { _ as H } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const I = [
+import { useIdAttribute as V, useControlAttributes as $, useProxyModelValue as B } from "@onereach/ui-components-common/hooks";
+import { isArray as f, isUndefined as b, include as S, exclude as L } from "@onereach/ui-components-common/utils";
+import { O as q, L as A } from "./OrLabel-K7_HgvcK.mjs";
+import { O as E } from "./OrLoader-2SaTMxmZ.mjs";
+import { defineComponent as N, reactive as j, ref as y, computed as d, toRef as z, resolveComponent as h, openBlock as n, createElementBlock as u, normalizeClass as p, mergeProps as P, createVNode as T, createBlock as D, withCtx as v, renderSlot as g, createTextVNode as F, toDisplayString as H, createCommentVNode as I } from "vue";
+import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const R = [
   // Layout
   "layout-row",
   // Spacing
   "md:gap-sm"
-], M = [
+], U = [
   // Layout
   "layout-inline-row justify-center",
   // Interactivity
@@ -53,15 +54,25 @@ const I = [
   "interactivity-click",
   // Interactivity (read-only)
   "read-only:interactivity-none"
-], R = [
+], G = [
   // Content (checked / children)
   "after:checked:content-checkbox-checked",
   // Content (indeterminate / children)
   "after:indeterminate:content-checkbox-indeterminate"
-], U = S({
+], J = [
+  // Layout
+  "layout-inline-row justify-center",
+  // Shape
+  "rounded-sm",
+  // Box
+  "w-md+ md:w-md",
+  "h-md+ md:h-md",
+  "m-[10px] md:m-none"
+], K = N({
   name: "OrCheckbox",
   components: {
-    OrLabel: B
+    OrLabel: q,
+    OrLoader: E
   },
   model: {
     prop: "modelValue",
@@ -82,12 +93,16 @@ const I = [
     },
     labelVariant: {
       type: String,
-      default: () => O.Toggle
+      default: () => A.Toggle
     },
     indeterminate: {
       type: Boolean,
       default: !1
     },
+    loading: {
+      type: Boolean,
+      default: !1
+    },
     required: {
       type: Boolean,
       default: !1
@@ -114,59 +129,75 @@ const I = [
     "blur"
   ],
   setup(e, o) {
-    const l = q({
-      id: g(),
-      ...C()
-    }), i = k(), u = d(() => [
+    const s = j({
+      id: V(),
+      ...$()
+    }), m = y(), c = d(() => [
       "or-checkbox-v3",
-      ...I
-    ]), a = k(), n = d(() => [
-      ...M,
       ...R
-    ]), r = V(L(e, "modelValue"), o.emit), s = d(() => {
-      if (m(r.value)) {
-        if (c(e.value))
+    ]), a = y(), l = d(() => [
+      ...U,
+      ...G
+    ]), i = d(() => [
+      ...J
+    ]), r = B(z(e, "modelValue"), o.emit), k = d(() => {
+      if (f(r.value)) {
+        if (b(e.value))
           throw new Error("[OrCheckbox]: `value` must be specified.");
         return r.value.includes(e.value);
       }
       return !!r.value;
     });
-    function y() {
-      if (m(r.value)) {
-        if (c(e.value))
+    function C() {
+      if (f(r.value)) {
+        if (b(e.value))
           throw new Error("[OrCheckbox]: `value` must be specified.");
-        s.value ? r.value = w(e.value, r.value) : r.value = $(e.value, r.value);
+        k.value ? r.value = L(e.value, r.value) : r.value = S(e.value, r.value);
       } else
         r.value = !r.value;
     }
-    function p() {
+    function O() {
       var t;
       (t = a.value) == null || t.focus();
     }
-    function v() {
+    function w() {
       var t;
       (t = a.value) == null || t.blur();
     }
     return {
-      attributes: l,
-      root: i,
-      rootStyles: u,
+      attributes: s,
+      root: m,
+      rootStyles: c,
       control: a,
-      controlStyles: n,
-      checked: s,
-      onChange: y,
-      focus: p,
-      blur: v
+      controlStyles: l,
+      loaderStyles: i,
+      checked: k,
+      onChange: C,
+      focus: O,
+      blur: w
     };
   }
-}), G = ["checked", ".indeterminate", "required", "disabled", "readonly"];
-function J(e, o, l, i, u, a) {
-  const n = E("OrLabel");
-  return b(), A("div", {
+}), Q = ["checked", ".indeterminate", "required", "disabled", "readonly"];
+function W(e, o, s, m, c, a) {
+  const l = h("OrLoader"), i = h("OrLabel");
+  return n(), u("div", {
     ref: "root",
-    class: N(e.rootStyles)
+    class: p(e.rootStyles)
   }, [
-    P("input", T({ ref: "control" }, e.attributes, {
+    e.loading ? (n(), u("div", {
+      key: 1,
+      class: p(e.loaderStyles),
+      "aria-busy": "true"
+    }, [
+      T(l, {
+        variant: "circular",
+        color: "primary",
+        size: "s"
+      })
+    ], 2)) : (n(), u("input", P({
+      key: 0,
+      ref: "control"
+    }, e.attributes, {
       class: e.controlStyles,
       type: "checkbox",
       checked: e.checked,
@@ -180,9 +211,9 @@ function J(e, o, l, i, u, a) {
       onClick: o[1] || (o[1] = (r) => e.$emit("click", r)),
       onFocus: o[2] || (o[2] = (r) => e.$emit("focus", r)),
       onBlur: o[3] || (o[3] = (r) => e.$emit("blur", r))
-    }), null, 16, G),
-    e.$slots.default || e.label ? (b(), j(n, {
-      key: 0,
+    }), null, 16, Q)),
+    e.$slots.default || e.label ? (n(), D(i, {
+      key: 2,
       "control-id": e.attributes.id,
       variant: e.labelVariant,
       selected: e.checked,
@@ -190,20 +221,20 @@ function J(e, o, l, i, u, a) {
       disabled: e.disabled,
       readonly: e.readonly
     }, {
-      addon: f(() => [
-        h(e.$slots, "addon")
+      addon: v(() => [
+        g(e.$slots, "addon")
       ]),
-      default: f(() => [
-        h(e.$slots, "default", {}, () => [
-          z(D(e.label), 1)
+      default: v(() => [
+        g(e.$slots, "default", {}, () => [
+          F(H(e.label), 1)
         ])
       ]),
       _: 3
-    }, 8, ["control-id", "variant", "selected", "required", "disabled", "readonly"])) : F("", !0)
+    }, 8, ["control-id", "variant", "selected", "required", "disabled", "readonly"])) : I("", !0)
   ], 2);
 }
-const Z = /* @__PURE__ */ H(U, [["render", J]]);
+const re = /* @__PURE__ */ M(K, [["render", W]]);
 export {
-  Z as O
+  re as O
 };
-//# sourceMappingURL=OrCheckbox-WPBzlvaV.mjs.map
+//# sourceMappingURL=OrCheckbox-B_121oYu.mjs.map

package/dist/esm/OrCheckbox-B_121oYu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrCheckbox-B_121oYu.mjs","sources":["../../../components/or-checkbox-v3/src/styles.ts","../../../components/or-checkbox-v3/src/OrCheckbox.vue"],"sourcesContent":["export const Checkbox: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'md:gap-sm',\n];\n\nexport const CheckboxControl: string[] = [\n  // Layout\n  'layout-inline-row justify-center',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Shape\n  'rounded-sm leading-[0]',\n\n  // Box\n  'w-md+ md:w-md',\n  'h-md+ md:h-md',\n\n  'm-[10px] md:m-none',\n\n  // Iconography\n  'iconography-outlined',\n\n  // Theme\n  'appearance-none',\n\n  'theme-preset-3-primary',\n  'dark:theme-preset-3-primary-dark',\n\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-border-outline border-1',\n  'dark:theme-border-outline-dark',\n\n  // Theme (focus)\n  'focus-visible:theme-outline-primary focus-visible:outline-2',\n  'dark:focus-visible:theme-outline-primary-dark',\n\n  // Theme (checked)\n  'checked:theme-preset-1-primary',\n  'dark:checked:theme-preset-1-primary-dark',\n\n  // Theme (indeterminate)\n  'indeterminate:theme-preset-1-primary',\n  'dark:indeterminate:theme-preset-1-primary-dark',\n\n  // Theme (read-only)\n  'read-only:theme-border-outline',\n  'read-only:dark:theme-border-outline-dark',\n\n  'checked:read-only:theme-background-base',\n  'checked:read-only:dark:theme-background-base-dark',\n\n  'checked:read-only:theme-foreground-outline',\n  'checked:read-only:dark:theme-foreground-outline-dark',\n\n  'indeterminate:read-only:theme-background-base',\n  'indeterminate:read-only:dark:theme-background-base-dark',\n\n  'indeterminate:read-only:theme-foreground-outline',\n  'indeterminate:read-only:dark:theme-foreground-outline-dark',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Interactivity (read-only)\n  'read-only:interactivity-none',\n];\n\nexport const CheckboxControlHandle: string[] = [\n  // Content (checked / children)\n  'after:checked:content-checkbox-checked',\n\n  // Content (indeterminate / children)\n  'after:indeterminate:content-checkbox-indeterminate',\n];\n\nexport const CheckboxLoader: string[] = [\n  // Layout\n  'layout-inline-row justify-center',\n\n  // Shape\n  'rounded-sm',\n\n  // Box\n  'w-md+ md:w-md',\n  'h-md+ md:h-md',\n\n  'm-[10px] md:m-none',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"!loading\">\n      <input\n        :ref=\"'control'\"\n        v-bind=\"attributes\"\n        :class=\"controlStyles\"\n        :type=\"'checkbox'\"\n        :checked=\"checked\"\n        :indeterminate.prop=\"indeterminate\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n        :readonly=\"readonly\"\n        @change=\"$emit('change', $event); onChange()\"\n        @click=\"$emit('click', $event)\"\n        @focus=\"$emit('focus', $event)\"\n        @blur=\"$emit('blur', $event)\"\n      >\n    </template>\n\n    <template v-else>\n      <div\n        :class=\"loaderStyles\"\n        :aria-busy=\"'true'\"\n      >\n        <OrLoader\n          :variant=\"'circular'\"\n          :color=\"'primary'\"\n          :size=\"'s'\"\n        />\n      </div>\n    </template>\n\n    <template v-if=\"$slots.default || label\">\n      <OrLabel\n        :control-id=\"attributes.id\"\n        :variant=\"labelVariant\"\n        :selected=\"checked\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n        :readonly=\"readonly\"\n      >\n        <slot>{{ label }}</slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useControlAttributes, useIdAttribute, useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { exclude, include, isArray, isUndefined } from '@onereach/ui-components-common/utils';\nimport { LabelVariant, OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { PropType, computed, defineComponent, reactive, ref, toRef } from 'vue';\n\nimport * as Styles from './styles';\nimport { CheckboxModelValue, CheckboxValue } from './types';\n\nexport default defineComponent({\n  name: 'OrCheckbox',\n\n  components: {\n    OrLabel,\n    OrLoader,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<CheckboxModelValue>,\n      default: undefined,\n    },\n\n    value: {\n      type: undefined as unknown as PropType<CheckboxValue>,\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    labelVariant: {\n      type: String as PropType<`${LabelVariant}`>,\n      default: () => LabelVariant.Toggle,\n    },\n\n    indeterminate: {\n      type: Boolean,\n      default: false,\n    },\n\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'change',\n    'click',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    const attributes = reactive({\n      id: useIdAttribute(),\n      ...useControlAttributes(),\n    });\n\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-checkbox-v3',\n      ...Styles.Checkbox,\n    ]);\n\n    const control = ref<HTMLElement>();\n\n    const controlStyles = computed(() => [\n      ...Styles.CheckboxControl,\n      ...Styles.CheckboxControlHandle,\n    ]);\n\n    const loaderStyles = computed(() => [\n      ...Styles.CheckboxLoader,\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n    const checked = computed(() => {\n      if (isArray(model.value)) {\n        if (isUndefined(props.value)) {\n          throw new Error('[OrCheckbox]: `value` must be specified.');\n        }\n\n        return model.value.includes(props.value);\n      }\n\n      return Boolean(model.value);\n    });\n\n    // Handlers\n    function onChange(): void {\n      if (isArray(model.value)) {\n        if (isUndefined(props.value)) {\n          throw new Error('[OrCheckbox]: `value` must be specified.');\n        }\n\n        if (!checked.value) {\n          model.value = include(props.value, model.value);\n        } else {\n          model.value = exclude(props.value, model.value);\n        }\n      } else {\n        model.value = !model.value;\n      }\n    }\n\n    // Methods\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n      loaderStyles,\n\n      checked,\n\n      onChange,\n\n      focus,\n      blur,\n    };\n  },\n});\n</script>\n"],"names":["Checkbox","CheckboxControl","CheckboxControlHandle","CheckboxLoader","_sfc_main","defineComponent","OrLabel","OrLoader","LabelVariant","props","context","attributes","reactive","useIdAttribute","useControlAttributes","root","ref","rootStyles","computed","Styles.Checkbox","control","controlStyles","Styles.CheckboxControl","Styles.CheckboxControlHandle","loaderStyles","Styles.CheckboxLoader","model","useProxyModelValue","toRef","checked","isArray","isUndefined","onChange","exclude","include","focus","_a","blur","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrLoader","_mergeProps","_cache","$event","_hoisted_1","_createBlock","_component_OrLabel","_renderSlot"],"mappings":"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"}

package/dist/esm/{OrCheckboxGroup-C76zxQ10.mjs → OrCheckboxGroup-Db0mdVfM.mjs}

@@ -1,5 +1,5 @@
 import { useProxyModelValue as f, useResponsive as b } from "@onereach/ui-components-common/hooks";
-import { O as y } from "./OrCheckboxTree-D5Ejbly0.mjs";
+import { O as y } from "./OrCheckboxTree-Com4vL18.mjs";
 import { O as g, F as O, a as t } from "./OrFormGroup-CUNdt7UL.mjs";
 import { defineComponent as V, toRef as S, computed as h, resolveComponent as p, openBlock as l, createBlock as i, withCtx as s, renderSlot as k, createElementBlock as C, Fragment as F, renderList as G } from "vue";
 import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
@@ -91,4 +91,4 @@ const R = /* @__PURE__ */ M(v, [["render", B]]);
 export {
   R as O
 };
-//# sourceMappingURL=OrCheckboxGroup-C76zxQ10.mjs.map
+//# sourceMappingURL=OrCheckboxGroup-Db0mdVfM.mjs.map

package/dist/esm/{OrCheckboxGroup-C76zxQ10.mjs.map → OrCheckboxGroup-Db0mdVfM.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrCheckboxGroup-C76zxQ10.mjs","sources":["../../../components/or-checkbox-group-v3/src/OrCheckboxGroup.vue"],"sourcesContent":["<template>\n  <OrFormGroup\n    :label=\"label\"\n    :error=\"error\"\n    :hint=\"hint\"\n    :disabled=\"disabled\"\n    :direction=\"direction\"\n    :spacing=\"localSpacing\"\n  >\n    <template v-slot:addon>\n      <slot name=\"addon\" />\n    </template>\n    <OrCheckboxTree\n      v-for=\"option in options\"\n      :key=\"option.value\"\n      v-model=\"proxyModelValue\"\n      :item=\"option\"\n      :disabled=\"disabled || option.disabled\"\n      :readonly=\"readonly || option.readonly\"\n      :collapsible=\"option.collapsible\"\n      :expanded=\"option.expanded\"\n    />\n  </OrFormGroup>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { CheckboxTreeNode, OrCheckboxTreeV3 as OrCheckboxTree } from '@onereach/ui-components.or-checkbox-tree-v3';\nimport { FormGroupDirection, OrFormGroupV3 as OrFormGroup, FormGroupSpacing } from '@onereach/ui-components.or-form-group-v3';\nimport { defineComponent, PropType, toRef, computed } from 'vue';\n\n\nexport default defineComponent({\n  name: 'OrCheckboxGroup',\n  components: {\n    OrCheckboxTree,\n    OrFormGroup,\n  },\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n  props: {\n    modelValue: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n\n    label: {\n      type: String,\n      default: '',\n    },\n\n    error: {\n      type: String,\n      default: '',\n    },\n\n    hint: {\n      type: String,\n      default: '',\n    },\n\n    direction: {\n      type: String as PropType<`${FormGroupDirection}`>,\n      default: () => FormGroupDirection.Vertical,\n    },\n\n    options: {\n      type: Array as PropType<CheckboxTreeNode[]>,\n      default: () => [],\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    spacing: {\n      type: String as PropType<`${FormGroupSpacing}`>,\n      default: FormGroupSpacing.SM,\n    },\n  },\n\n  setup(props, context) {\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const { isMobile } = useResponsive();\n\n    const localSpacing = computed(() => isMobile.value ? FormGroupSpacing.NONE : props.spacing);\n\n    return {\n      proxyModelValue,\n      localSpacing,\n    };\n  },\n});\n\n</script>\n"],"names":["_sfc_main","defineComponent","OrCheckboxTree","OrFormGroup","FormGroupDirection","FormGroupSpacing","props","context","proxyModelValue","useProxyModelValue","toRef","isMobile","useResponsive","localSpacing","computed","_resolveComponent","_openBlock","_createBlock","_component_OrFormGroup","_ctx","_renderSlot","_createElementBlock","_Fragment","_renderList","option","_component_OrCheckboxTree","_cache","$event"],"mappings":";;;;;AAgCA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,gBAAAC;AAAA,IACA,aAAAC;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMC,EAAmB;AAAA,IACpC;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAASC,EAAiB;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AACpB,UAAMC,IAAkBC,EAAmBC,EAAMJ,GAAO,YAAY,GAAGC,EAAQ,IAAI,GAC7E,EAAE,UAAAI,MAAaC,KAEfC,IAAeC,EAAS,MAAMH,EAAS,QAAQN,EAAiB,OAAOC,EAAM,OAAO;AAEnF,WAAA;AAAA,MACL,iBAAAE;AAAA,MACA,cAAAK;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;qCAnGCE,EAqBc,aAAA;SAnBNC,EAAO,GAAAC,EAAAC,GAAA;AAAA,IACZ,OAAMC,EAAA;AAAA,IACN,OAAUA,EAAA;AAAA,IACV,MAAWA,EAAA;AAAA,IACX,UAASA,EAAA;AAAA,IAAA,WAAAA,EAAA;AAAA,IAEO,SAAKA,EAAA;AAAA,EAAA,GAAA;AAAA;MAIKC,EAAAD,EAAA,QAAA,OAAA;AAAA,IAAA,CAAA;AAAA;OACnBH,EAAA,EAAO,GAAKK,EAAAC,GAAA,MAAAC,EAAAJ,EAAA,SAAA,CAAAK,YACMP,EAAAQ,GAAA;AAAA,QAAA,KAAAD,EAAA;AAAA,QACvB,YAAYL,EAAA;AAAA,QACZ,uBAAkBO,EAAI,CAAA,MAAOA,EAAQ,CAAA,IAAA,CAAAC,MAAAR,EAAA,kBAAAQ;AAAA,QACrC,MAAAH;AAAA,QACA,UAAAL,EAAa,YAAOK,EAAW;AAAA,QAC/B,UAAUL,EAAe,YAAAK,EAAA;AAAA,QAAA,aAAAA,EAAA;AAAA;;;;;;;"}
+{"version":3,"file":"OrCheckboxGroup-Db0mdVfM.mjs","sources":["../../../components/or-checkbox-group-v3/src/OrCheckboxGroup.vue"],"sourcesContent":["<template>\n  <OrFormGroup\n    :label=\"label\"\n    :error=\"error\"\n    :hint=\"hint\"\n    :disabled=\"disabled\"\n    :direction=\"direction\"\n    :spacing=\"localSpacing\"\n  >\n    <template v-slot:addon>\n      <slot name=\"addon\" />\n    </template>\n    <OrCheckboxTree\n      v-for=\"option in options\"\n      :key=\"option.value\"\n      v-model=\"proxyModelValue\"\n      :item=\"option\"\n      :disabled=\"disabled || option.disabled\"\n      :readonly=\"readonly || option.readonly\"\n      :collapsible=\"option.collapsible\"\n      :expanded=\"option.expanded\"\n    />\n  </OrFormGroup>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { CheckboxTreeNode, OrCheckboxTreeV3 as OrCheckboxTree } from '@onereach/ui-components.or-checkbox-tree-v3';\nimport { FormGroupDirection, OrFormGroupV3 as OrFormGroup, FormGroupSpacing } from '@onereach/ui-components.or-form-group-v3';\nimport { defineComponent, PropType, toRef, computed } from 'vue';\n\n\nexport default defineComponent({\n  name: 'OrCheckboxGroup',\n  components: {\n    OrCheckboxTree,\n    OrFormGroup,\n  },\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n  props: {\n    modelValue: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n\n    label: {\n      type: String,\n      default: '',\n    },\n\n    error: {\n      type: String,\n      default: '',\n    },\n\n    hint: {\n      type: String,\n      default: '',\n    },\n\n    direction: {\n      type: String as PropType<`${FormGroupDirection}`>,\n      default: () => FormGroupDirection.Vertical,\n    },\n\n    options: {\n      type: Array as PropType<CheckboxTreeNode[]>,\n      default: () => [],\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    spacing: {\n      type: String as PropType<`${FormGroupSpacing}`>,\n      default: FormGroupSpacing.SM,\n    },\n  },\n\n  setup(props, context) {\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const { isMobile } = useResponsive();\n\n    const localSpacing = computed(() => isMobile.value ? FormGroupSpacing.NONE : props.spacing);\n\n    return {\n      proxyModelValue,\n      localSpacing,\n    };\n  },\n});\n\n</script>\n"],"names":["_sfc_main","defineComponent","OrCheckboxTree","OrFormGroup","FormGroupDirection","FormGroupSpacing","props","context","proxyModelValue","useProxyModelValue","toRef","isMobile","useResponsive","localSpacing","computed","_resolveComponent","_openBlock","_createBlock","_component_OrFormGroup","_ctx","_renderSlot","_createElementBlock","_Fragment","_renderList","option","_component_OrCheckboxTree","_cache","$event"],"mappings":";;;;;AAgCA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,gBAAAC;AAAA,IACA,aAAAC;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMC,EAAmB;AAAA,IACpC;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAASC,EAAiB;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AACpB,UAAMC,IAAkBC,EAAmBC,EAAMJ,GAAO,YAAY,GAAGC,EAAQ,IAAI,GAC7E,EAAE,UAAAI,MAAaC,KAEfC,IAAeC,EAAS,MAAMH,EAAS,QAAQN,EAAiB,OAAOC,EAAM,OAAO;AAEnF,WAAA;AAAA,MACL,iBAAAE;AAAA,MACA,cAAAK;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;qCAnGCE,EAqBc,aAAA;SAnBNC,EAAO,GAAAC,EAAAC,GAAA;AAAA,IACZ,OAAMC,EAAA;AAAA,IACN,OAAUA,EAAA;AAAA,IACV,MAAWA,EAAA;AAAA,IACX,UAASA,EAAA;AAAA,IAAA,WAAAA,EAAA;AAAA,IAEO,SAAKA,EAAA;AAAA,EAAA,GAAA;AAAA;MAIKC,EAAAD,EAAA,QAAA,OAAA;AAAA,IAAA,CAAA;AAAA;OACnBH,EAAA,EAAO,GAAKK,EAAAC,GAAA,MAAAC,EAAAJ,EAAA,SAAA,CAAAK,YACMP,EAAAQ,GAAA;AAAA,QAAA,KAAAD,EAAA;AAAA,QACvB,YAAYL,EAAA;AAAA,QACZ,uBAAkBO,EAAI,CAAA,MAAOA,EAAQ,CAAA,IAAA,CAAAC,MAAAR,EAAA,kBAAAQ;AAAA,QACrC,MAAAH;AAAA,QACA,UAAAL,EAAa,YAAOK,EAAW;AAAA,QAC/B,UAAUL,EAAe,YAAAK,EAAA;AAAA,QAAA,aAAAA,EAAA;AAAA;;;;;;;"}

package/dist/esm/OrCheckboxTree-Com4vL18.mjs

@@ -0,0 +1,199 @@
+import { useProxyModelValue as A } from "@onereach/ui-components-common/hooks";
+import { O as N } from "./OrButton-ZxDr22t7.mjs";
+import { O as R } from "./OrCheckbox-B_121oYu.mjs";
+import { O as z } from "./OrIcon-k8cyvh-D.mjs";
+import { useToggle as D } from "@vueuse/core";
+import { defineComponent as E, toRefs as U, computed as r, watch as j, resolveComponent as p, openBlock as s, createElementBlock as b, normalizeClass as i, Fragment as S, createElementVNode as q, createBlock as C, withCtx as c, createVNode as L, createCommentVNode as T, renderSlot as g, createTextVNode as O, toDisplayString as V, renderList as F } from "vue";
+import { flattenDeep as G } from "@onereach/ui-components-common/utils";
+import { _ as H } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const J = [
+  // Layout
+  "flex",
+  "flex-col",
+  // Spacing
+  "md:gap-sm"
+], K = [
+  // Layout
+  "flex",
+  "flex-row",
+  "gap-xs"
+], $ = (e) => e == null ? void 0 : e.map((l) => {
+  if (!l.disabled)
+    return l.children ? $(l.children) : l.value;
+});
+function Q(e) {
+  return G($(e)).filter(Boolean);
+}
+const W = E({
+  name: "OrCheckboxTree",
+  components: {
+    OrIcon: z,
+    OrCheckbox: R,
+    OrButton: N
+  },
+  model: {
+    prop: "modelValue",
+    event: "update:modelValue"
+  },
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    item: {
+      type: Object,
+      required: !0
+    },
+    collapsible: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    expanded: {
+      type: Boolean,
+      default: !0
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "update:modelValue"
+  ],
+  setup(e, l) {
+    const { modelValue: h, item: f, expanded: v } = U(e), y = r(() => f.value.children || []), u = r(() => y.value.length > 0), t = r(() => u.value ? Q(y.value) : []), a = A(h, l.emit), k = r(() => !!(e.loading || f.value.loading)), o = r(() => {
+      var n;
+      return (n = a.value) == null ? void 0 : n.some((m) => t.value.includes(m));
+    }), d = r(() => t.value.length > 0 && t.value.every((n) => {
+      var m;
+      return (m = a.value) == null ? void 0 : m.includes(n);
+    })), w = r(() => o.value && !d.value), [I, B] = D(v.value);
+    j(v, (n) => {
+      n !== void 0 && B(n);
+    });
+    const M = r(() => [
+      "or-checkbox-tree-v3",
+      ...J
+    ]), P = r(() => [
+      ...K
+    ]);
+    return {
+      rootStyles: M,
+      parentStyles: P,
+      hasChildren: u,
+      proxyModelValue: a,
+      localLoading: k,
+      isOpen: I,
+      setIsOpen: B,
+      isIntermediate: w,
+      isAllChildrenSelected: d,
+      isAnyChildrenSelected: o,
+      childrenValues: t,
+      handleParentClick: () => {
+        d.value ? a.value = a.value.filter((n) => !t.value.includes(n)) : a.value = [
+          .../* @__PURE__ */ new Set([
+            ...a.value,
+            ...t.value
+          ])
+        ];
+      }
+    };
+  }
+});
+function X(e, l, h, f, v, y) {
+  const u = p("OrIcon"), t = p("OrButton"), a = p("OrCheckbox"), k = p("OrCheckboxTree", !0);
+  return s(), b("div", {
+    ref: "root",
+    class: i(e.rootStyles)
+  }, [
+    e.hasChildren ? (s(), b(S, { key: 0 }, [
+      q("div", {
+        class: i(e.parentStyles)
+      }, [
+        e.collapsible ? (s(), C(t, {
+          key: 0,
+          variant: "link",
+          disabled: e.disabled,
+          onClick: l[0] || (l[0] = (o) => e.setIsOpen(!e.isOpen))
+        }, {
+          default: c(() => [
+            L(u, {
+              class: i([e.isOpen ? "rotate-[180deg]" : "rotate-0"]),
+              icon: "arrow_drop_down",
+              size: "l"
+            }, null, 8, ["class"])
+          ]),
+          _: 1
+        }, 8, ["disabled"])) : T("", !0),
+        L(a, {
+          "model-value": e.isAllChildrenSelected,
+          value: !0,
+          indeterminate: e.isIntermediate,
+          loading: e.localLoading,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          onClick: e.handleParentClick
+        }, {
+          default: c(() => [
+            g(e.$slots, "checkboxLabel", { item: e.item }, () => [
+              O(V(e.item.label), 1)
+            ])
+          ]),
+          _: 3
+        }, 8, ["model-value", "indeterminate", "loading", "disabled", "readonly", "onClick"])
+      ], 2),
+      e.hasChildren && e.isOpen ? (s(), b("div", {
+        key: 0,
+        class: i([e.collapsible ? "ml-2xl" : "ml-lg"])
+      }, [
+        (s(!0), b(S, null, F(e.item.children, (o) => (s(), C(k, {
+          key: o.value || o.label,
+          modelValue: e.proxyModelValue,
+          "onUpdate:modelValue": l[1] || (l[1] = (d) => e.proxyModelValue = d),
+          class: i(["mt-xs"]),
+          item: o,
+          collapsible: o.collapsible,
+          expanded: o.expanded,
+          loading: e.localLoading,
+          disabled: e.disabled || o.disabled,
+          readonly: e.readonly || o.readonly
+        }, {
+          checkboxLabel: c(({ item: d }) => [
+            g(e.$slots, "checkboxLabel", { item: d }, () => [
+              O(V(d.label), 1)
+            ])
+          ]),
+          _: 2
+        }, 1032, ["modelValue", "item", "collapsible", "expanded", "loading", "disabled", "readonly"]))), 128))
+      ], 2)) : T("", !0)
+    ], 64)) : (s(), C(a, {
+      key: 1,
+      modelValue: e.proxyModelValue,
+      "onUpdate:modelValue": l[2] || (l[2] = (o) => e.proxyModelValue = o),
+      value: e.item.value,
+      loading: e.localLoading,
+      disabled: e.disabled || e.item.disabled,
+      readonly: e.readonly || e.item.readonly
+    }, {
+      default: c(() => [
+        g(e.$slots, "checkboxLabel", { item: e.item }, () => [
+          O(V(e.item.label), 1)
+        ])
+      ]),
+      _: 3
+    }, 8, ["modelValue", "value", "loading", "disabled", "readonly"]))
+  ], 2);
+}
+const re = /* @__PURE__ */ H(W, [["render", X]]);
+export {
+  re as O
+};
+//# sourceMappingURL=OrCheckboxTree-Com4vL18.mjs.map

package/dist/esm/OrCheckboxTree-Com4vL18.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrCheckboxTree-Com4vL18.mjs","sources":["../../../components/or-checkbox-tree-v3/src/styles.ts","../../../components/or-checkbox-tree-v3/src/utils/extractChildrenValues.ts","../../../components/or-checkbox-tree-v3/src/OrCheckboxTree.vue"],"sourcesContent":["export const CheckboxTreeRoot: string[] = [\n  // Layout\n  'flex',\n  'flex-col',\n\n  // Spacing\n  'md:gap-sm',\n];\n\nexport const CheckboxTreeRootParent: string[] = [\n  // Layout\n  'flex',\n  'flex-row',\n  'gap-xs',\n];\n","import { flattenDeep } from '@onereach/ui-components-common/utils';\n\nimport { CheckboxTreeNode, CheckboxTreeValue } from '../types';\n\nconst getChildValues = (children?: CheckboxTreeNode[]): CheckboxTreeValue[] | undefined => {\n  return children?.map((child) => {\n    if (child.disabled) {\n      return undefined;\n    }\n    if (child.children) {\n      return getChildValues(child.children);\n    } else {\n      return child.value;\n    }\n  });\n};\n\nexport function extractChildrenValues(children: CheckboxTreeNode[]): string[] {\n  return flattenDeep(getChildValues(children)).filter(Boolean) as string[];\n}\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"hasChildren\">\n      <div :class=\"parentStyles\">\n        <template v-if=\"collapsible\">\n          <OrButton\n            :variant=\"'link'\"\n            :disabled=\"disabled\"\n            @click=\"setIsOpen(!isOpen)\"\n          >\n            <OrIcon\n              :class=\"[isOpen ? 'rotate-[180deg]': 'rotate-0']\"\n              :icon=\"'arrow_drop_down'\"\n              :size=\"'l'\"\n            />\n          </OrButton>\n        </template>\n\n        <OrCheckbox\n          :model-value=\"isAllChildrenSelected\"\n          :value=\"true\"\n          :indeterminate=\"isIntermediate\"\n          :loading=\"localLoading\"\n          :disabled=\"disabled\"\n          :readonly=\"readonly\"\n          @click=\"handleParentClick\"\n        >\n          <slot\n            name=\"checkboxLabel\"\n            :item=\"item\"\n          >\n            {{ item.label }}\n          </slot>\n        </OrCheckbox>\n      </div>\n\n      <div\n        v-if=\"hasChildren && isOpen\"\n        :class=\"[collapsible ? 'ml-2xl' : 'ml-lg']\"\n      >\n        <OrCheckboxTree\n          v-for=\"child in item.children\"\n          :key=\"child.value || child.label\"\n          v-model=\"proxyModelValue\"\n          :class=\"['mt-xs']\"\n          :item=\"child\"\n          :collapsible=\"child.collapsible\"\n          :expanded=\"child.expanded\"\n          :loading=\"localLoading\"\n          :disabled=\"disabled || child.disabled\"\n          :readonly=\"readonly || child.readonly\"\n        >\n          <template v-slot:checkboxLabel=\"{ item: checkboxItem }\">\n            <slot\n              name=\"checkboxLabel\"\n              :item=\"checkboxItem\"\n            >\n              {{ checkboxItem.label }}\n            </slot>\n          </template>\n        </OrCheckboxTree>\n      </div>\n    </template>\n\n    <template v-else>\n      <OrCheckbox\n        v-model=\"proxyModelValue\"\n        :value=\"item.value\"\n        :loading=\"localLoading\"\n        :disabled=\"disabled || item.disabled\"\n        :readonly=\"readonly || item.readonly\"\n      >\n        <slot\n          name=\"checkboxLabel\"\n          :item=\"item\"\n        >\n          {{ item.label }}\n        </slot>\n      </OrCheckbox>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrCheckboxV3 as OrCheckbox } from '@onereach/ui-components.or-checkbox-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { useToggle } from '@vueuse/core';\nimport { PropType, computed, defineComponent, toRefs, watch } from 'vue';\n\nimport { CheckboxTreeRoot, CheckboxTreeRootParent } from './styles';\nimport { CheckboxTreeNode } from './types';\nimport { extractChildrenValues } from './utils/extractChildrenValues';\n\nexport default defineComponent({\n  name: 'OrCheckboxTree',\n\n  components: {\n    OrIcon,\n    OrCheckbox,\n    OrButton,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n\n    item: {\n      type: Object as PropType<CheckboxTreeNode>,\n      required: true,\n    },\n\n    collapsible: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    expanded: {\n      type: Boolean,\n      default: true,\n    },\n\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n  ],\n\n  setup(props, context) {\n    // State\n    const { modelValue, item, expanded } = toRefs(props);\n    const children = computed(() => item.value.children || []);\n    const hasChildren = computed(() => children.value.length > 0);\n\n    const childrenValues = computed(() => {\n      return hasChildren.value ? extractChildrenValues(children.value) : [];\n    });\n\n    const proxyModelValue = useProxyModelValue(modelValue, context.emit);\n    const localLoading = computed(() => Boolean(props.loading || item.value.loading));\n\n    const isAnyChildrenSelected = computed(() => {\n      return proxyModelValue.value?.some((value) => childrenValues.value.includes(value));\n    });\n\n    const isAllChildrenSelected = computed(() => {\n      return childrenValues.value.length > 0\n        && childrenValues.value.every((value) => proxyModelValue.value?.includes(value));\n    });\n\n    const isIntermediate = computed(() => {\n      return isAnyChildrenSelected.value && !isAllChildrenSelected.value;\n    });\n\n    const [isOpen, setIsOpen] = useToggle(expanded.value);\n\n    watch(expanded, (value) => {\n      if (value !== undefined) {\n        setIsOpen(value);\n      }\n    });\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-checkbox-tree-v3',\n      ...CheckboxTreeRoot,\n    ]);\n\n    // Styles\n    const parentStyles = computed(() => [\n      ...CheckboxTreeRootParent,\n    ]);\n\n    // Methods\n    const handleParentClick = () => {\n      if (isAllChildrenSelected.value) {\n        proxyModelValue.value = proxyModelValue.value.filter((value) => {\n          return !childrenValues.value.includes(value);\n        });\n      } else {\n        proxyModelValue.value = [\n          ...new Set([\n            ...proxyModelValue.value,\n            ...childrenValues.value,\n          ]),\n        ];\n      }\n    };\n\n    return {\n      rootStyles,\n      parentStyles,\n      hasChildren,\n      proxyModelValue,\n      localLoading,\n      isOpen,\n      setIsOpen,\n      isIntermediate,\n      isAllChildrenSelected,\n      isAnyChildrenSelected,\n      childrenValues,\n      handleParentClick,\n    };\n  },\n});\n</script>\n"],"names":["CheckboxTreeRoot","CheckboxTreeRootParent","getChildValues","children","child","extractChildrenValues","flattenDeep","_sfc_main","defineComponent","OrIcon","OrCheckbox","OrButton","props","context","modelValue","item","expanded","toRefs","computed","hasChildren","childrenValues","proxyModelValue","useProxyModelValue","localLoading","isAnyChildrenSelected","_a","value","isAllChildrenSelected","isIntermediate","isOpen","setIsOpen","useToggle","watch","rootStyles","parentStyles","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_Fragment","_createElementVNode","_createBlock","_component_OrButton","_cache","$event","_withCtx","_createVNode","_component_OrIcon","_createCommentVNode","_component_OrCheckbox","_renderList","_component_OrCheckboxTree","_renderSlot","checkboxItem"],"mappings":"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"}

package/dist/esm/{OrDataGrid-DxOxl9Wd.mjs → OrDataGrid-BJiaRanm.mjs}

@@ -1,5 +1,5 @@
 import { flatten as Se } from "@onereach/ui-components-common/helpers";
-import { O as fe } from "./OrCheckbox-WPBzlvaV.mjs";
+import { O as fe } from "./OrCheckbox-B_121oYu.mjs";
 import { O as Ce } from "./OrIconButton-D1pxfMA_.mjs";
 import { O as Te } from "./OrPagination-DRBRRL2g.mjs";
 import { O as Ge } from "./OrSearch-Csld1hBq.mjs";
@@ -13,7 +13,7 @@ import "./OrDateTimePicker.vue_vue_type_script_lang-8aFx3wpJ.mjs";
 import "@onereach/ui-components-common/types";
 import { O as Pe } from "./OrInput-CzRxZM3i.mjs";
 import { O as Ne } from "./OrRating-CAwz23JA.mjs";
-import { O as Ue } from "./OrSelect-2NJLacxt.mjs";
+import { O as Ue } from "./OrSelect-DBhNKmRX.mjs";
 import { O as Ae } from "./OrSwitch-BtoXDsZx.mjs";
 import { O as Le } from "./OrTagInput-DIMSvMNK.mjs";
 import { O as qe } from "./OrTimePicker-C_pYA5Yn.mjs";
@@ -1944,4 +1944,4 @@ export {
   ca as q,
   ha as r
 };
-//# sourceMappingURL=OrDataGrid-DxOxl9Wd.mjs.map
+//# sourceMappingURL=OrDataGrid-BJiaRanm.mjs.map