@onereach/ui-components 11.11.2-beta.4501.0 → 11.11.2-beta.4503.0

package/dist/bundled/v3/components/{OrDataGridV3-75884003.js → OrDataGridV3-2895428f.js}

@@ -1,11 +1,9 @@
 import { openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, normalizeStyle, resolveComponent, createBlock, createSlots, withCtx, createVNode, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
 import { defineComponent, ref, computed } from 'vue-demi';
-import { s as script$f } from './OrIconV3-b5c97ea7.js';
-import { isArray } from '../utils/isArray.js';
-import { s as script$g } from './OrCheckboxV3-e26de9e6.js';
-import { s as script$h } from './OrPaginationV3-8b90f965.js';
-import script$i from './OrSearchV3/OrSearch.js';
-import { s as script$j } from './OrSkeletonV3-c63b143f.js';
+import { s as script$e } from './OrIconV3-b5c97ea7.js';
+import { s as script$f } from './OrCheckboxV3-5b64ff3b.js';
+import { s as script$g } from './OrPaginationV3-c683a3b2.js';
+import script$h from './OrSearchV3/OrSearch.js';
 
 const DataGridFooter = [
 // Layout
@@ -22,7 +20,7 @@ const DataGridFooterStatus = [
 // Typography
 'typography-body-2-semibold'];
 
-var script$e = defineComponent({
+var script$d = defineComponent({
   name: 'OrDataGridFooter',
   expose: ['root'],
   setup() {
@@ -38,22 +36,22 @@ var script$e = defineComponent({
   }
 });
 
-const _hoisted_1$4 = {
+const _hoisted_1$2 = {
   key: 1,
   class: /*#__PURE__*/normalizeClass(['grow'])
 };
-function render$e(_ctx, _cache, $props, $setup, $data, $options) {
+function render$d(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [_ctx.$slots['status'] ? (openBlock(), createElementBlock("div", {
     key: 0,
     class: normalizeClass(_ctx.statusStyles)
-  }, [renderSlot(_ctx.$slots, 'status')], 2 /* CLASS */)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, 'actions'), _ctx.$slots['paging'] ? (openBlock(), createElementBlock("div", _hoisted_1$4)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, 'paging')], 2 /* CLASS */);
+  }, [renderSlot(_ctx.$slots, 'status')], 2 /* CLASS */)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, 'actions'), _ctx.$slots['paging'] ? (openBlock(), createElementBlock("div", _hoisted_1$2)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, 'paging')], 2 /* CLASS */);
 }
 
-script$e.render = render$e;
-script$e.__file = "src/components/or-data-grid-v3/partials/or-data-grid-footer/OrDataGridFooter.vue";
+script$d.render = render$d;
+script$d.__file = "src/components/or-data-grid-v3/partials/or-data-grid-footer/OrDataGridFooter.vue";
 
 const DataGridHeader = [
 // Layout
@@ -66,7 +64,7 @@ const DataGridHeaderTitle = [
 // Typography
 'typography-headline-2'];
 
-var script$d = defineComponent({
+var script$c = defineComponent({
   name: 'OrDataGridHeader',
   expose: ['root'],
   setup() {
@@ -82,34 +80,36 @@ var script$d = defineComponent({
   }
 });
 
-const _hoisted_1$3 = {
+const _hoisted_1$1 = {
   key: 1,
   class: /*#__PURE__*/normalizeClass(['grow'])
 };
-function render$d(_ctx, _cache, $props, $setup, $data, $options) {
+function render$c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [_ctx.$slots['title'] ? (openBlock(), createElementBlock("div", {
     key: 0,
     class: normalizeClass(_ctx.titleStyles)
-  }, [renderSlot(_ctx.$slots, 'title')], 2 /* CLASS */)) : createCommentVNode("v-if", true), _ctx.$slots['searching'] ? (openBlock(), createElementBlock("div", _hoisted_1$3)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, 'searching')], 2 /* CLASS */);
+  }, [renderSlot(_ctx.$slots, 'title')], 2 /* CLASS */)) : createCommentVNode("v-if", true), _ctx.$slots['searching'] ? (openBlock(), createElementBlock("div", _hoisted_1$1)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, 'searching')], 2 /* CLASS */);
 }
 
-script$d.render = render$d;
-script$d.__file = "src/components/or-data-grid-v3/partials/or-data-grid-header/OrDataGridHeader.vue";
+script$c.render = render$c;
+script$c.__file = "src/components/or-data-grid-v3/partials/or-data-grid-header/OrDataGridHeader.vue";
 
 const DataGridTableContentCell = [
 // Layout
 'layout-row',
 // Spacing
 'px-sm+', 'py-0', 'gap-xs',
+// Typography
+'whitespace-nowrap',
 // Theme (.sticky-start)
 '[&.sticky-start]:theme-border-disabled [&.sticky-start:not(:last-child)]:border-e-1', 'dark:[&.sticky-start]:theme-border-disabled-dark',
 // Theme (.sticky-end)
 '[&.sticky-end]:theme-border-disabled [&.sticky-end:not(:first-child)]:border-s-1', 'dark:[&.sticky-end]:theme-border-disabled-dark'];
 
-var script$c = defineComponent({
+var script$b = defineComponent({
   name: 'OrDataGridTableContentCell',
   props: {
     column: {
@@ -119,10 +119,6 @@ var script$c = defineComponent({
     features: {
       type: Object,
       default: undefined
-    },
-    truncate: {
-      type: Boolean,
-      default: true
     }
   },
   expose: ['root'],
@@ -169,22 +165,16 @@ var script$c = defineComponent({
   }
 });
 
-const _hoisted_1$2 = {
-  key: 0,
-  class: /*#__PURE__*/normalizeClass(['truncate'])
-};
-function render$c(_ctx, _cache, $props, $setup, $data, $options) {
+function render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles),
     style: normalizeStyle(_ctx.rootInlineStyles)
-  }, [_ctx.truncate ? (openBlock(), createElementBlock("div", _hoisted_1$2, [renderSlot(_ctx.$slots, "default")])) : renderSlot(_ctx.$slots, "default", {
-    key: 1
-  })], 6 /* CLASS, STYLE */);
+  }, [renderSlot(_ctx.$slots, "default")], 6 /* CLASS, STYLE */);
 }
 
-script$c.render = render$c;
-script$c.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-content-cell/OrDataGridTableContentCell.vue";
+script$b.render = render$b;
+script$b.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-content-cell/OrDataGridTableContentCell.vue";
 
 var DataGridVariant;
 (function (DataGridVariant) {
@@ -195,7 +185,7 @@ var DataGridVariant;
 
 const DataGridTableContentRow = [
 // Layout
-'grid grid-cols-[subgrid] col-span-full',
+'grid col-span-full grid-cols-[subgrid]',
 // Typography
 'typography-body-2-regular',
 // Theme
@@ -220,7 +210,7 @@ const DataGridTableContentRowVariants = {
   'h-[calc(theme(spacing.xl)+theme(spacing.xs))]']
 };
 
-var script$b = defineComponent({
+var script$a = defineComponent({
   name: 'OrDataGridTableContentRow',
   props: {
     variant: {
@@ -244,23 +234,23 @@ var script$b = defineComponent({
   }
 });
 
-const _hoisted_1$1 = ["selected"];
-function render$b(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1 = ["selected"];
+function render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles),
     selected: _ctx.selected
-  }, [renderSlot(_ctx.$slots, "default")], 10 /* CLASS, PROPS */, _hoisted_1$1);
+  }, [renderSlot(_ctx.$slots, "default")], 10 /* CLASS, PROPS */, _hoisted_1);
 }
 
-script$b.render = render$b;
-script$b.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-content-row/OrDataGridTableContentRow.vue";
+script$a.render = render$a;
+script$a.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-content-row/OrDataGridTableContentRow.vue";
 
 const DataGridTableContent = [
 // Layout
 'contents'];
 
-var script$a = defineComponent({
+var script$9 = defineComponent({
   name: 'OrDataGridTableContent',
   expose: ['root'],
   setup() {
@@ -274,23 +264,25 @@ var script$a = defineComponent({
   }
 });
 
-function render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
 }
 
-script$a.render = render$a;
-script$a.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-content/OrDataGridTableContent.vue";
+script$9.render = render$9;
+script$9.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-content/OrDataGridTableContent.vue";
 
 const DataGridTableFooterCell = [
 // Layout
 'layout-row',
 // Spacing
-'px-sm+', 'py-0', 'gap-xs'];
+'px-sm+', 'py-0', 'gap-xs',
+// Typography
+'whitespace-nowrap'];
 
-var script$9 = defineComponent({
+var script$8 = defineComponent({
   name: 'OrDataGridTableFooterCell',
   expose: ['root'],
   setup() {
@@ -304,19 +296,19 @@ var script$9 = defineComponent({
   }
 });
 
-function render$9(_ctx, _cache, $props, $setup, $data, $options) {
+function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
 }
 
-script$9.render = render$9;
-script$9.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-footer-cell/OrDataGridTableFooterCell.vue";
+script$8.render = render$8;
+script$8.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-footer-cell/OrDataGridTableFooterCell.vue";
 
 const DataGridTableFooterRow = [
 // Layout
-'grid grid-cols-1',
+'grid col-span-full',
 // Typography
 'typography-body-2-regular',
 // Theme
@@ -335,7 +327,7 @@ const DataGridTableFooterRowVariants = {
   'h-[calc(theme(spacing.xl)+theme(spacing.xs))]']
 };
 
-var script$8 = defineComponent({
+var script$7 = defineComponent({
   name: 'OrDataGridTableFooterRow',
   props: {
     variant: {
@@ -355,21 +347,21 @@ var script$8 = defineComponent({
   }
 });
 
-function render$8(_ctx, _cache, $props, $setup, $data, $options) {
+function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
 }
 
-script$8.render = render$8;
-script$8.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-footer-row/OrDataGridTableFooterRow.vue";
+script$7.render = render$7;
+script$7.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-footer-row/OrDataGridTableFooterRow.vue";
 
 const DataGridTableFooter = [
 // Layout
 'contents'];
 
-var script$7 = defineComponent({
+var script$6 = defineComponent({
   name: 'OrDataGridTableFooter',
   expose: ['root'],
   setup() {
@@ -383,30 +375,32 @@ var script$7 = defineComponent({
   }
 });
 
-function render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
 }
 
-script$7.render = render$7;
-script$7.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-footer/OrDataGridTableFooter.vue";
+script$6.render = render$6;
+script$6.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-footer/OrDataGridTableFooter.vue";
 
 const DataGridTableHeaderCell = [
 // Layout
 'layout-row',
 // Spacing
 'px-sm+', 'py-0', 'gap-xs',
+// Typography
+'whitespace-nowrap',
 // Theme (.sticky-start)
 '[&.sticky-start]:theme-border-disabled [&.sticky-start:not(:last-child)]:border-e-1', 'dark:[&.sticky-start]:theme-border-disabled-dark',
 // Theme (.sticky-end)
 '[&.sticky-end]:theme-border-disabled [&.sticky-end:not(:first-child)]:border-s-1', 'dark:[&.sticky-end]:theme-border-disabled-dark'];
 
-var script$6 = defineComponent({
+var script$5 = defineComponent({
   name: 'OrDataGridTableHeaderCell',
   components: {
-    OrIcon: script$f
+    OrIcon: script$e
   },
   model: {
     prop: 'modelValue',
@@ -424,10 +418,6 @@ var script$6 = defineComponent({
     features: {
       type: Object,
       default: undefined
-    },
-    truncate: {
-      type: Boolean,
-      default: true
     }
   },
   expose: ['root'],
@@ -510,33 +500,27 @@ var script$6 = defineComponent({
   }
 });
 
-const _hoisted_1 = {
-  key: 0,
-  class: /*#__PURE__*/normalizeClass(['truncate'])
-};
-function render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrIcon = resolveComponent("OrIcon");
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles),
     style: normalizeStyle(_ctx.rootInlineStyles),
     onClick: _cache[0] || (_cache[0] = $event => _ctx.toggleSorting())
-  }, [_ctx.truncate ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")])) : renderSlot(_ctx.$slots, "default", {
-    key: 1
-  }), _ctx.model ? (openBlock(), createBlock(_component_OrIcon, {
-    key: 2,
+  }, [renderSlot(_ctx.$slots, "default"), _ctx.model ? (openBlock(), createBlock(_component_OrIcon, {
+    key: 0,
     icon: _ctx.model.direction === 'asc' ? 'arrow_upward' : 'arrow_downward'
   }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true)], 6 /* CLASS, STYLE */);
 }
 
-script$6.render = render$6;
-script$6.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-header-cell/OrDataGridTableHeaderCell.vue";
+script$5.render = render$5;
+script$5.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-header-cell/OrDataGridTableHeaderCell.vue";
 
 const DataGridTableHeaderRow = [
 // Position
 'sticky top-0 z-10',
 // Layout
-'grid grid-cols-[subgrid] col-span-full',
+'grid col-span-full grid-cols-[subgrid]',
 // Typography
 'typography-body-2-semibold',
 // Theme (children)
@@ -553,7 +537,7 @@ const DataGridTableHeaderRowVariants = {
   'h-[calc(theme(spacing.xl)+theme(spacing.xs))]']
 };
 
-var script$5 = defineComponent({
+var script$4 = defineComponent({
   name: 'OrDataGridTableHeaderRow',
   props: {
     variant: {
@@ -573,21 +557,21 @@ var script$5 = defineComponent({
   }
 });
 
-function render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles)
   }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
 }
 
-script$5.render = render$5;
-script$5.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-header-row/OrDataGridTableHeaderRow.vue";
+script$4.render = render$4;
+script$4.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-header-row/OrDataGridTableHeaderRow.vue";
 
 const DataGridTableHeader = [
 // Layout
 'contents'];
 
-var script$4 = defineComponent({
+var script$3 = defineComponent({
   name: 'OrDataGridTableHeader',
   expose: ['root'],
   setup() {
@@ -601,57 +585,6 @@ var script$4 = defineComponent({
   }
 });
 
-function render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    ref: 'root',
-    class: normalizeClass(_ctx.rootStyles)
-  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
-}
-
-script$4.render = render$4;
-script$4.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-header/OrDataGridTableHeader.vue";
-
-const DataGridTablePlaceholder = [
-// Layout
-'layout-row justify-center col-span-full',
-// Spacing
-'px-sm+', 'py-0', 'gap-xs',
-// Typography
-'typography-body-2-regular',
-// Theme
-'theme-foreground-default', 'dark:theme-foreground-default-dark', 'theme-background-default', 'dark:theme-background-default-dark'];
-const DataGridTablePlaceholderVariants = {
-  [DataGridVariant.Standard]: [
-  // Box
-  'min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]'],
-  [DataGridVariant.Comfortable]: [
-  // Box
-  'min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]'],
-  [DataGridVariant.Compact]: [
-  // Box
-  'min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]']
-};
-
-var script$3 = defineComponent({
-  name: 'OrDataGridTablePlaceholder',
-  props: {
-    variant: {
-      type: String,
-      required: true
-    }
-  },
-  expose: ['root'],
-  setup(props) {
-    // Refs & Styles
-    const root = ref();
-    const rootStyles = computed(() => ['or-data-grid-table-placeholder-v3', ...DataGridTablePlaceholder, ...DataGridTablePlaceholderVariants[props.variant]]);
-    return {
-      root,
-      rootStyles
-    };
-  }
-});
-
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
@@ -660,7 +593,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$3.render = render$3;
-script$3.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-placeholder/OrDataGridTablePlaceholder.vue";
+script$3.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-header/OrDataGridTableHeader.vue";
 
 const DataGridTable = [
 // Layout
@@ -690,18 +623,15 @@ var script$2 = defineComponent({
     const rootInlineStyles = computed(() => {
       const gridTemplateColumns = props.columns.map(column => {
         var _a;
-        if (isArray(column.width)) {
-          return `minmax(${column.width[0]}, ${column.width[1]})`;
-        }
         return (_a = column.width) !== null && _a !== void 0 ? _a : 'auto';
-      });
+      }).join(' ');
       if (props.features.selecting) {
         return {
-          gridTemplateColumns: `auto ${gridTemplateColumns.join(' ')}`
+          gridTemplateColumns: `auto ${gridTemplateColumns}`
         };
       }
       return {
-        gridTemplateColumns: gridTemplateColumns.join(' ')
+        gridTemplateColumns
       };
     });
     return {
@@ -762,24 +692,22 @@ const DataGrid = [
 var script = defineComponent({
   name: 'OrDataGrid',
   components: {
-    OrCheckbox: script$g,
-    OrDataGridFooter: script$e,
-    OrDataGridHeader: script$d,
+    OrCheckbox: script$f,
+    OrDataGridFooter: script$d,
+    OrDataGridHeader: script$c,
     OrDataGridTable: script$2,
-    OrDataGridTableContent: script$a,
-    OrDataGridTableContentCell: script$c,
-    OrDataGridTableContentRow: script$b,
-    OrDataGridTableFooter: script$7,
-    OrDataGridTableFooterCell: script$9,
-    OrDataGridTableFooterRow: script$8,
-    OrDataGridTableHeader: script$4,
-    OrDataGridTableHeaderCell: script$6,
-    OrDataGridTableHeaderRow: script$5,
-    OrDataGridTablePlaceholder: script$3,
+    OrDataGridTableContent: script$9,
+    OrDataGridTableContentCell: script$b,
+    OrDataGridTableContentRow: script$a,
+    OrDataGridTableFooter: script$6,
+    OrDataGridTableFooterCell: script$8,
+    OrDataGridTableFooterRow: script$7,
+    OrDataGridTableHeader: script$3,
+    OrDataGridTableHeaderCell: script$5,
+    OrDataGridTableHeaderRow: script$4,
     OrDataGridToolbar: script$1,
-    OrPagination: script$h,
-    OrSearch: script$i,
-    OrSkeletonText: script$j
+    OrPagination: script$g,
+    OrSearch: script$h
   },
   model: {
     prop: 'modelValue',
@@ -805,10 +733,6 @@ var script = defineComponent({
     features: {
       type: Object,
       default: () => ({})
-    },
-    loading: {
-      type: Boolean,
-      default: false
     }
   },
   emits: ['update:modelValue'],
@@ -935,10 +859,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrDataGridTableHeaderCell = resolveComponent("OrDataGridTableHeaderCell");
   const _component_OrDataGridTableHeaderRow = resolveComponent("OrDataGridTableHeaderRow");
   const _component_OrDataGridTableHeader = resolveComponent("OrDataGridTableHeader");
-  const _component_OrSkeletonText = resolveComponent("OrSkeletonText");
   const _component_OrDataGridTableContentCell = resolveComponent("OrDataGridTableContentCell");
   const _component_OrDataGridTableContentRow = resolveComponent("OrDataGridTableContentRow");
-  const _component_OrDataGridTablePlaceholder = resolveComponent("OrDataGridTablePlaceholder");
   const _component_OrDataGridTableContent = resolveComponent("OrDataGridTableContent");
   const _component_OrDataGridTable = resolveComponent("OrDataGridTable");
   const _component_OrDataGridTableFooterCell = resolveComponent("OrDataGridTableFooterCell");
@@ -986,11 +908,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           default: withCtx(() => [createVNode(_component_OrCheckbox, {
             modelValue: _ctx.selectingIndicator,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.selectingIndicator = $event),
-            class: normalizeClass({
-              'invisible': _ctx.items.length === 0 || _ctx.loading
-            }),
             indeterminate: !_ctx.selectingIndicator && _ctx.selectingModel.length > 0
-          }, null, 8 /* PROPS */, ["modelValue", "class", "indeterminate"])]),
+          }, null, 8 /* PROPS */, ["modelValue", "indeterminate"])]),
           _: 1 /* STABLE */
         })) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, column => {
           return openBlock(), createBlock(_component_OrDataGridTableHeaderCell, {
@@ -1010,36 +929,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, 8 /* PROPS */, ["variant"])]),
       _: 1 /* STABLE */
     }), createVNode(_component_OrDataGridTableContent, null, {
-      default: withCtx(() => [_ctx.loading ? (openBlock(), createElementBlock(Fragment, {
-        key: 0
-      }, renderList(10, n => {
-        return createVNode(_component_OrDataGridTableContentRow, {
-          key: n,
-          variant: _ctx.variant
-        }, {
-          default: withCtx(() => [_ctx.features.selecting ? (openBlock(), createBlock(_component_OrDataGridTableContentCell, {
-            key: 0,
-            truncate: false
-          }, {
-            default: withCtx(() => [createVNode(_component_OrSkeletonText)]),
-            _: 1 /* STABLE */
-          })) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, column => {
-            return openBlock(), createBlock(_component_OrDataGridTableContentCell, {
-              key: column.name,
-              column: column,
-              features: _ctx.features,
-              truncate: false
-            }, {
-              default: withCtx(() => [createVNode(_component_OrSkeletonText)]),
-              _: 2 /* DYNAMIC */
-            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["column", "features"]);
-          }), 128 /* KEYED_FRAGMENT */))]),
-
-          _: 2 /* DYNAMIC */
-        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["variant"]);
-      }), 64 /* STABLE_FRAGMENT */)) : _ctx.items.length > 0 ? (openBlock(true), createElementBlock(Fragment, {
-        key: 1
-      }, renderList(_ctx.items, item => {
+      default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, item => {
         return openBlock(), createBlock(_component_OrDataGridTableContentRow, {
           key: item.id,
           variant: _ctx.variant,
@@ -1071,13 +961,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 
           _: 2 /* DYNAMIC */
         }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["variant", "selected"]);
-      }), 128 /* KEYED_FRAGMENT */)) : _ctx.$slots['empty'] ? (openBlock(), createBlock(_component_OrDataGridTablePlaceholder, {
-        key: 2,
-        variant: _ctx.variant
-      }, {
-        default: withCtx(() => [renderSlot(_ctx.$slots, 'empty')]),
-        _: 3 /* FORWARDED */
-      }, 8 /* PROPS */, ["variant"])) : createCommentVNode("v-if", true)]),
+      }), 128 /* KEYED_FRAGMENT */))]),
+
       _: 3 /* FORWARDED */
     })]),
 

package/dist/bundled/v3/components/OrDateFormatV3/OrDateFormat.js

@@ -1 +1 @@
-export { s as default } from '../OrDateFormatV3-f3383cef.js';
+export { s as default } from '../OrDateFormatV3-2d1668bd.js';

package/dist/bundled/v3/components/OrDateFormatV3/index.js

@@ -1 +1 @@
-export { s as OrDateFormatV3 } from '../OrDateFormatV3-f3383cef.js';
+export { s as OrDateFormatV3 } from '../OrDateFormatV3-2d1668bd.js';

package/dist/bundled/v3/components/OrDateFormatV3/styles.js

@@ -1 +1 @@
-export { D as DateFormat } from '../OrDateFormatV3-f3383cef.js';
+export { D as DateFormat } from '../OrDateFormatV3-2d1668bd.js';

package/dist/bundled/v3/components/{OrDateFormatV3-f3383cef.js → OrDateFormatV3-2d1668bd.js}

@@ -2,7 +2,7 @@ import { openBlock, createElementBlock, normalizeClass, Fragment, createTextVNod
 import { defineComponent, ref, computed, toRef } from 'vue-demi';
 import { useDateFormat } from '../hooks/useDateFormat.js';
 import { useLocale } from '../hooks/useLocale.js';
-import { f as formatDate } from './OrDateTimePickerV3-d2898922.js';
+import { f as formatDate } from './OrDateTimePickerV3-ca4e5850.js';
 
 const DateFormat = [
 // Layout

package/dist/bundled/v3/components/OrDatePickerV3/OrDatePicker.js

@@ -1 +1 @@
-export { s as default } from '../OrDatePickerV3-025bfe37.js';
+export { s as default } from '../OrDatePickerV3-e7dd960c.js';

package/dist/bundled/v3/components/OrDatePickerV3/index.js

@@ -1 +1 @@
-export { s as OrDatePickerV3 } from '../OrDatePickerV3-025bfe37.js';
+export { s as OrDatePickerV3 } from '../OrDatePickerV3-e7dd960c.js';

package/dist/bundled/v3/components/OrDatePickerV3/styles.js

@@ -1 +1 @@
-export { D as DatePicker, a as DatePickerPopover } from '../OrDatePickerV3-025bfe37.js';
+export { D as DatePicker, a as DatePickerPopover } from '../OrDatePickerV3-e7dd960c.js';

package/dist/bundled/v3/components/{OrDatePickerV3-025bfe37.js → OrDatePickerV3-e7dd960c.js}

@@ -1,13 +1,13 @@
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, withDirectives, withModifiers, createVNode, vShow, createElementVNode } from 'vue';
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
-import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, g as getCurrentDate, h as formatMobileDate } from './OrDateTimePickerV3-d2898922.js';
+import { s as script$1, a as script$2, b as script$3, c as script$4, d as script$5, e as script$6, g as getCurrentDate, h as formatMobileDate } from './OrDateTimePickerV3-ca4e5850.js';
 import { s as script$7 } from './OrErrorV3-b04d76aa.js';
 import { s as script$8 } from './OrHintV3-c8ac5975.js';
 import { s as script$9 } from './OrIconV3-b5c97ea7.js';
-import { s as script$a } from './OrIconButtonV3-9f2ac68d.js';
+import { s as script$a } from './OrIconButtonV3-94566a62.js';
 import { s as script$b, I as InputBoxSize } from './OrInputBoxV3-ff861412.js';
 import { s as script$c } from './OrLabelV3-2715e117.js';
-import { s as script$d } from './OrPopoverV3-cbfe3526.js';
+import { s as script$d } from './OrPopoverV3-9a8f4893.js';
 import { DropdownClose } from '../directives/dropdown-close.js';
 import { DropdownOpen } from '../directives/dropdown-open.js';
 import { useDateFormat } from '../hooks/useDateFormat.js';