@onereach/ui-components 10.4.5-beta.4380.0 → 10.4.5-beta.4384.0

package/dist/bundled/v2/{OrDataGrid-4af46b6e.js → OrDataGrid-5f7f4077.js}

@@ -457,8 +457,6 @@ const __vue_component__$f = /*#__PURE__*/normalizeComponent({
 var __vue_component__$g = __vue_component__$f;
 
 const DataGridTableFooterRow = [
-// Position
-'sticky bottom-0 z-10',
 // Layout
 'grid col-span-full',
 // Typography
@@ -1069,6 +1067,18 @@ var script = defineComponent({
     const root = ref();
     const rootStyles = computed(() => ['or-data-grid-v3', ...DataGrid]);
     // State
+    const selectingIndicator = computed({
+      get: () => {
+        return props.items.every(item => selectingModel.value.includes(item.id));
+      },
+      set: value => {
+        if (value) {
+          selectingModel.value = [...new Set([...selectingModel.value, ...props.items.map(item => item.id)])];
+        } else {
+          selectingModel.value = [];
+        }
+      }
+    });
     const selectingModel = computed({
       get: () => {
         var _a, _b;
@@ -1153,6 +1163,7 @@ var script = defineComponent({
     return {
       root,
       rootStyles,
+      selectingIndicator,
       selectingModel,
       filteringModel,
       searchingModel,
@@ -1208,7 +1219,18 @@ var __vue_render__ = function () {
     attrs: {
       "variant": _vm.variant
     }
-  }, [_vm.features.selecting ? [_c('OrDataGridTableHeaderCell')] : _vm._e(), _vm._v(" "), _vm._l(_vm.columns, function (column) {
+  }, [_vm.features.selecting ? [_c('OrDataGridTableHeaderCell', [_c('OrCheckbox', {
+    attrs: {
+      "indeterminate": !_vm.selectingIndicator && _vm.selectingModel.length > 0
+    },
+    model: {
+      value: _vm.selectingIndicator,
+      callback: function ($$v) {
+        _vm.selectingIndicator = $$v;
+      },
+      expression: "selectingIndicator"
+    }
+  })], 1)] : _vm._e(), _vm._v(" "), _vm._l(_vm.columns, function (column) {
     return _c('OrDataGridTableHeaderCell', {
       key: column.name,
       attrs: {

package/dist/bundled/v2/components/OrDataGridV3/OrDataGrid.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrDataGrid-4af46b6e.js';
+export { _ as default } from '../../OrDataGrid-5f7f4077.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrDataGridV3/OrDataGrid.vue.d.ts

@@ -4,6 +4,7 @@ import { DataGridColumn, DataGridFeatures, DataGridModelValue, DataGridVariant }
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    selectingIndicator: import("@vue/composition-api").WritableComputedRef<boolean>;
     selectingModel: import("@vue/composition-api").WritableComputedRef<Id[]>;
     filteringModel: import("@vue/composition-api").WritableComputedRef<undefined>;
     searchingModel: import("@vue/composition-api").WritableComputedRef<import("../../types").ModelValue<string>>;
@@ -74,6 +75,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    selectingIndicator: import("@vue/composition-api").WritableComputedRef<boolean>;
     selectingModel: import("@vue/composition-api").WritableComputedRef<Id[]>;
     filteringModel: import("@vue/composition-api").WritableComputedRef<undefined>;
     searchingModel: import("@vue/composition-api").WritableComputedRef<import("../../types").ModelValue<string>>;

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

@@ -1 +1 @@
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-4af46b6e.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../../OrDataGrid-5f7f4077.js';

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

@@ -44,7 +44,7 @@ export { default as OrConfirm } from './OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './OrConfirmV3/OrConfirm.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-4af46b6e.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-5f7f4077.js';
 export { default as OrDateFormatV3 } from './OrDateFormatV3/OrDateFormat.js';
 export { default as OrDatePickerV3 } from './OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateRangePickerV3 } from './OrDateRangePickerV3/OrDateRangePicker.js';

package/dist/bundled/v2/index.js

@@ -18,7 +18,7 @@ export { default as OrCombinedInputV3 } from './components/OrCombinedInputV3/OrC
 export { default as OrConfirm } from './components/OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './components/OrConfirmV3/OrConfirm.js';
 export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, _ as OrDataGridV3 } from './OrDataGrid-4af46b6e.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from './OrDataGrid-5f7f4077.js';
 export { default as OrDateFormatV3 } from './components/OrDateFormatV3/OrDateFormat.js';
 export { default as OrDatePickerV3 } from './components/OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateRangePickerV3 } from './components/OrDateRangePickerV3/OrDateRangePicker.js';

package/dist/bundled/v3/components/OrDataGridV3/OrDataGrid.js

@@ -1 +1 @@
-export { s as default } from '../OrDataGridV3-d41bc776.js';
+export { s as default } from '../OrDataGridV3-082274c0.js';

package/dist/bundled/v3/components/OrDataGridV3/OrDataGrid.vue.d.ts

@@ -28,6 +28,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
+    selectingIndicator: import("vue-demi").WritableComputedRef<boolean>;
     selectingModel: import("vue-demi").WritableComputedRef<Id[]>;
     filteringModel: import("vue-demi").WritableComputedRef<undefined>;
     searchingModel: import("vue-demi").WritableComputedRef<import("../../types").ModelValue<string>>;

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

@@ -1 +1 @@
-export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-d41bc776.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-082274c0.js';

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

@@ -1 +1 @@
-export { a as DataGrid } from '../OrDataGridV3-d41bc776.js';
+export { a as DataGrid } from '../OrDataGridV3-082274c0.js';

package/dist/bundled/v3/components/{OrDataGridV3-d41bc776.js → OrDataGridV3-082274c0.js}

@@ -311,8 +311,6 @@ 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 = [
-// Position
-'sticky bottom-0 z-10',
 // Layout
 'grid col-span-full',
 // Typography
@@ -748,6 +746,18 @@ var script = defineComponent({
     const root = ref();
     const rootStyles = computed(() => ['or-data-grid-v3', ...DataGrid]);
     // State
+    const selectingIndicator = computed({
+      get: () => {
+        return props.items.every(item => selectingModel.value.includes(item.id));
+      },
+      set: value => {
+        if (value) {
+          selectingModel.value = [...new Set([...selectingModel.value, ...props.items.map(item => item.id)])];
+        } else {
+          selectingModel.value = [];
+        }
+      }
+    });
     const selectingModel = computed({
       get: () => {
         var _a, _b;
@@ -832,6 +842,7 @@ var script = defineComponent({
     return {
       root,
       rootStyles,
+      selectingIndicator,
       selectingModel,
       filteringModel,
       searchingModel,
@@ -845,10 +856,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrSearch = resolveComponent("OrSearch");
   const _component_OrDataGridHeader = resolveComponent("OrDataGridHeader");
   const _component_OrDataGridToolbar = resolveComponent("OrDataGridToolbar");
+  const _component_OrCheckbox = resolveComponent("OrCheckbox");
   const _component_OrDataGridTableHeaderCell = resolveComponent("OrDataGridTableHeaderCell");
   const _component_OrDataGridTableHeaderRow = resolveComponent("OrDataGridTableHeaderRow");
   const _component_OrDataGridTableHeader = resolveComponent("OrDataGridTableHeader");
-  const _component_OrCheckbox = resolveComponent("OrCheckbox");
   const _component_OrDataGridTableContentCell = resolveComponent("OrDataGridTableContentCell");
   const _component_OrDataGridTableContentRow = resolveComponent("OrDataGridTableContentRow");
   const _component_OrDataGridTableContent = resolveComponent("OrDataGridTableContent");
@@ -893,11 +904,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, {
         default: withCtx(() => [_ctx.features.selecting ? (openBlock(), createBlock(_component_OrDataGridTableHeaderCell, {
           key: 0
+        }, {
+          default: withCtx(() => [createVNode(_component_OrCheckbox, {
+            modelValue: _ctx.selectingIndicator,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.selectingIndicator = $event),
+            indeterminate: !_ctx.selectingIndicator && _ctx.selectingModel.length > 0
+          }, 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, {
             key: column.name,
             modelValue: _ctx.sortingModel,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.sortingModel = $event),
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.sortingModel = $event),
             column: column,
             features: _ctx.features
           }, {
@@ -922,7 +940,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, {
             default: withCtx(() => [createVNode(_component_OrCheckbox, {
               modelValue: _ctx.selectingModel,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.selectingModel = $event),
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => _ctx.selectingModel = $event),
               value: item.id
             }, null, 8 /* PROPS */, ["modelValue", "value"])]),
             _: 2 /* DYNAMIC */
@@ -980,7 +998,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     name: "paging",
     fn: withCtx(() => [createVNode(_component_OrPagination, {
       modelValue: _ctx.pagingModel,
-      "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => _ctx.pagingModel = $event),
+      "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.pagingModel = $event),
       length: _ctx.features.paging.length,
       options: _ctx.features.paging.options
     }, null, 8 /* PROPS */, ["modelValue", "length", "options"])]),

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

@@ -24,7 +24,7 @@ export { s as OrCombinedInputV3 } from './OrCombinedInputV3-d40e62b4.js';
 export { s as OrConfirm } from './OrConfirm-ba3d6b15.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-f3cb1d17.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-d41bc776.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-082274c0.js';
 export { s as OrDateFormatV3 } from './OrDateFormatV3-61017f82.js';
 export { s as OrDatePickerV3 } from './OrDatePickerV3-a3bd25a5.js';
 export { s as OrDateRangePickerV3 } from './OrDateRangePickerV3-40622df6.js';

package/dist/bundled/v3/index.js

@@ -16,7 +16,7 @@ export { s as OrCombinedInputV3 } from './components/OrCombinedInputV3-d40e62b4.
 export { s as OrConfirm } from './components/OrConfirm-ba3d6b15.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-f3cb1d17.js';
 export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-d41bc776.js';
+export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-082274c0.js';
 export { s as OrDateFormatV3 } from './components/OrDateFormatV3-61017f82.js';
 export { s as OrDatePickerV3 } from './components/OrDatePickerV3-a3bd25a5.js';
 export { s as OrDateRangePickerV3 } from './components/OrDateRangePickerV3-40622df6.js';

package/dist/esm/v2/{OrDataGrid-0e0a1033.js → OrDataGrid-309f1513.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { _ as __vue_component__$1 } from './OrCheckbox-3b837bc2.js';
 import { _ as __vue_component__$f } from './OrPagination-404ee1b8.js';
 import { _ as __vue_component__$g } from './OrSearch-7b773c73.js';
-import { _ as __vue_component__$2, a as __vue_component__$3, b as __vue_component__$4, c as __vue_component__$5, d as __vue_component__$6, e as __vue_component__$7, f as __vue_component__$8, g as __vue_component__$9, h as __vue_component__$a, i as __vue_component__$b, j as __vue_component__$c, k as __vue_component__$d, l as __vue_component__$e, D as DataGridVariant } from './OrDataGridToolbar-6d344849.js';
+import { _ as __vue_component__$2, a as __vue_component__$3, b as __vue_component__$4, c as __vue_component__$5, d as __vue_component__$6, e as __vue_component__$7, f as __vue_component__$8, g as __vue_component__$9, h as __vue_component__$a, i as __vue_component__$b, j as __vue_component__$c, k as __vue_component__$d, l as __vue_component__$e, D as DataGridVariant } from './OrDataGridToolbar-931ff193.js';
 import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
 
 const DataGrid = [
@@ -62,6 +62,18 @@ var script = defineComponent({
     const root = ref();
     const rootStyles = computed(() => ['or-data-grid-v3', ...DataGrid]);
     // State
+    const selectingIndicator = computed({
+      get: () => {
+        return props.items.every(item => selectingModel.value.includes(item.id));
+      },
+      set: value => {
+        if (value) {
+          selectingModel.value = [...new Set([...selectingModel.value, ...props.items.map(item => item.id)])];
+        } else {
+          selectingModel.value = [];
+        }
+      }
+    });
     const selectingModel = computed({
       get: () => {
         var _a, _b;
@@ -146,6 +158,7 @@ var script = defineComponent({
     return {
       root,
       rootStyles,
+      selectingIndicator,
       selectingModel,
       filteringModel,
       searchingModel,
@@ -201,7 +214,18 @@ var __vue_render__ = function () {
     attrs: {
       "variant": _vm.variant
     }
-  }, [_vm.features.selecting ? [_c('OrDataGridTableHeaderCell')] : _vm._e(), _vm._v(" "), _vm._l(_vm.columns, function (column) {
+  }, [_vm.features.selecting ? [_c('OrDataGridTableHeaderCell', [_c('OrCheckbox', {
+    attrs: {
+      "indeterminate": !_vm.selectingIndicator && _vm.selectingModel.length > 0
+    },
+    model: {
+      value: _vm.selectingIndicator,
+      callback: function ($$v) {
+        _vm.selectingIndicator = $$v;
+      },
+      expression: "selectingIndicator"
+    }
+  })], 1)] : _vm._e(), _vm._v(" "), _vm._l(_vm.columns, function (column) {
     return _c('OrDataGridTableHeaderCell', {
       key: column.name,
       attrs: {

package/dist/esm/v2/{OrDataGridToolbar-6d344849.js → OrDataGridToolbar-931ff193.js}

@@ -447,8 +447,6 @@ const __vue_component__$7 = /*#__PURE__*/normalizeComponent({
 }, __vue_inject_styles__$7, __vue_script__$7, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
 
 const DataGridTableFooterRow = [
-// Position
-'sticky bottom-0 z-10',
 // Layout
 'grid col-span-full',
 // Typography

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

@@ -34,8 +34,8 @@ export { _ as OrCombinedInputV3 } from '../OrCombinedInput-4b19d4b3.js';
 export { _ as OrConfirm } from '../OrConfirm-4b5fdad4.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-d530b5b9.js';
 export { _ as OrContextMenuV3 } from '../OrContextMenu-9124fffe.js';
-export { _ as OrDataGridV3 } from '../OrDataGrid-0e0a1033.js';
-export { D as DataGridVariant } from '../OrDataGridToolbar-6d344849.js';
+export { _ as OrDataGridV3 } from '../OrDataGrid-309f1513.js';
+export { D as DataGridVariant } from '../OrDataGridToolbar-931ff193.js';
 export { _ as OrDateFormatV3 } from '../OrDateFormat-40da23f2.js';
 export { _ as OrDatePickerV3 } from '../OrDatePicker-72a797dd.js';
 export { _ as OrDateRangePickerV3 } from '../OrDateRangePicker-af87592b.js';

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

@@ -4,6 +4,7 @@ import { DataGridColumn, DataGridFeatures, DataGridModelValue, DataGridVariant }
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    selectingIndicator: import("@vue/composition-api").WritableComputedRef<boolean>;
     selectingModel: import("@vue/composition-api").WritableComputedRef<Id[]>;
     filteringModel: import("@vue/composition-api").WritableComputedRef<undefined>;
     searchingModel: import("@vue/composition-api").WritableComputedRef<import("../../types").ModelValue<string>>;
@@ -74,6 +75,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
 }, import("@vue/composition-api").ShallowUnwrapRef<{
     root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
+    selectingIndicator: import("@vue/composition-api").WritableComputedRef<boolean>;
     selectingModel: import("@vue/composition-api").WritableComputedRef<Id[]>;
     filteringModel: import("@vue/composition-api").WritableComputedRef<undefined>;
     searchingModel: import("@vue/composition-api").WritableComputedRef<import("../../types").ModelValue<string>>;

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

@@ -1,5 +1,5 @@
-export { _ as OrDataGridV3 } from '../../OrDataGrid-0e0a1033.js';
-export { D as DataGridVariant } from '../../OrDataGridToolbar-6d344849.js';
+export { _ as OrDataGridV3 } from '../../OrDataGrid-309f1513.js';
+export { D as DataGridVariant } from '../../OrDataGridToolbar-931ff193.js';
 import 'vue-demi';
 import '../../OrCheckbox-3b837bc2.js';
 import '../../useIdAttribute-859439f0.js';

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

@@ -1,4 +1,4 @@
-export { _ 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-6d344849.js';
+export { _ 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-931ff193.js';
 import 'vue-demi';
 import '../../../normalize-component-6e8e3d80.js';
 import '../../../OrIcon-03e3c802.js';

package/dist/esm/v2/index.js

@@ -34,8 +34,8 @@ export { _ as OrCombinedInputV3 } from './OrCombinedInput-4b19d4b3.js';
 export { _ as OrConfirm } from './OrConfirm-4b5fdad4.js';
 export { C as ConfirmType, _ as OrConfirmV3 } from './OrConfirm-d530b5b9.js';
 export { _ as OrContextMenuV3 } from './OrContextMenu-9124fffe.js';
-export { _ as OrDataGridV3 } from './OrDataGrid-0e0a1033.js';
-export { D as DataGridVariant } from './OrDataGridToolbar-6d344849.js';
+export { _ as OrDataGridV3 } from './OrDataGrid-309f1513.js';
+export { D as DataGridVariant } from './OrDataGridToolbar-931ff193.js';
 export { _ as OrDateFormatV3 } from './OrDateFormat-40da23f2.js';
 export { _ as OrDatePickerV3 } from './OrDatePicker-72a797dd.js';
 export { _ as OrDateRangePickerV3 } from './OrDateRangePicker-af87592b.js';

package/dist/esm/v3/{OrDataGrid-bbd1810b.js → OrDataGrid-746bd3a4.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed } from 'vue-demi';
 import { s as script$1 } from './OrCheckbox-7391dea0.js';
 import { s as script$f } from './OrPagination-9fa8d8d0.js';
 import { s as script$g } from './OrSearch-5ba5c899.js';
-import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, D as DataGridVariant } from './OrDataGridToolbar-ed7a46e4.js';
+import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, D as DataGridVariant } from './OrDataGridToolbar-c0bedcfe.js';
 import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, createSlots, withCtx, renderSlot, createBlock, createCommentVNode, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
 
 const DataGrid = [
@@ -62,6 +62,18 @@ var script = defineComponent({
     const root = ref();
     const rootStyles = computed(() => ['or-data-grid-v3', ...DataGrid]);
     // State
+    const selectingIndicator = computed({
+      get: () => {
+        return props.items.every(item => selectingModel.value.includes(item.id));
+      },
+      set: value => {
+        if (value) {
+          selectingModel.value = [...new Set([...selectingModel.value, ...props.items.map(item => item.id)])];
+        } else {
+          selectingModel.value = [];
+        }
+      }
+    });
     const selectingModel = computed({
       get: () => {
         var _a, _b;
@@ -146,6 +158,7 @@ var script = defineComponent({
     return {
       root,
       rootStyles,
+      selectingIndicator,
       selectingModel,
       filteringModel,
       searchingModel,
@@ -159,10 +172,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_OrSearch = resolveComponent("OrSearch");
   const _component_OrDataGridHeader = resolveComponent("OrDataGridHeader");
   const _component_OrDataGridToolbar = resolveComponent("OrDataGridToolbar");
+  const _component_OrCheckbox = resolveComponent("OrCheckbox");
   const _component_OrDataGridTableHeaderCell = resolveComponent("OrDataGridTableHeaderCell");
   const _component_OrDataGridTableHeaderRow = resolveComponent("OrDataGridTableHeaderRow");
   const _component_OrDataGridTableHeader = resolveComponent("OrDataGridTableHeader");
-  const _component_OrCheckbox = resolveComponent("OrCheckbox");
   const _component_OrDataGridTableContentCell = resolveComponent("OrDataGridTableContentCell");
   const _component_OrDataGridTableContentRow = resolveComponent("OrDataGridTableContentRow");
   const _component_OrDataGridTableContent = resolveComponent("OrDataGridTableContent");
@@ -207,11 +220,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       }, {
         default: withCtx(() => [_ctx.features.selecting ? (openBlock(), createBlock(_component_OrDataGridTableHeaderCell, {
           key: 0
+        }, {
+          default: withCtx(() => [createVNode(_component_OrCheckbox, {
+            modelValue: _ctx.selectingIndicator,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.selectingIndicator = $event),
+            indeterminate: !_ctx.selectingIndicator && _ctx.selectingModel.length > 0
+          }, 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, {
             key: column.name,
             modelValue: _ctx.sortingModel,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.sortingModel = $event),
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.sortingModel = $event),
             column: column,
             features: _ctx.features
           }, {
@@ -236,7 +256,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, {
             default: withCtx(() => [createVNode(_component_OrCheckbox, {
               modelValue: _ctx.selectingModel,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.selectingModel = $event),
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => _ctx.selectingModel = $event),
               value: item.id
             }, null, 8 /* PROPS */, ["modelValue", "value"])]),
             _: 2 /* DYNAMIC */
@@ -294,7 +314,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     name: "paging",
     fn: withCtx(() => [createVNode(_component_OrPagination, {
       modelValue: _ctx.pagingModel,
-      "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => _ctx.pagingModel = $event),
+      "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.pagingModel = $event),
       length: _ctx.features.paging.length,
       options: _ctx.features.paging.options
     }, null, 8 /* PROPS */, ["modelValue", "length", "options"])]),

package/dist/esm/v3/{OrDataGridToolbar-ed7a46e4.js → OrDataGridToolbar-c0bedcfe.js}

@@ -308,8 +308,6 @@ script$7.render = render$7;
 script$7.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-footer-cell/OrDataGridTableFooterCell.vue";
 
 const DataGridTableFooterRow = [
-// Position
-'sticky bottom-0 z-10',
 // Layout
 'grid col-span-full',
 // Typography

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

@@ -32,8 +32,8 @@ export { s as OrCombinedInputV3 } from '../OrCombinedInput-4dc423a8.js';
 export { s as OrConfirm } from '../OrConfirm-7c132ea7.js';
 export { C as ConfirmType, s as OrConfirmV3 } from '../OrConfirm-a5f93676.js';
 export { s as OrContextMenuV3 } from '../OrContextMenu-cd742ad1.js';
-export { s as OrDataGridV3 } from '../OrDataGrid-bbd1810b.js';
-export { D as DataGridVariant } from '../OrDataGridToolbar-ed7a46e4.js';
+export { s as OrDataGridV3 } from '../OrDataGrid-746bd3a4.js';
+export { D as DataGridVariant } from '../OrDataGridToolbar-c0bedcfe.js';
 export { s as OrDateFormatV3 } from '../OrDateFormat-992afd2d.js';
 export { s as OrDatePickerV3 } from '../OrDatePicker-14f3a0fc.js';
 export { s as OrDateRangePickerV3 } from '../OrDateRangePicker-300312f0.js';

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

@@ -28,6 +28,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     root: import("vue-demi").Ref<HTMLElement | undefined>;
     rootStyles: import("vue-demi").ComputedRef<string[]>;
+    selectingIndicator: import("vue-demi").WritableComputedRef<boolean>;
     selectingModel: import("vue-demi").WritableComputedRef<Id[]>;
     filteringModel: import("vue-demi").WritableComputedRef<undefined>;
     searchingModel: import("vue-demi").WritableComputedRef<import("../../types").ModelValue<string>>;

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

@@ -1,5 +1,5 @@
-export { s as OrDataGridV3 } from '../../OrDataGrid-bbd1810b.js';
-export { D as DataGridVariant } from '../../OrDataGridToolbar-ed7a46e4.js';
+export { s as OrDataGridV3 } from '../../OrDataGrid-746bd3a4.js';
+export { D as DataGridVariant } from '../../OrDataGridToolbar-c0bedcfe.js';
 import 'vue-demi';
 import '../../OrCheckbox-7391dea0.js';
 import '../../useIdAttribute-859439f0.js';

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

@@ -1,4 +1,4 @@
-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-ed7a46e4.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 OrDataGridToolbar } from '../../../OrDataGridToolbar-c0bedcfe.js';
 import 'vue-demi';
 import 'vue';
 import '../../../OrIcon-c446d072.js';

package/dist/esm/v3/index.js

@@ -32,8 +32,8 @@ export { s as OrCombinedInputV3 } from './OrCombinedInput-4dc423a8.js';
 export { s as OrConfirm } from './OrConfirm-7c132ea7.js';
 export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirm-a5f93676.js';
 export { s as OrContextMenuV3 } from './OrContextMenu-cd742ad1.js';
-export { s as OrDataGridV3 } from './OrDataGrid-bbd1810b.js';
-export { D as DataGridVariant } from './OrDataGridToolbar-ed7a46e4.js';
+export { s as OrDataGridV3 } from './OrDataGrid-746bd3a4.js';
+export { D as DataGridVariant } from './OrDataGridToolbar-c0bedcfe.js';
 export { s as OrDateFormatV3 } from './OrDateFormat-992afd2d.js';
 export { s as OrDatePickerV3 } from './OrDatePicker-14f3a0fc.js';
 export { s as OrDateRangePickerV3 } from './OrDateRangePicker-300312f0.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "10.4.5-beta.4380.0",
+  "version": "10.4.5-beta.4384.0",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
@@ -40,7 +40,7 @@
     "@codemirror/lang-json": "6.0.1",
     "@codemirror/lang-markdown": "6.1.1",
     "@floating-ui/dom": "1.4.2",
-    "@onereach/styles": "^6.9.2-beta.4380.0",
+    "@onereach/styles": "^6.9.2-beta.4384.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",

package/src/components/or-data-grid-v3/OrDataGrid.vue

@@ -39,7 +39,12 @@
           :variant="variant"
         >
           <template v-if="features.selecting">
-            <OrDataGridTableHeaderCell />
+            <OrDataGridTableHeaderCell>
+              <OrCheckbox
+                v-model="selectingIndicator"
+                :indeterminate="!selectingIndicator && selectingModel.length > 0"
+              />
+            </OrDataGridTableHeaderCell>
           </template>
 
           <OrDataGridTableHeaderCell
@@ -216,6 +221,25 @@ export default defineComponent({
     ]);
 
     // State
+    const selectingIndicator = computed({
+      get: () => {
+        return props.items.every((item) => selectingModel.value.includes(item.id));
+      },
+
+      set: (value) => {
+        if (value) {
+          selectingModel.value = [
+            ...new Set([
+              ...selectingModel.value,
+              ...props.items.map((item) => item.id),
+            ]),
+          ];
+        } else {
+          selectingModel.value = [];
+        }
+      },
+    });
+
     const selectingModel = computed({
       get: () => props.modelValue?.selecting ?? [],
 
@@ -298,6 +322,8 @@ export default defineComponent({
       root,
       rootStyles,
 
+      selectingIndicator,
+
       selectingModel,
       filteringModel,
       searchingModel,

package/src/components/or-data-grid-v3/partials/or-data-grid-table-footer-row/styles.ts

@@ -1,9 +1,6 @@
 import { DataGridVariant } from '../../types';
 
 export const DataGridTableFooterRow: string[] = [
-  // Position
-  'sticky bottom-0 z-10',
-
   // Layout
   'grid col-span-full',