@onereach/ui-components 11.12.1 → 11.13.0

package/dist/esm/v3/{OrDataGridToolbar-f9e9f135.js → OrDataGridToolbar-993e4fb0.js}

@@ -1,6 +1,8 @@
 import { defineComponent, ref, computed } from 'vue-demi';
 import { openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, normalizeStyle, resolveComponent, createBlock } from 'vue';
-import { s as script$d } from './OrIcon-9aff520e.js';
+import { s as script$e } from './OrIcon-9aff520e.js';
+import './dom-53c9635b.js';
+import { i as isArray } from './isArray-8eeb52b9.js';
 
 const DataGridFooter = [
 // Layout
@@ -17,7 +19,7 @@ const DataGridFooterStatus = [
 // Typography
 'typography-body-2-semibold'];
 
-var script$c = defineComponent({
+var script$d = defineComponent({
   name: 'OrDataGridFooter',
   expose: ['root'],
   setup() {
@@ -33,22 +35,22 @@ var script$c = defineComponent({
   }
 });
 
-const _hoisted_1$2 = {
+const _hoisted_1$4 = {
   key: 1,
   class: /*#__PURE__*/normalizeClass(['grow'])
 };
-function render$c(_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$2)) : 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$4)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, 'paging')], 2 /* CLASS */);
 }
 
-script$c.render = render$c;
-script$c.__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
@@ -61,7 +63,7 @@ const DataGridHeaderTitle = [
 // Typography
 'typography-headline-2'];
 
-var script$b = defineComponent({
+var script$c = defineComponent({
   name: 'OrDataGridHeader',
   expose: ['root'],
   setup() {
@@ -77,36 +79,34 @@ var script$b = defineComponent({
   }
 });
 
-const _hoisted_1$1 = {
+const _hoisted_1$3 = {
   key: 1,
   class: /*#__PURE__*/normalizeClass(['grow'])
 };
-function render$b(_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$1)) : 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$3)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, 'searching')], 2 /* CLASS */);
 }
 
-script$b.render = render$b;
-script$b.__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$a = defineComponent({
+var script$b = defineComponent({
   name: 'OrDataGridTableContentCell',
   props: {
     column: {
@@ -116,6 +116,10 @@ var script$a = defineComponent({
     features: {
       type: Object,
       default: undefined
+    },
+    truncate: {
+      type: Boolean,
+      default: true
     }
   },
   expose: ['root'],
@@ -162,16 +166,22 @@ var script$a = defineComponent({
   }
 });
 
-function render$a(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$2 = {
+  key: 0,
+  class: /*#__PURE__*/normalizeClass(['truncate'])
+};
+function render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
     class: normalizeClass(_ctx.rootStyles),
     style: normalizeStyle(_ctx.rootInlineStyles)
-  }, [renderSlot(_ctx.$slots, "default")], 6 /* CLASS, STYLE */);
+  }, [_ctx.truncate ? (openBlock(), createElementBlock("div", _hoisted_1$2, [renderSlot(_ctx.$slots, "default")])) : renderSlot(_ctx.$slots, "default", {
+    key: 1
+  })], 6 /* CLASS, STYLE */);
 }
 
-script$a.render = render$a;
-script$a.__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) {
@@ -182,7 +192,7 @@ var DataGridVariant;
 
 const DataGridTableContentRow = [
 // Layout
-'grid col-span-full grid-cols-[subgrid]',
+'grid grid-cols-[subgrid] col-span-full',
 // Typography
 'typography-body-2-regular',
 // Theme
@@ -207,7 +217,7 @@ const DataGridTableContentRowVariants = {
   'h-[calc(theme(spacing.xl)+theme(spacing.xs))]']
 };
 
-var script$9 = defineComponent({
+var script$a = defineComponent({
   name: 'OrDataGridTableContentRow',
   props: {
     variant: {
@@ -231,23 +241,23 @@ var script$9 = defineComponent({
   }
 });
 
-const _hoisted_1 = ["selected"];
-function render$9(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$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);
+  }, [renderSlot(_ctx.$slots, "default")], 10 /* CLASS, PROPS */, _hoisted_1$1);
 }
 
-script$9.render = render$9;
-script$9.__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$8 = defineComponent({
+var script$9 = defineComponent({
   name: 'OrDataGridTableContent',
   expose: ['root'],
   setup() {
@@ -261,25 +271,23 @@ var script$8 = defineComponent({
   }
 });
 
-function render$8(_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$8.render = render$8;
-script$8.__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',
-// Typography
-'whitespace-nowrap'];
+'px-sm+', 'py-0', 'gap-xs'];
 
-var script$7 = defineComponent({
+var script$8 = defineComponent({
   name: 'OrDataGridTableFooterCell',
   expose: ['root'],
   setup() {
@@ -293,19 +301,19 @@ var script$7 = defineComponent({
   }
 });
 
-function render$7(_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$7.render = render$7;
-script$7.__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 col-span-full',
+'grid grid-cols-1',
 // Typography
 'typography-body-2-regular',
 // Theme
@@ -324,7 +332,7 @@ const DataGridTableFooterRowVariants = {
   'h-[calc(theme(spacing.xl)+theme(spacing.xs))]']
 };
 
-var script$6 = defineComponent({
+var script$7 = defineComponent({
   name: 'OrDataGridTableFooterRow',
   props: {
     variant: {
@@ -344,21 +352,21 @@ var script$6 = defineComponent({
   }
 });
 
-function render$6(_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$6.render = render$6;
-script$6.__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$5 = defineComponent({
+var script$6 = defineComponent({
   name: 'OrDataGridTableFooter',
   expose: ['root'],
   setup() {
@@ -372,32 +380,30 @@ var script$5 = defineComponent({
   }
 });
 
-function render$5(_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$5.render = render$5;
-script$5.__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$4 = defineComponent({
+var script$5 = defineComponent({
   name: 'OrDataGridTableHeaderCell',
   components: {
-    OrIcon: script$d
+    OrIcon: script$e
   },
   model: {
     prop: 'modelValue',
@@ -415,6 +421,10 @@ var script$4 = defineComponent({
     features: {
       type: Object,
       default: undefined
+    },
+    truncate: {
+      type: Boolean,
+      default: true
     }
   },
   expose: ['root'],
@@ -497,27 +507,33 @@ var script$4 = defineComponent({
   }
 });
 
-function render$4(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1 = {
+  key: 0,
+  class: /*#__PURE__*/normalizeClass(['truncate'])
+};
+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())
-  }, [renderSlot(_ctx.$slots, "default"), _ctx.model ? (openBlock(), createBlock(_component_OrIcon, {
-    key: 0,
+  }, [_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,
     icon: _ctx.model.direction === 'asc' ? 'arrow_upward' : 'arrow_downward'
   }, null, 8 /* PROPS */, ["icon"])) : createCommentVNode("v-if", true)], 6 /* CLASS, STYLE */);
 }
 
-script$4.render = render$4;
-script$4.__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 col-span-full grid-cols-[subgrid]',
+'grid grid-cols-[subgrid] col-span-full',
 // Typography
 'typography-body-2-semibold',
 // Theme (children)
@@ -534,7 +550,7 @@ const DataGridTableHeaderRowVariants = {
   'h-[calc(theme(spacing.xl)+theme(spacing.xs))]']
 };
 
-var script$3 = defineComponent({
+var script$4 = defineComponent({
   name: 'OrDataGridTableHeaderRow',
   props: {
     variant: {
@@ -554,21 +570,21 @@ var script$3 = defineComponent({
   }
 });
 
-function render$3(_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$3.render = render$3;
-script$3.__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$2 = defineComponent({
+var script$3 = defineComponent({
   name: 'OrDataGridTableHeader',
   expose: ['root'],
   setup() {
@@ -582,6 +598,57 @@ var script$2 = defineComponent({
   }
 });
 
+function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles)
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
+}
+
+script$3.render = render$3;
+script$3.__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$2 = 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$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: 'root',
@@ -590,7 +657,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$2.render = render$2;
-script$2.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-header/OrDataGridTableHeader.vue";
+script$2.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-placeholder/OrDataGridTablePlaceholder.vue";
 
 const DataGridTable = [
 // Layout
@@ -620,15 +687,18 @@ var script$1 = 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}`
+          gridTemplateColumns: `auto ${gridTemplateColumns.join(' ')}`
         };
       }
       return {
-        gridTemplateColumns
+        gridTemplateColumns: gridTemplateColumns.join(' ')
       };
     });
     return {
@@ -682,4 +752,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render;
 script.__file = "src/components/or-data-grid-v3/partials/or-data-grid-toolbar/OrDataGridToolbar.vue";
 
-export { DataGridVariant as D, script$b as a, script$1 as b, script$8 as c, script$a as d, script$9 as e, script$5 as f, script$7 as g, script$6 as h, script$2 as i, script$4 as j, script$3 as k, script as l, script$c as s };
+export { DataGridVariant as D, script$c as a, script$1 as b, script$9 as c, script$b as d, script$a as e, script$6 as f, script$8 as g, script$7 as h, script$3 as i, script$5 as j, script$4 as k, script$2 as l, script as m, script$d as s };

package/dist/esm/v3/components/index.js

@@ -32,8 +32,8 @@ export { s as OrCombinedInputV3 } from '../OrCombinedInput-04dda289.js';
 export { s as OrConfirm } from '../OrConfirm-7c132ea7.js';
 export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-9c6e4da4.js';
 export { s as OrContextMenuV3 } from '../OrContextMenu-8200a122.js';
-export { s as OrDataGridV3 } from '../OrDataGrid-40a36949.js';
-export { D as DataGridVariant } from '../OrDataGridToolbar-f9e9f135.js';
+export { s as OrDataGridV3 } from '../OrDataGrid-727b63c7.js';
+export { D as DataGridVariant } from '../OrDataGridToolbar-993e4fb0.js';
 export { s as OrDateFormatV3 } from '../OrDateFormat-980ac88c.js';
 export { s as OrDatePickerV3 } from '../OrDatePicker-62ab9a01.js';
 export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-2b559dc8.js';

package/dist/esm/v3/components/or-data-grid-v3/OrDataGrid.vue.d.ts

@@ -25,6 +25,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<DataGridFeatures>;
         default: () => {};
     };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
@@ -61,6 +65,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<DataGridFeatures>;
         default: () => {};
     };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -71,5 +79,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     }[];
     variant: DataGridVariant;
     features: DataGridFeatures;
+    loading: boolean;
 }>;
 export default _default;

package/dist/esm/v3/components/or-data-grid-v3/index.js

@@ -1,5 +1,5 @@
-export { s as OrDataGridV3 } from '../../OrDataGrid-40a36949.js';
-export { D as DataGridVariant } from '../../OrDataGridToolbar-f9e9f135.js';
+export { s as OrDataGridV3 } from '../../OrDataGrid-727b63c7.js';
+export { D as DataGridVariant } from '../../OrDataGridToolbar-993e4fb0.js';
 import 'vue-demi';
 import '../../OrCheckbox-84a9c024.js';
 import '../../useIdAttribute-3a339b79.js';
@@ -43,3 +43,9 @@ import '../../OrInputBox-8a5687dc.js';
 import '../../OrInput-e5144fd8.js';
 import '../../OrError-331220bc.js';
 import '../../OrHint-262c8217.js';
+import '../../OrSkeletonCircle-a3eb5f53.js';
+import '../../px-to-rem-0b26b83e.js';
+import '../../styles-ed564e39.js';
+import '../../OrSkeletonRect-d0b8b2cf.js';
+import '../../OrSkeletonText-5e9579c1.js';
+import 'lodash/range';

package/dist/esm/v3/components/or-data-grid-v3/partials/index.d.ts

@@ -9,5 +9,6 @@ export { default as OrDataGridTableFooter } from './or-data-grid-table-footer/Or
 export { default as OrDataGridTableHeaderCell } from './or-data-grid-table-header-cell/OrDataGridTableHeaderCell.vue';
 export { default as OrDataGridTableHeaderRow } from './or-data-grid-table-header-row/OrDataGridTableHeaderRow.vue';
 export { default as OrDataGridTableHeader } from './or-data-grid-table-header/OrDataGridTableHeader.vue';
+export { default as OrDataGridTablePlaceholder } from './or-data-grid-table-placeholder/OrDataGridTablePlaceholder.vue';
 export { default as OrDataGridTable } from './or-data-grid-table/OrDataGridTable.vue';
 export { default as OrDataGridToolbar } from './or-data-grid-toolbar/OrDataGridToolbar.vue';

package/dist/esm/v3/components/or-data-grid-v3/partials/index.js

@@ -1,4 +1,8 @@
-export { s as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridToolbar } from '../../../OrDataGridToolbar-f9e9f135.js';
+export { s as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridTablePlaceholder, m as OrDataGridToolbar } from '../../../OrDataGridToolbar-993e4fb0.js';
 import 'vue-demi';
 import 'vue';
 import '../../../OrIcon-9aff520e.js';
+import '../../../dom-53c9635b.js';
+import 'lodash/get';
+import 'lodash/isElement';
+import '../../../isArray-8eeb52b9.js';

package/dist/esm/v3/components/or-data-grid-v3/partials/or-data-grid-table-content-cell/OrDataGridTableContentCell.vue.d.ts

@@ -9,6 +9,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<DataGridFeatures>;
         default: undefined;
     };
+    truncate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
@@ -22,8 +26,13 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<DataGridFeatures>;
         default: undefined;
     };
+    truncate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     column: DataGridColumn;
     features: DataGridFeatures;
+    truncate: boolean;
 }>;
 export default _default;

package/dist/esm/v3/components/or-data-grid-v3/partials/or-data-grid-table-header-cell/OrDataGridTableHeaderCell.vue.d.ts

@@ -16,6 +16,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<DataGridFeatures>;
         default: undefined;
     };
+    truncate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
@@ -41,6 +45,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<DataGridFeatures>;
         default: undefined;
     };
+    truncate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     modelValue: import("../../../..").ModelValue<{
         column: string;
@@ -48,5 +56,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     }>;
     column: DataGridColumn;
     features: DataGridFeatures;
+    truncate: boolean;
 }>;
 export default _default;

package/dist/esm/v3/components/or-data-grid-v3/partials/or-data-grid-table-placeholder/OrDataGridTablePlaceholder.vue.d.ts

@@ -0,0 +1,17 @@
+import { PropType } from 'vue-demi';
+import { DataGridVariant } from '../../types';
+declare const _default: import("vue-demi").DefineComponent<{
+    variant: {
+        type: PropType<DataGridVariant>;
+        required: true;
+    };
+}, {
+    root: import("vue-demi").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue-demi").ComputedRef<string[]>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    variant: {
+        type: PropType<DataGridVariant>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

package/dist/esm/v3/components/or-data-grid-v3/partials/or-data-grid-table-placeholder/styles.d.ts

@@ -0,0 +1,3 @@
+import { DataGridVariant } from '../../types';
+export declare const DataGridTablePlaceholder: string[];
+export declare const DataGridTablePlaceholderVariants: Record<DataGridVariant, string[]>;

package/dist/esm/v3/components/or-data-grid-v3/types.d.ts

@@ -14,8 +14,7 @@ export type DataGridItem<T extends DataModel> = T;
 export type DataGridColumn = {
     name: string;
     label: string;
-    width?: string;
-    offset?: number;
+    width?: string | [string, string];
     alignment?: 'start' | 'end' | 'center';
     stickiness?: 'start' | 'end';
 };

package/dist/esm/v3/index.js

@@ -32,8 +32,8 @@ export { s as OrCombinedInputV3 } from './OrCombinedInput-04dda289.js';
 export { s as OrConfirm } from './OrConfirm-7c132ea7.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-9c6e4da4.js';
 export { s as OrContextMenuV3 } from './OrContextMenu-8200a122.js';
-export { s as OrDataGridV3 } from './OrDataGrid-40a36949.js';
-export { D as DataGridVariant } from './OrDataGridToolbar-f9e9f135.js';
+export { s as OrDataGridV3 } from './OrDataGrid-727b63c7.js';
+export { D as DataGridVariant } from './OrDataGridToolbar-993e4fb0.js';
 export { s as OrDateFormatV3 } from './OrDateFormat-980ac88c.js';
 export { s as OrDatePickerV3 } from './OrDatePicker-62ab9a01.js';
 export { s as OrDateRangePickerV3 } from './OrDateRangePicker-2b559dc8.js';