@onereach/ui-components 4.9.1-beta.2894.0 → 4.9.1-beta.2896.0

package/dist/bundled/v2/{OrDateTimePickerTimeSelect-ad495c45.js → OrDateTimePickerTimeSelect-78f775d8.js}

@@ -1,7 +1,6 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { useTimePlaceholder } from './components/OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
-import { D as DateTimePickerTimeSelectTimeFormat } from './props-4f1050af.js';
 import __vue_component__$2 from './components/OrButtonV3/OrButton.js';
 
 const DateTimePickerTimeControl = [
@@ -158,10 +157,6 @@ var script = defineComponent({
       type: Date,
       required: true
     },
-    timeFormat: {
-      type: String,
-      default: DateTimePickerTimeSelectTimeFormat.Auto
-    },
     hoursFilter: {
       type: Function,
       default: undefined
@@ -190,33 +185,12 @@ var script = defineComponent({
         context.emit('update:modelValue', value);
       }
     });
-    const proxyTimeFormat = computed(() => {
-      if (props.timeFormat === DateTimePickerTimeSelectTimeFormat.Auto) {
-        const timeSample = new Date(1970, 0);
-        if (timeSample.toLocaleTimeString(navigator.language).includes('12')) {
-          return DateTimePickerTimeSelectTimeFormat.H12;
-        }
-        return DateTimePickerTimeSelectTimeFormat.H23;
-      }
-      return props.timeFormat;
-    });
-    const hoursRange = ref('am');
     const hoursOptions = computed(() => {
       return Array.from({
         length: 24
       }, (_value, index) => {
         const value = index;
         return new Date(Date.UTC(proxyModelValue.value.getUTCFullYear(), proxyModelValue.value.getUTCMonth(), proxyModelValue.value.getUTCDate(), value, proxyModelValue.value.getUTCMinutes()));
-      }).filter(value => {
-        if (proxyTimeFormat.value === DateTimePickerTimeSelectTimeFormat.H23) {
-          return true;
-        }
-        switch (hoursRange.value) {
-          case 'am':
-            return value.getUTCHours() < 12;
-          case 'pm':
-            return value.getUTCHours() >= 12;
-        }
       });
     });
     const minutesOptions = computed(() => {
@@ -231,9 +205,8 @@ var script = defineComponent({
     function formatHours(value) {
       return value.toLocaleString(navigator.language, {
         hour: 'numeric',
-        hourCycle: props.timeFormat !== DateTimePickerTimeSelectTimeFormat.Auto ? props.timeFormat : undefined,
         timeZone: 'UTC'
-      }).replace(/\s(am|pm)/i, '');
+      });
     }
     function formatMinutes(value) {
       return String(value.getUTCMinutes()).padStart(2, '0');
@@ -244,8 +217,6 @@ var script = defineComponent({
       buttonGroupStyles,
       buttonGroupItemStyles,
       proxyModelValue,
-      proxyTimeFormat,
-      hoursRange,
       hoursOptions,
       minutesOptions,
       formatHours,
@@ -301,33 +272,7 @@ var __vue_render__ = function () {
         }
       }
     }, [_vm._v("\n      " + _vm._s(_vm.formatMinutes(value)) + "\n    ")]);
-  }), 1), _vm._v(" "), _vm.proxyTimeFormat === 'h12' ? [_c('div', {
-    class: _vm.buttonGroupStyles
-  }, [_c('OrButton', {
-    class: _vm.buttonGroupItemStyles,
-    attrs: {
-      "variant": _vm.hoursRange === 'am' ? 'contained' : 'text',
-      "color": _vm.hoursRange === 'am' ? 'primary' : 'inherit'
-    },
-    on: {
-      "click": function ($event) {
-        $event.stopPropagation();
-        _vm.hoursRange = 'am';
-      }
-    }
-  }, [_vm._v("\n        AM\n      ")]), _vm._v(" "), _c('OrButton', {
-    class: _vm.buttonGroupItemStyles,
-    attrs: {
-      "variant": _vm.hoursRange === 'pm' ? 'contained' : 'text',
-      "color": _vm.hoursRange === 'pm' ? 'primary' : 'inherit'
-    },
-    on: {
-      "click": function ($event) {
-        $event.stopPropagation();
-        _vm.hoursRange = 'pm';
-      }
-    }
-  }, [_vm._v("\n        PM\n      ")])], 1)] : _vm._e()], 2);
+  }), 1)]);
 };
 var __vue_staticRenderFns__ = [];
 

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from './hooks/useCurrentDate.js';
 import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-2c1b5116.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-6f78e8e7.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-ad495c45.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-78f775d8.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -11,7 +11,6 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { D as DateTimePickerTimeSelectTimeFormat } from '../../props-4f1050af.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
@@ -88,10 +87,6 @@ var script = defineComponent({
       type: Date,
       default: undefined
     },
-    timeFormat: {
-      type: String,
-      default: DateTimePickerTimeSelectTimeFormat.Auto
-    },
     yearFilter: {
       type: Function,
       default: undefined
@@ -240,7 +235,6 @@ var script = defineComponent({
       var _a;
       return (_a = value === null || value === void 0 ? void 0 : value.toLocaleString(navigator.language, {
         timeStyle: 'short',
-        hourCycle: props.timeFormat !== DateTimePickerTimeSelectTimeFormat.Auto ? props.timeFormat : undefined,
         timeZone: 'UTC'
       })) !== null && _a !== void 0 ? _a : '--';
     }
@@ -473,7 +467,6 @@ var __vue_render__ = function () {
   }, [_vm._v("\n          " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValue)) + "\n        ")])], 1), _vm._v(" "), _c('OrDateTimePickerTimeSelect', {
     attrs: {
       "initial-value": _vm.initialModelValue,
-      "time-format": _vm.timeFormat,
       "hours-filter": _vm.hoursFilter,
       "minutes-filter": _vm.minutesFilter
     },

package/dist/bundled/v2/components/OrDateTimePickerV3/OrDateTimePicker.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue-demi';
-import { DateTimePickerSize, DateTimePickerTimeFormat } from './props';
+import { DateTimePickerSize } from './props';
 import { FilterFunction } from './types';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
@@ -40,10 +40,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
-    timeFormat: {
-        type: PropType<"auto" | "h12" | "h23">;
-        default: DateTimePickerTimeFormat;
-    };
     yearFilter: {
         type: PropType<FilterFunction>;
         default: undefined;
@@ -101,10 +97,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         type: DateConstructor;
         default: undefined;
     };
-    timeFormat: {
-        type: PropType<"auto" | "h12" | "h23">;
-        default: DateTimePickerTimeFormat;
-    };
     yearFilter: {
         type: PropType<FilterFunction>;
         default: undefined;
@@ -159,7 +151,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: Date;
-    timeFormat: "auto" | "h12" | "h23";
     yearFilter: FilterFunction;
     monthFilter: FilterFunction;
     dateFilter: FilterFunction;
@@ -211,7 +202,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     formatTimeAlt: (value?: Date) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: Date;
-    timeFormat: "auto" | "h12" | "h23";
     yearFilter: FilterFunction;
     monthFilter: FilterFunction;
     dateFilter: FilterFunction;
@@ -229,7 +219,6 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Date;
-    timeFormat: "auto" | "h12" | "h23";
     yearFilter: FilterFunction;
     monthFilter: FilterFunction;
     dateFilter: FilterFunction;

package/dist/bundled/v2/components/OrDateTimePickerV3/index.js

@@ -1,6 +1,5 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';
-export { D as DateTimePickerTimeFormat } from '../../props-4f1050af.js';
 import 'vue-demi';
 import './hooks/useCurrentDate.js';
 import '../../OrDateTimePickerMonthSelect-2c1b5116.js';
@@ -45,7 +44,7 @@ import '../../OrDateTimePickerPopoverHeader-6f78e8e7.js';
 import '../OrLabelV3/OrLabel.js';
 import '../OrLabelV3/props.js';
 import '../OrLabelV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-ad495c45.js';
+import '../../OrDateTimePickerTimeSelect-78f775d8.js';
 import './hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/props.d.ts

@@ -1,2 +1 @@
 export { InputBoxSize as DateTimePickerSize } from '../or-input-box-v3';
-export { DateTimePickerTimeSelectTimeFormat as DateTimePickerTimeFormat } from './partials/or-date-time-picker-time-select/props';

package/dist/bundled/v2/components/OrDateTimePickerV3/props.js

@@ -1,2 +1 @@
-export { D as DateTimePickerTimeFormat } from '../../props-4f1050af.js';
 export { InputBoxSize as DateTimePickerSize } from '../OrInputBoxV3/props.js';

package/dist/bundled/v2/components/OrDateTimePickerV3/styles.js

@@ -6,6 +6,8 @@ const DateTimePicker = [
 const DateTimePickerDatePopover = [
 // Box
 'w-[298px]'];
-const DateTimePickerTimePopover = [];
+const DateTimePickerTimePopover = [
+// Box
+'w-[224px]'];
 
 export { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover };

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch } from 'vue-demi';
 import { useCurrentDate } from '../OrDateTimePickerV3/hooks/useCurrentDate.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-6f78e8e7.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-ad495c45.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-78f775d8.js';
 import { TimePicker, TimePickerPopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
@@ -10,7 +10,6 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { D as DateTimePickerTimeSelectTimeFormat } from '../../props-4f1050af.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';
@@ -79,10 +78,6 @@ var script = defineComponent({
       type: Date,
       default: undefined
     },
-    timeFormat: {
-      type: String,
-      default: DateTimePickerTimeSelectTimeFormat.Auto
-    },
     hoursFilter: {
       type: Function,
       default: undefined
@@ -186,7 +181,6 @@ var script = defineComponent({
       var _a;
       return (_a = value === null || value === void 0 ? void 0 : value.toLocaleString(navigator.language, {
         timeStyle: 'short',
-        hourCycle: props.timeFormat !== DateTimePickerTimeSelectTimeFormat.Auto ? props.timeFormat : undefined,
         timeZone: 'UTC'
       })) !== null && _a !== void 0 ? _a : '--';
     }
@@ -324,7 +318,6 @@ var __vue_render__ = function () {
     }
   }, [_vm._v("\n          " + _vm._s(_vm.formatTimeAlt(_vm.draftModelValue)) + "\n        ")])], 1), _vm._v(" "), _c('OrDateTimePickerTimeSelect', {
     attrs: {
-      "time-format": _vm.timeFormat,
       "initial-value": _vm.initialModelValue,
       "hours-filter": _vm.hoursFilter,
       "minutes-filter": _vm.minutesFilter

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { FilterFunction } from '../or-date-time-picker-v3/types';
-import { TimePickerSize, TimePickerTimeFormat } from './props';
+import { TimePickerSize } from './props';
 declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     inputBox: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
@@ -30,10 +30,6 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         type: DateConstructor;
         default: undefined;
     };
-    timeFormat: {
-        type: PropType<"auto" | "h12" | "h23">;
-        default: TimePickerTimeFormat;
-    };
     hoursFilter: {
         type: PropType<FilterFunction>;
         default: undefined;
@@ -79,10 +75,6 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         type: DateConstructor;
         default: undefined;
     };
-    timeFormat: {
-        type: PropType<"auto" | "h12" | "h23">;
-        default: TimePickerTimeFormat;
-    };
     hoursFilter: {
         type: PropType<FilterFunction>;
         default: undefined;
@@ -125,7 +117,6 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     };
 }>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: Date;
-    timeFormat: "auto" | "h12" | "h23";
     hoursFilter: FilterFunction;
     minutesFilter: FilterFunction;
     size: TimePickerSize;
@@ -164,7 +155,6 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     formatTimeAlt: (value?: Date) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: Date;
-    timeFormat: "auto" | "h12" | "h23";
     hoursFilter: FilterFunction;
     minutesFilter: FilterFunction;
     size: TimePickerSize;
@@ -179,7 +169,6 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Date;
-    timeFormat: "auto" | "h12" | "h23";
     hoursFilter: FilterFunction;
     minutesFilter: FilterFunction;
     size: TimePickerSize;

package/dist/bundled/v2/components/OrTimePickerV3/index.js

@@ -1,5 +1,4 @@
 export { default as OrTimePickerV3 } from './OrTimePicker.js';
-export { D as TimePickerTimeFormat } from '../../props-4f1050af.js';
 export { InputBoxSize as TimePickerSize } from '../OrInputBoxV3/props.js';
 import 'vue-demi';
 import '../OrDateTimePickerV3/hooks/useCurrentDate.js';
@@ -16,7 +15,7 @@ import '../../index-c92e2839.js';
 import '../../index-ec92055d.js';
 import '../OrLoaderV3/props.js';
 import '../OrLoaderV3/styles.js';
-import '../../OrDateTimePickerTimeSelect-ad495c45.js';
+import '../../OrDateTimePickerTimeSelect-78f775d8.js';
 import '../OrDateTimePickerV3/hooks/useTimePlaceholder.js';
 import './styles.js';
 import '../OrErrorV3/OrError.js';

package/dist/bundled/v2/components/OrTimePickerV3/props.d.ts

@@ -1,2 +1 @@
-export { DateTimePickerTimeSelectTimeFormat as TimePickerTimeFormat } from '../or-date-time-picker-v3/partials/or-date-time-picker-time-select/props';
 export { InputBoxSize as TimePickerSize } from '../or-input-box-v3';

package/dist/bundled/v2/components/OrTimePickerV3/props.js

@@ -1,2 +1 @@
-export { D as TimePickerTimeFormat } from '../../props-4f1050af.js';
 export { InputBoxSize as TimePickerSize } from '../OrInputBoxV3/props.js';

package/dist/bundled/v2/components/OrTimePickerV3/styles.js

@@ -3,6 +3,8 @@ const TimePicker = [
 'layout-column',
 // Spacing
 'gap-xs'];
-const TimePickerPopover = [];
+const TimePickerPopover = [
+// Box
+'w-[224px]'];
 
 export { TimePicker, TimePickerPopover };

package/dist/bundled/v2/components/OrTreeV3/OrTree.js

@@ -0,0 +1,259 @@
+import { defineComponent, ref, computed, watch, onMounted, unref } from 'vue-demi';
+import __vue_component__$2 from '../OrButtonV3/OrButton.js';
+import __vue_component__$3 from '../OrIconV3/OrIcon.js';
+import { u as useToggle } from '../../index-ec92055d.js';
+import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
+import __vue_component__$4 from '../OrLabelV3/OrLabel.js';
+import '../OrButtonV3/props.js';
+import '../OrButtonV3/styles.js';
+import '../OrLoaderV3/OrLoader.js';
+import '../../index-c92e2839.js';
+import '../OrLoaderV3/props.js';
+import '../OrLoaderV3/styles.js';
+import '../OrIconV3/props.js';
+import '../OrIconV3/styles.js';
+import '../OrLabelV3/props.js';
+import '../OrLabelV3/styles.js';
+
+var script$1 = defineComponent({
+  name: 'OrTreeNode',
+  components: {
+    OrButton: __vue_component__$2,
+    OrIcon: __vue_component__$3
+  },
+  props: {
+    node: {
+      type: Object,
+      required: true
+    },
+    collapsible: {
+      type: Boolean,
+      default: false
+    },
+    expanded: {
+      type: Boolean,
+      default: true
+    },
+    depth: {
+      type: Number,
+      default: 1
+    },
+    draggable: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    const root = ref(null);
+    const nodeRoot = ref(null);
+    const hover = ref(false);
+    const hasChildren = computed(() => !!props.node.children && props.node.children.length > 0);
+    const [isOpen, setIsOpen] = useToggle(props.expanded);
+    watch(() => props.expanded, value => {
+      if (value !== undefined) {
+        setIsOpen(value);
+      }
+    }, {
+      immediate: true
+    });
+    const applyPadding = value => {
+      const rootElement = unref(nodeRoot);
+      const padding = value * 20 - (props.collapsible ? 16 : 0);
+      Object.assign(rootElement.style, {
+        paddingLeft: `${padding}px`
+      });
+    };
+    watch(() => props.depth, value => {
+      applyPadding(value);
+    });
+    onMounted(() => {
+      applyPadding(props.depth);
+    });
+    const nodeStyles = computed(() => ['layout-row', ...[hover.value ? ['bg-primary-opacity-0-08', 'dark:bg-primary-opacity-0-08-dark'] : []]]);
+    return {
+      root,
+      hasChildren,
+      isOpen,
+      setIsOpen,
+      nodeRoot,
+      hover,
+      nodeStyles
+    };
+  }
+});
+
+/* script */
+const __vue_script__$1 = script$1;
+
+/* template */
+var __vue_render__$1 = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    ref: "root",
+    staticClass: "or-tree-node-v3"
+  }, [_c('div', {
+    ref: "nodeRoot",
+    class: _vm.nodeStyles,
+    attrs: {
+      "draggable": _vm.draggable ? true : undefined
+    },
+    on: {
+      "mouseover": function ($event) {
+        _vm.hover = true;
+      },
+      "mouseleave": function ($event) {
+        _vm.hover = false;
+      },
+      "dragenter": function ($event) {
+        _vm.hover = true;
+      },
+      "dragleave": function ($event) {
+        _vm.hover = false;
+      }
+    }
+  }, [_vm.hasChildren && _vm.collapsible ? [_c('OrButton', {
+    attrs: {
+      "variant": "link"
+    },
+    on: {
+      "click": function () {
+        return _vm.setIsOpen(!_vm.isOpen);
+      }
+    }
+  }, [_c('OrIcon', {
+    class: [_vm.isOpen ? 'rotate-90' : 'rotate-0'],
+    attrs: {
+      "icon": "arrow_right",
+      "size": "l"
+    }
+  })], 1)] : _vm._e(), _vm._v(" "), _vm._t("node", null, null, {
+    node: _vm.node,
+    hasChildren: _vm.hasChildren,
+    isOpen: _vm.isOpen
+  })], 2), _vm._v(" "), _vm.hasChildren && _vm.isOpen ? _vm._l(_vm.node.children, function (child) {
+    return _c('OrTreeNode', {
+      key: child.key,
+      attrs: {
+        "node": child,
+        "collapsible": _vm.collapsible || child.collapsible,
+        "depth": _vm.depth + 1,
+        "draggable": _vm.draggable
+      },
+      scopedSlots: _vm._u([{
+        key: "node",
+        fn: function (props) {
+          return [_vm._t("node", null, null, props)];
+        }
+      }], null, true)
+    });
+  }) : _vm._e()], 2);
+};
+var __vue_staticRenderFns__$1 = [];
+
+/* style */
+const __vue_inject_styles__$1 = undefined;
+/* scoped */
+const __vue_scope_id__$1 = undefined;
+/* module identifier */
+const __vue_module_identifier__$1 = undefined;
+/* functional template */
+const __vue_is_functional_template__$1 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$1 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$1,
+  staticRenderFns: __vue_staticRenderFns__$1
+}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
+var OrTreeNode = __vue_component__$1;
+
+var script = defineComponent({
+  name: 'OrTree',
+  components: {
+    OrLabel: __vue_component__$4,
+    OrTreeNode
+  },
+  props: {
+    label: {
+      type: String,
+      default: ''
+    },
+    error: {
+      type: String,
+      default: ''
+    },
+    nodes: {
+      type: Array,
+      default: () => []
+    },
+    collapsible: {
+      type: Boolean,
+      default: false
+    },
+    draggable: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup() {
+    const root = ref(null);
+    return {
+      root
+    };
+  }
+});
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    ref: "root"
+  }, [_vm.label ? _c('or-label', [_vm._v("\n    " + _vm._s(_vm.label) + "\n  ")]) : _vm._e(), _vm._v(" "), _vm._l(_vm.nodes, function (item) {
+    return _c('OrTreeNode', {
+      key: item.key,
+      attrs: {
+        "node": item,
+        "collapsible": _vm.collapsible || item.collapsible,
+        "draggable": _vm.draggable
+      },
+      scopedSlots: _vm._u([{
+        key: "node",
+        fn: function (props) {
+          return [_vm._t("node", null, null, props)];
+        }
+      }], null, true)
+    });
+  })], 2);
+};
+var __vue_staticRenderFns__ = [];
+
+/* style */
+const __vue_inject_styles__ = undefined;
+/* scoped */
+const __vue_scope_id__ = undefined;
+/* module identifier */
+const __vue_module_identifier__ = undefined;
+/* functional template */
+const __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+
+export { __vue_component__ as default };