@onereach/ui-components 19.3.0-beta.5046.0 → 19.3.0-beta.5083.0

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

@@ -0,0 +1,2065 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createTextVNode, createVNode, withCtx, toDisplayString, Fragment, renderList, createBlock, createCommentVNode, normalizeStyle, defineComponent, ref, computed, renderSlot, resolveDirective, withDirectives, withModifiers, vShow, mergeProps, watch } from 'vue';
+import '../../OrCheckbox-cfd587f1.js';
+import { OrCheckboxV3 as script$n } from '../or-checkbox-v3/index.js';
+import { OrDatePickerV3 as script$i } from '../or-date-picker-v3/index.js';
+import { s as script$h } from '../../OrDateTimePicker.vue_vue_type_script_lang-a26123c4.js';
+import '../../OrInput-4fcaf87c.js';
+import { OrInputV3 as script$o } from '../or-input-v3/index.js';
+import { OrRatingV3 as script$j } from '../or-rating-v3/index.js';
+import { OrSelectV3 as script$k } from '../or-select-v3/index.js';
+import { OrSwitchV3 as script$l } from '../or-switch-v3/index.js';
+import { s as styleInject } from '../../style-inject.es-87955792.js';
+import '../../OrTagInput-d569bdbe.js';
+import { OrTagInputV3 as script$p } from '../or-tag-input-v3/index.js';
+import { OrTimePickerV3 as script$m } from '../or-time-picker-v3/index.js';
+import { useElementSize } from '@vueuse/core';
+import '../../OrIcon-cd8db2b5.js';
+import { OrIconV3 as script$q } from '../or-icon-v3/index.js';
+import { OrPaginationV3 as script$f } from '../or-pagination-v3/index.js';
+import '../../OrSearch-8e817fad.js';
+import { OrSearchV3 as script$r } from '../or-search-v3/index.js';
+import { s as script$g } from '../../OrSkeletonText.vue_vue_type_script_lang-890c25e3.js';
+import '../../useValidationAttributes-DxhcSj_h-3380c3cf.js';
+import '../../dom-CwV-xS38-5babad01.js';
+import 'lodash/get';
+import 'lodash/isElement';
+import '../../extractCssVarName-IHa2pGlF-614fb8d2.js';
+import '../../OrLabel-d50a3ebb.js';
+import '../or-label-v3/index.js';
+import '../../dropdown-open-k6cFnrqA-b1726667.js';
+import '../../OrDateTimePickerMonthSelect-d6ed9d85.js';
+import '../../formatDate-0536a8d5.js';
+import '../../OrButton-91f48227.js';
+import '../or-button-v3/index.js';
+import '../../props-bba3dca8.js';
+import '../../constants-57e8b5da.js';
+import '../../OrLoader-4e331586.js';
+import '../or-loader-v3/index.js';
+import '../../OrIconButton-b7d4175c.js';
+import '../or-icon-button-v3/index.js';
+import '../../OrTooltip-62181b78.js';
+import '../or-tooltip-v3/index.js';
+import '../or-popover-v3/index.js';
+import '@floating-ui/core';
+import '@floating-ui/utils';
+import '@floating-ui/utils/dom';
+import '../or-bottom-sheet-v3/index.js';
+import '../../OrOverlay-d67e7093.js';
+import '../or-overlay-v3/index.js';
+import '../or-teleport-v3/index.js';
+import '../../OrPopover-bd078650.js';
+import '../../OrMenu-13beee12.js';
+import '../or-menu-v3/index.js';
+import '../../OrMenuItem-c40a275b.js';
+import '../or-menu-item-v3/index.js';
+import '../../OrDateTimePickerPopoverHeader-b4f2d13e.js';
+import '../../OrHint-fcdf591c.js';
+import '../or-error-v3/index.js';
+import '../or-hint-v3/index.js';
+import '../../OrInputBox-e79531c2.js';
+import '../or-input-box-v3/index.js';
+import '../../types-98e9a758.js';
+import '../../OrDateTimePickerTimeSelect-e48c7652.js';
+import '../../formatTime-6d5fedb0.js';
+import '../../searchItemsByLabel-BhinsABA-b8049fb6.js';
+import '../../OrTags-995e4846.js';
+import '../or-tags-v3/index.js';
+import '../or-tag-v3/index.js';
+import '../or-expansion-panel-v3/index.js';
+import 'lodash/range';
+
+const _hoisted_1$b = {
+  key: 0,
+  class: /*#__PURE__*/normalizeClass(['layout-row', 'gap-sm'])
+};
+function render$l(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrIcon = resolveComponent("OrIcon");
+  const _component_OrButton = resolveComponent("OrButton");
+  const _component_OrMenuItem = resolveComponent("OrMenuItem");
+  const _component_OrMenu = resolveComponent("OrMenu");
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles)
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.limitGroupStyles)
+  }, [_ctx.features.limit ? (openBlock(), createElementBlock("div", _hoisted_1$b, [createTextVNode(" Per page: "), createVNode(_component_OrButton, {
+    ref: 'limitButton',
+    class: normalizeClass(_ctx.itemStyles),
+    variant: 'link',
+    color: 'inherit',
+    activated: true,
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.limitMenu && _ctx.limitMenu.toggle())
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentLimit) + " ", 1 /* TEXT */), createVNode(_component_OrIcon, {
+      icon: _ctx.limitMenu && _ctx.limitMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'
+    }, null, 8 /* PROPS */, ["icon"])]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["class"]), createVNode(_component_OrMenu, {
+    ref: 'limitMenu',
+    "additional-styles": ['min-w-[60px]'],
+    trigger: _ctx.limitButtonRoot,
+    placement: 'top'
+  }, {
+    default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, limit => {
+      return openBlock(), createBlock(_component_OrMenuItem, {
+        key: limit,
+        selected: _ctx.currentLimit === limit,
+        onClick: $event => {
+          _ctx.currentLimit = limit;
+          _ctx.limitMenu && _ctx.limitMenu.close();
+        }
+      }, {
+        default: withCtx(() => [createTextVNode(toDisplayString(limit), 1 /* TEXT */)]),
+        _: 2 /* DYNAMIC */
+      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "onClick"]);
+    }), 128 /* KEYED_FRAGMENT */))]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["trigger"])])) : createCommentVNode("v-if", true), _ctx.features.range ? (openBlock(), createElementBlock(Fragment, {
+    key: 1
+  }, [createTextVNode(toDisplayString(_ctx.currentOffset + 1) + "-" + toDisplayString(Math.min(_ctx.currentOffset + _ctx.currentLimit, _ctx.length)) + " of " + toDisplayString(_ctx.length), 1 /* TEXT */)], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true)], 2 /* CLASS */), createElementVNode("div", {
+    class: normalizeClass(_ctx.offsetGroupStyles)
+  }, [createVNode(_component_OrButton, {
+    class: normalizeClass(_ctx.itemStyles),
+    variant: 'link',
+    color: 'inherit',
+    disabled: _ctx.currentPage === _ctx.firstPage,
+    onClick: _cache[1] || (_cache[1] = $event => _ctx.toPreviousPage())
+  }, {
+    default: withCtx(() => [createVNode(_component_OrIcon, {
+      icon: 'keyboard_arrow_left'
+    })]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["class", "disabled"]), _ctx.isDesktop ? (openBlock(true), createElementBlock(Fragment, {
+    key: 0
+  }, renderList(_ctx.buttonGroup, (page, index) => {
+    return openBlock(), createBlock(_component_OrButton, {
+      key: index,
+      class: normalizeClass(_ctx.itemStyles),
+      variant: 'link',
+      color: 'inherit',
+      activated: _ctx.currentPage === page,
+      onClick: $event => typeof page === 'number' && _ctx.toPage(page)
+    }, {
+      default: withCtx(() => [createTextVNode(toDisplayString(page), 1 /* TEXT */)]),
+      _: 2 /* DYNAMIC */
+    }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "activated", "onClick"]);
+  }), 128 /* KEYED_FRAGMENT */)) : createCommentVNode("v-if", true), _ctx.isMobile ? (openBlock(), createElementBlock(Fragment, {
+    key: 1
+  }, [createVNode(_component_OrButton, {
+    ref: 'offsetButton',
+    class: normalizeClass(_ctx.itemStyles),
+    variant: 'link',
+    color: 'inherit',
+    activated: true,
+    onClick: _cache[2] || (_cache[2] = $event => _ctx.offsetMenu && _ctx.offsetMenu.open())
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.currentPage) + " ", 1 /* TEXT */), createVNode(_component_OrIcon, {
+      icon: _ctx.offsetMenu && _ctx.offsetMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'
+    }, null, 8 /* PROPS */, ["icon"])]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["class"]), createVNode(_component_OrMenu, {
+    ref: 'offsetMenu',
+    "additional-styles": ['min-w-[60px]'],
+    trigger: _ctx.offsetButtonRoot,
+    placement: 'top'
+  }, {
+    default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.lastPage, page => {
+      return openBlock(), createBlock(_component_OrMenuItem, {
+        key: page,
+        selected: _ctx.currentPage === page,
+        onClick: $event => {
+          _ctx.currentPage = page;
+          _ctx.offsetMenu && _ctx.offsetMenu.close();
+        }
+      }, {
+        default: withCtx(() => [createTextVNode(toDisplayString(page), 1 /* TEXT */)]),
+        _: 2 /* DYNAMIC */
+      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "onClick"]);
+    }), 128 /* KEYED_FRAGMENT */))]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["trigger"])], 64 /* STABLE_FRAGMENT */)) : createCommentVNode("v-if", true), createVNode(_component_OrButton, {
+    class: normalizeClass(_ctx.itemStyles),
+    variant: 'link',
+    color: 'inherit',
+    disabled: _ctx.currentPage === _ctx.lastPage,
+    onClick: _cache[3] || (_cache[3] = $event => _ctx.toNextPage())
+  }, {
+    default: withCtx(() => [createVNode(_component_OrIcon, {
+      icon: 'keyboard_arrow_right'
+    })]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["class", "disabled"])], 2 /* CLASS */)], 2 /* CLASS */);
+}
+
+script$f.render = render$l;
+script$f.__file = "src/components/or-pagination-v3/OrPagination.vue";
+
+function render$k(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.containerStyles),
+    style: normalizeStyle(_ctx.containerStyle)
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.lineKeys, key => {
+    return openBlock(), createElementBlock("div", {
+      key: key,
+      class: normalizeClass(_ctx.rowStyles),
+      style: normalizeStyle(_ctx.rowStyle)
+    }, null, 6 /* CLASS, STYLE */);
+  }), 128 /* KEYED_FRAGMENT */))], 6 /* CLASS, STYLE */);
+}
+
+script$g.render = render$k;
+script$g.__file = "src/components/or-skeleton-v3/or-skeleton-text-v3/OrSkeletonText.vue";
+
+const DataGridFooter = [
+// Layout
+'layout-row',
+// Interactivity
+'interactivity-default',
+// Box
+'h-[calc(theme(spacing.2xl)+theme(spacing.xs))]',
+// Spacing
+'px-sm+', 'py-0', 'gap-xl',
+// Theme
+'theme-border-disabled border-t-1', 'dark:theme-border-disabled-dark'];
+const DataGridFooterStatus = [
+// Typography
+'typography-body-2-semibold'];
+
+var script$e = defineComponent({
+  name: 'OrDataGridFooter',
+  expose: ['root'],
+  setup() {
+    // Refs & Styles
+    const root = ref();
+    const rootStyles = computed(() => ['or-data-grid-footer-v3', ...DataGridFooter]);
+    const statusStyles = computed(() => [...DataGridFooterStatus]);
+    return {
+      root,
+      rootStyles,
+      statusStyles
+    };
+  }
+});
+
+const _hoisted_1$a = {
+  key: 1,
+  class: /*#__PURE__*/normalizeClass(['grow'])
+};
+function render$j(_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$a)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, 'paging')], 2 /* CLASS */);
+}
+
+script$e.render = render$j;
+script$e.__file = "src/components/or-data-grid-v3/partials/or-data-grid-footer/OrDataGridFooter.vue";
+
+const DataGridHeader = [
+// Layout
+'layout-row items-start',
+// Interactivity
+'interactivity-default',
+// Box
+'h-3xl'];
+const DataGridHeaderTitle = [
+// Typography
+'typography-headline-2'];
+
+var script$d = defineComponent({
+  name: 'OrDataGridHeader',
+  expose: ['root'],
+  setup() {
+    // Refs & Styles
+    const root = ref();
+    const rootStyles = computed(() => ['or-data-grid-header-v3', ...DataGridHeader]);
+    const titleStyles = computed(() => [...DataGridHeaderTitle]);
+    return {
+      root,
+      rootStyles,
+      titleStyles
+    };
+  }
+});
+
+const _hoisted_1$9 = {
+  key: 1,
+  class: /*#__PURE__*/normalizeClass(['grow'])
+};
+function render$i(_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$9)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, 'searching')], 2 /* CLASS */);
+}
+
+script$d.render = render$i;
+script$d.__file = "src/components/or-data-grid-v3/partials/or-data-grid-header/OrDataGridHeader.vue";
+
+const _hoisted_1$8 = /*#__PURE__*/createElementVNode("div", {
+  class: /*#__PURE__*/normalizeClass(['grow'])
+}, null, -1 /* HOISTED */);
+function render$h(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  const _component_OrDateTimePickerDateControl = resolveComponent("OrDateTimePickerDateControl");
+  const _component_OrDateTimePickerTimeControl = resolveComponent("OrDateTimePickerTimeControl");
+  const _component_OrDateTimePickerMobileControl = resolveComponent("OrDateTimePickerMobileControl");
+  const _component_OrDateTimePickerPopoverHeader = resolveComponent("OrDateTimePickerPopoverHeader");
+  const _component_OrDateTimePickerMonthSelect = resolveComponent("OrDateTimePickerMonthSelect");
+  const _component_OrDateTimePickerDateSelect = resolveComponent("OrDateTimePickerDateSelect");
+  const _component_OrDateTimePickerPopoverFooter = resolveComponent("OrDateTimePickerPopoverFooter");
+  const _component_OrPopover = resolveComponent("OrPopover");
+  const _component_OrDateTimePickerTimeSelect = resolveComponent("OrDateTimePickerTimeSelect");
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  const _component_OrIcon = resolveComponent("OrIcon");
+  const _component_OrInputBox = resolveComponent("OrInputBox");
+  const _component_OrHint = resolveComponent("OrHint");
+  const _component_OrError = resolveComponent("OrError");
+  const _directive_dropdown_open = resolveDirective("dropdown-open");
+  const _directive_dropdown_close = resolveDirective("dropdown-close");
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles)
+  }, [_ctx.$slots.label || _ctx.$slots.addon || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    key: 0,
+    variant: 'input',
+    required: _ctx.required,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
+    ref: 'inputBox',
+    variant: _ctx.variant,
+    size: _ctx.size,
+    invalid: !!_ctx.error,
+    readonly: _ctx.readonly,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [_ctx.modelValue ? (openBlock(), createBlock(_component_OrIconButton, {
+      key: 0,
+      icon: 'close',
+      color: 'inherit',
+      disabled: _ctx.readonly || _ctx.disabled,
+      onClick: _cache[11] || (_cache[11] = withModifiers($event => _ctx.$emit('update:modelValue', undefined), ["stop"]))
+    }, null, 8 /* PROPS */, ["disabled"])) : (openBlock(), createBlock(_component_OrIcon, {
+      key: 1,
+      icon: 'calendar_month',
+      variant: 'outlined'
+    }))]),
+    default: withCtx(() => [withDirectives(createVNode(_component_OrDateTimePickerDateControl, {
+      modelValue: _ctx.draft,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draft = $event),
+      format: _ctx.resolvedDateFormat,
+      locale: _ctx.resolvedLocale,
+      selected: _ctx.datePopover && _ctx.datePopover.state === 'open',
+      required: _ctx.required,
+      readonly: _ctx.readonly,
+      disabled: _ctx.disabled
+    }, null, 8 /* PROPS */, ["modelValue", "format", "locale", "selected", "required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.toggleDatePopover], [_directive_dropdown_close, _ctx.closeDatePopover]]), withDirectives(createVNode(_component_OrDateTimePickerTimeControl, {
+      modelValue: _ctx.draft,
+      "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.draft = $event),
+      format: _ctx.resolvedTimeFormat,
+      locale: _ctx.resolvedLocale,
+      selected: _ctx.timePopover && _ctx.timePopover.state === 'open',
+      required: _ctx.required,
+      readonly: _ctx.readonly,
+      disabled: _ctx.disabled
+    }, null, 8 /* PROPS */, ["modelValue", "format", "locale", "selected", "required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.toggleTimePopover], [_directive_dropdown_close, _ctx.closeTimePopover]]), createVNode(_component_OrPopover, {
+      ref: 'datePopover',
+      class: normalizeClass(_ctx.datePopoverStyles),
+      "custom-styles": _ctx.datePopoverStyles,
+      variant: 'auto',
+      "bottom-sheet-props": {
+        variant: 'basic'
+      },
+      trigger: _ctx.anchor || _ctx.inputBoxRoot,
+      placement: 'bottom-start',
+      "fallback-placement": 'start',
+      onClose: _cache[6] || (_cache[6] = $event => _ctx.reset())
+    }, {
+      default: withCtx(() => [createVNode(_component_OrDateTimePickerPopoverHeader, null, {
+        default: withCtx(() => [createVNode(_component_OrDateTimePickerMobileControl, {
+          label: 'Date'
+        }, {
+          default: withCtx(() => [createTextVNode(toDisplayString(_ctx.draft ? _ctx.formatMobileDate(_ctx.draft, _ctx.resolvedDateFormat, _ctx.resolvedLocale) : '--'), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        }), createVNode(_component_OrDateTimePickerMobileControl, {
+          label: 'Time'
+        }, {
+          default: withCtx(() => [createTextVNode(toDisplayString(_ctx.draft ? _ctx.formatMobileTime(_ctx.draft, _ctx.resolvedTimeFormat, _ctx.resolvedLocale) : '--'), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        })]),
+        _: 1 /* STABLE */
+      }), createVNode(_component_OrDateTimePickerMonthSelect, {
+        modelValue: _ctx.initialValue,
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.initialValue = $event),
+        locale: _ctx.resolvedLocale,
+        "year-filter": _ctx.yearFilter,
+        "month-filter": _ctx.monthFilter
+      }, null, 8 /* PROPS */, ["modelValue", "locale", "year-filter", "month-filter"]), createVNode(_component_OrDateTimePickerDateSelect, {
+        modelValue: _ctx.draft,
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => _ctx.draft = $event),
+        "initial-value": _ctx.initialValue,
+        format: _ctx.resolvedDateFormat,
+        locale: _ctx.resolvedLocale,
+        "date-filter": _ctx.dateFilter
+      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "date-filter"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
+        disabled: _ctx.invalid,
+        onApply: _cache[4] || (_cache[4] = $event => {
+          _ctx.apply();
+          _ctx.datePopover && _ctx.datePopover.close();
+        }),
+        onReset: _cache[5] || (_cache[5] = $event => {
+          _ctx.reset();
+          _ctx.datePopover && _ctx.datePopover.close();
+        })
+      }, null, 8 /* PROPS */, ["disabled"])]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["class", "custom-styles", "trigger"]), createVNode(_component_OrPopover, {
+      ref: 'timePopover',
+      class: normalizeClass(_ctx.timePopoverStyles),
+      "custom-styles": _ctx.timePopoverStyles,
+      variant: 'auto',
+      "bottom-sheet-props": {
+        variant: 'basic'
+      },
+      trigger: _ctx.anchor || _ctx.inputBoxRoot,
+      placement: 'bottom-start',
+      "fallback-placement": 'start',
+      onClose: _cache[10] || (_cache[10] = $event => _ctx.reset())
+    }, {
+      default: withCtx(() => [createVNode(_component_OrDateTimePickerPopoverHeader, null, {
+        default: withCtx(() => [createVNode(_component_OrDateTimePickerMobileControl, {
+          label: 'Date'
+        }, {
+          default: withCtx(() => [createTextVNode(toDisplayString(_ctx.draft ? _ctx.formatMobileDate(_ctx.draft, _ctx.resolvedDateFormat, _ctx.resolvedLocale) : '--'), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        }), createVNode(_component_OrDateTimePickerMobileControl, {
+          label: 'Time'
+        }, {
+          default: withCtx(() => [createTextVNode(toDisplayString(_ctx.draft ? _ctx.formatMobileTime(_ctx.draft, _ctx.resolvedTimeFormat, _ctx.resolvedLocale) : '--'), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        })]),
+        _: 1 /* STABLE */
+      }), createVNode(_component_OrDateTimePickerTimeSelect, {
+        modelValue: _ctx.draft,
+        "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => _ctx.draft = $event),
+        "initial-value": _ctx.initialValue,
+        format: _ctx.resolvedTimeFormat,
+        locale: _ctx.resolvedLocale,
+        "hours-filter": _ctx.hoursFilter,
+        "minutes-filter": _ctx.minutesFilter,
+        "is-active": _ctx.timePopover && _ctx.timePopover.state === 'open',
+        "hour-step": _ctx.hourStep,
+        "minute-step": _ctx.minuteStep
+      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "hours-filter", "minutes-filter", "is-active", "hour-step", "minute-step"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
+        disabled: _ctx.invalid,
+        onApply: _cache[8] || (_cache[8] = $event => {
+          _ctx.apply();
+          _ctx.timePopover && _ctx.timePopover.close();
+        }),
+        onReset: _cache[9] || (_cache[9] = $event => {
+          _ctx.reset();
+          _ctx.timePopover && _ctx.timePopover.close();
+        })
+      }, null, 8 /* PROPS */, ["disabled"])]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["class", "custom-styles", "trigger"]), _hoisted_1$8]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.toggleDatePopover], [_directive_dropdown_close, _ctx.closeDatePopover]]), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
+    key: 1,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
+}
+
+script$h.render = render$h;
+script$h.__file = "src/components/or-date-time-picker-v3/OrDateTimePicker.vue";
+
+const _hoisted_1$7 = /*#__PURE__*/createElementVNode("div", {
+  class: /*#__PURE__*/normalizeClass(['grow'])
+}, null, -1 /* HOISTED */);
+function render$g(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  const _component_OrDateTimePickerDateControl = resolveComponent("OrDateTimePickerDateControl");
+  const _component_OrDateTimePickerMobileControl = resolveComponent("OrDateTimePickerMobileControl");
+  const _component_OrDateTimePickerPopoverHeader = resolveComponent("OrDateTimePickerPopoverHeader");
+  const _component_OrDateTimePickerMonthSelect = resolveComponent("OrDateTimePickerMonthSelect");
+  const _component_OrDateTimePickerDateSelect = resolveComponent("OrDateTimePickerDateSelect");
+  const _component_OrDateTimePickerPopoverFooter = resolveComponent("OrDateTimePickerPopoverFooter");
+  const _component_OrPopover = resolveComponent("OrPopover");
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  const _component_OrIcon = resolveComponent("OrIcon");
+  const _component_OrInputBox = resolveComponent("OrInputBox");
+  const _component_OrHint = resolveComponent("OrHint");
+  const _component_OrError = resolveComponent("OrError");
+  const _directive_dropdown_open = resolveDirective("dropdown-open");
+  const _directive_dropdown_close = resolveDirective("dropdown-close");
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles)
+  }, [_ctx.$slots.label || _ctx.$slots.addon || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    key: 0,
+    variant: 'input',
+    required: _ctx.required,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
+    ref: 'inputBox',
+    variant: _ctx.variant,
+    size: _ctx.size,
+    invalid: !!_ctx.error,
+    readonly: _ctx.readonly,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [_ctx.modelValue ? (openBlock(), createBlock(_component_OrIconButton, {
+      key: 0,
+      icon: 'close',
+      color: 'inherit',
+      disabled: _ctx.readonly || _ctx.disabled,
+      onClick: _cache[6] || (_cache[6] = withModifiers($event => _ctx.$emit('update:modelValue', undefined), ["stop"]))
+    }, null, 8 /* PROPS */, ["disabled"])) : (openBlock(), createBlock(_component_OrIcon, {
+      key: 1,
+      icon: 'calendar_month',
+      variant: 'outlined'
+    }))]),
+    default: withCtx(() => [withDirectives(createVNode(_component_OrDateTimePickerDateControl, {
+      modelValue: _ctx.draft,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draft = $event),
+      class: normalizeClass(['!border-0']),
+      format: _ctx.resolvedFormat,
+      locale: _ctx.resolvedLocale,
+      selected: _ctx.popover && _ctx.popover.state === 'open',
+      required: _ctx.required,
+      readonly: _ctx.readonly,
+      disabled: _ctx.disabled
+    }, null, 8 /* PROPS */, ["modelValue", "format", "locale", "selected", "required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.openPopover], [_directive_dropdown_close, _ctx.closePopover]]), createVNode(_component_OrPopover, {
+      ref: 'popover',
+      class: normalizeClass(_ctx.popoverStyles),
+      "custom-styles": _ctx.popoverStyles,
+      variant: 'auto',
+      "bottom-sheet-props": {
+        variant: 'basic'
+      },
+      trigger: _ctx.anchor || _ctx.inputBoxRoot,
+      placement: 'bottom-start',
+      "fallback-placement": 'start',
+      onClose: _cache[5] || (_cache[5] = $event => _ctx.reset())
+    }, {
+      default: withCtx(() => [createVNode(_component_OrDateTimePickerPopoverHeader, null, {
+        default: withCtx(() => [createVNode(_component_OrDateTimePickerMobileControl, {
+          label: 'Date',
+          selected: true
+        }, {
+          default: withCtx(() => [createTextVNode(toDisplayString(_ctx.draft ? _ctx.formatMobileDate(_ctx.draft, _ctx.resolvedFormat, _ctx.resolvedLocale) : '--'), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        })]),
+        _: 1 /* STABLE */
+      }), createVNode(_component_OrDateTimePickerMonthSelect, {
+        modelValue: _ctx.initialValue,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.initialValue = $event),
+        locale: _ctx.resolvedLocale,
+        "year-filter": _ctx.yearFilter,
+        "month-filter": _ctx.monthFilter
+      }, null, 8 /* PROPS */, ["modelValue", "locale", "year-filter", "month-filter"]), createVNode(_component_OrDateTimePickerDateSelect, {
+        modelValue: _ctx.draft,
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.draft = $event),
+        "initial-value": _ctx.initialValue,
+        format: _ctx.resolvedFormat,
+        locale: _ctx.resolvedLocale,
+        "date-filter": _ctx.dateFilter
+      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "date-filter"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
+        disabled: _ctx.invalid,
+        onApply: _cache[3] || (_cache[3] = $event => {
+          _ctx.apply();
+          _ctx.popover && _ctx.popover.close();
+        }),
+        onReset: _cache[4] || (_cache[4] = $event => {
+          _ctx.reset();
+          _ctx.popover && _ctx.popover.close();
+        })
+      }, null, 8 /* PROPS */, ["disabled"])]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["class", "custom-styles", "trigger"]), _hoisted_1$7]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.openPopover], [_directive_dropdown_close, _ctx.closePopover]]), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
+    key: 1,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
+}
+
+script$i.render = render$g;
+script$i.__file = "src/components/or-date-picker-v3/OrDatePicker.vue";
+
+const _hoisted_1$6 = ["disabled"];
+const _hoisted_2$2 = ["activated", "disabled", "onMouseenter", "onMousemove", "onMouseleave", "onClick"];
+function render$f(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrIcon = resolveComponent("OrIcon");
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles),
+    disabled: _ctx.disabled
+  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.length, value => {
+    return openBlock(), createElementBlock("div", {
+      ref_for: true,
+      ref: 'stars',
+      key: value,
+      class: normalizeClass(_ctx.starStyles),
+      activated: value <= Math.ceil(_ctx.model),
+      disabled: _ctx.disabled,
+      onMouseenter: $event => _ctx.onMouseEnter($event, value - 1),
+      onMousemove: $event => _ctx.onMouseMove($event, value - 1),
+      onMouseleave: $event => _ctx.onMouseLeave($event, value - 1),
+      onClick: $event => {
+        _ctx.model = _ctx.draft;
+        _ctx.hoverIndex[value - 1] = false;
+      }
+    }, [createVNode(_component_OrIcon, {
+      icon: _ctx.draft - value + 1 === 0.5 ? 'star_half' : 'star',
+      variant: value <= _ctx.draft ? 'filled' : 'outlined',
+      size: _ctx.variant === 'fitted' ? 'inherit' : _ctx.hoverIndex[value - 1] ? 'xl' : 'l'
+    }, null, 8 /* PROPS */, ["icon", "variant", "size"])], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_2$2);
+  }), 128 /* KEYED_FRAGMENT */))], 10 /* CLASS, PROPS */, _hoisted_1$6);
+}
+
+script$j.render = render$f;
+script$j.__file = "src/components/or-rating-v3/OrRating.vue";
+
+const _hoisted_1$5 = ["id", "disabled"];
+const _hoisted_2$1 = {
+  class: /*#__PURE__*/normalizeClass(['layout-inline-row', 'gap-sm'])
+};
+const _hoisted_3 = {
+  key: 0,
+  class: /*#__PURE__*/normalizeClass(['px-sm+', 'py-xs'])
+};
+const _hoisted_4 = ["onClick"];
+function render$e(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  const _component_OrSelectMultipleControl = resolveComponent("OrSelectMultipleControl");
+  const _component_OrSelectSingleControl = resolveComponent("OrSelectSingleControl");
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  const _component_OrIcon = resolveComponent("OrIcon");
+  const _component_OrInput = resolveComponent("OrInput");
+  const _component_OrLoader = resolveComponent("OrLoader");
+  const _component_OrCheckbox = resolveComponent("OrCheckbox");
+  const _component_OrMenuItem = resolveComponent("OrMenuItem");
+  const _component_OrExpansionPanel = resolveComponent("OrExpansionPanel");
+  const _component_OrPopover = resolveComponent("OrPopover");
+  const _component_OrInputBox = resolveComponent("OrInputBox");
+  const _component_OrHint = resolveComponent("OrHint");
+  const _component_OrError = resolveComponent("OrError");
+  const _directive_dropdown_open = resolveDirective("dropdown-open");
+  const _directive_dropdown_close = resolveDirective("dropdown-close");
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles)
+  }, [_ctx.$slots.label || _ctx.$slots.addon || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    key: 0,
+    "control-id": _ctx.controlId,
+    variant: 'input',
+    required: _ctx.required,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["control-id", "required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
+    ref: 'inputBox',
+    class: normalizeClass([_ctx.popoverState === 'open' && (_ctx.popover && _ctx.popover.isFlipped ? 'rounded-t-0' : 'rounded-b-0'), {
+      'outline-none': _ctx.variant === 'embedded'
+    }]),
+    variant: _ctx.variant,
+    size: _ctx.size,
+    invalid: !!_ctx.error,
+    readonly: _ctx.readonly,
+    disabled: _ctx.disabled,
+    tabindex: !_ctx.disabled ? 0 : null
+  }, {
+    default: withCtx(() => [createElementVNode("div", {
+      id: _ctx.controlId,
+      ref: 'control',
+      class: normalizeClass(_ctx.controlStyles),
+      disabled: _ctx.disabled,
+      onFocus: _cache[3] || (_cache[3] = $event => _ctx.$emit('focus', $event)),
+      onBlur: _cache[4] || (_cache[4] = $event => _ctx.$emit('blur', $event))
+    }, [renderSlot(_ctx.$slots, "valueTemplate", {
+      model: _ctx.proxyModelValue
+    }, () => [_ctx.multiple ? (openBlock(), createBlock(_component_OrSelectMultipleControl, {
+      key: 0,
+      ref: 'multipleControl',
+      modelValue: _ctx.searchText,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.searchText = $event),
+      model: _ctx.proxyModelValue,
+      options: _ctx.options,
+      overflow: _ctx.overflow,
+      placeholder: _ctx.placeholder,
+      readonly: _ctx.readonly,
+      disabled: _ctx.disabled,
+      "enable-search": _ctx.enableSearch,
+      "is-open": _ctx.popoverState === 'open',
+      onReset: _cache[1] || (_cache[1] = $event => _ctx.deselectOption($event))
+    }, {
+      tag: withCtx(({
+        item
+      }) => [renderSlot(_ctx.$slots, "tag", {
+        item: item
+      })]),
+      _: 3 /* FORWARDED */
+    }, 8 /* PROPS */, ["modelValue", "model", "options", "overflow", "placeholder", "readonly", "disabled", "enable-search", "is-open"])) : (openBlock(), createBlock(_component_OrSelectSingleControl, {
+      key: 1,
+      ref: 'singleControl',
+      modelValue: _ctx.searchText,
+      "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.searchText = $event),
+      model: _ctx.proxyModelValue,
+      options: _ctx.options,
+      placeholder: _ctx.placeholder,
+      disabled: _ctx.disabled,
+      "enable-search": _ctx.enableSearch,
+      "is-open": _ctx.popoverState === 'open'
+    }, null, 8 /* PROPS */, ["modelValue", "model", "options", "placeholder", "disabled", "enable-search", "is-open"]))])], 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_1$5), createElementVNode("div", _hoisted_2$1, [_ctx.showClear ? (openBlock(), createBlock(_component_OrIconButton, {
+      key: 0,
+      icon: 'close',
+      color: 'inherit',
+      "additional-styles": ['!text-outline', '!dark:text-outline-dark'],
+      disabled: _ctx.readonly || _ctx.disabled,
+      onClick: _cache[5] || (_cache[5] = withModifiers($event => _ctx.$emit('update:modelValue', _ctx.multiple ? [] : undefined), ["stop"]))
+    }, null, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrIcon, {
+      icon: _ctx.popoverState === 'open' ? _ctx.enableSearch ? 'search' : 'arrow_drop_up' : 'arrow_drop_down',
+      class: normalizeClass(_ctx.popoverState === 'open' && _ctx.enableSearch ? '!text-outline !dark:text-outline-dark' : ''),
+      variant: 'outlined'
+    }, null, 8 /* PROPS */, ["icon", "class"]), [[vShow, !(_ctx.popoverState === 'open' && _ctx.enableSearch && _ctx.enableClear && !_ctx.isEmptyModelValue)]])]), createVNode(_component_OrPopover, {
+      ref: 'popover',
+      class: normalizeClass(_ctx.dropdownStyles),
+      "custom-styles": _ctx.dropdownStyles,
+      variant: 'auto',
+      trigger: _ctx.anchor || _ctx.inputBoxRoot,
+      placement: 'bottom',
+      offset: 0,
+      "full-width": true,
+      "disable-default-styles": true
+    }, {
+      default: withCtx(() => [_ctx.popoverState === 'open' && _ctx.enableSearch && _ctx.isMobile ? (openBlock(), createBlock(_component_OrInput, {
+        key: 0,
+        ref: 'searchControl',
+        modelValue: _ctx.searchText,
+        "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => _ctx.searchText = $event),
+        class: normalizeClass(_ctx.searchControlStyles),
+        type: 'search',
+        placeholder: _ctx.placeholder
+      }, null, 8 /* PROPS */, ["modelValue", "class", "placeholder"])) : createCommentVNode("v-if", true), createElementVNode("div", {
+        class: normalizeClass(_ctx.dropdownContainerStyles)
+      }, [_ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "loading", {}, () => [createVNode(_component_OrLoader, {
+        class: normalizeClass(_ctx.loaderStyles),
+        variant: "text",
+        text: _ctx.loadingText
+      }, null, 8 /* PROPS */, ["class", "text"])])])) : _ctx.resolvedSearchOptions.length > 0 ? (openBlock(), createElementBlock(Fragment, {
+        key: 1
+      }, [_ctx.groupByFunction ? (openBlock(true), createElementBlock(Fragment, {
+        key: 0
+      }, renderList(_ctx.groupedOptions, (group, groupName) => {
+        return openBlock(), createBlock(_component_OrExpansionPanel, {
+          key: groupName,
+          label: groupName
+        }, {
+          default: withCtx(() => [_ctx.multiple ? (openBlock(true), createElementBlock(Fragment, {
+            key: 0
+          }, renderList(group, (option, i) => {
+            return openBlock(), createBlock(_component_OrMenuItem, {
+              key: i,
+              "tooltip-text": option.label,
+              selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value),
+              disabled: option.disabled
+            }, {
+              default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
+                model: _ctx.proxyModelValue,
+                option: option
+              }, () => [createVNode(_component_OrCheckbox, {
+                modelValue: _ctx.proxyModelValue,
+                "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => _ctx.proxyModelValue = $event),
+                value: option.value,
+                label: option.label,
+                "label-variant": 'menu-item',
+                disabled: option.disabled
+              }, null, 8 /* PROPS */, ["modelValue", "value", "label", "disabled"])])]),
+              _: 2 /* DYNAMIC */
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["tooltip-text", "selected", "disabled"]);
+          }), 128 /* KEYED_FRAGMENT */)) : (openBlock(true), createElementBlock(Fragment, {
+            key: 1
+          }, renderList(group, (option, i) => {
+            return openBlock(), createBlock(_component_OrMenuItem, {
+              key: i,
+              class: normalizeClass(_ctx.dropdownItemStyles),
+              "tooltip-text": option.label,
+              selected: _ctx.proxyModelValue === option.value,
+              disabled: option.disabled,
+              onClick: withModifiers($event => _ctx.selectOption(option.value), ["stop"])
+            }, {
+              default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
+                model: _ctx.proxyModelValue,
+                option: option
+              }, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])]),
+              _: 2 /* DYNAMIC */
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "tooltip-text", "selected", "disabled", "onClick"]);
+          }), 128 /* KEYED_FRAGMENT */))]),
+          _: 2 /* DYNAMIC */
+        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["label"]);
+      }), 128 /* KEYED_FRAGMENT */)) : (openBlock(), createElementBlock(Fragment, {
+        key: 1
+      }, [_ctx.multiple ? (openBlock(true), createElementBlock(Fragment, {
+        key: 0
+      }, renderList(_ctx.resolvedSearchOptions, (option, i) => {
+        return openBlock(), createBlock(_component_OrMenuItem, {
+          key: i,
+          "tooltip-text": option.label,
+          class: normalizeClass(_ctx.dropdownItemStyles),
+          selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value),
+          disabled: option.disabled,
+          onClick: withModifiers($event => !option.disabled && _ctx.toggleOption(option.value), ["stop"])
+        }, {
+          default: withCtx(() => [createVNode(_component_OrCheckbox, {
+            "model-value": _ctx.proxyModelValue,
+            value: option.value,
+            "label-variant": 'menu-item',
+            disabled: option.disabled
+          }, {
+            default: withCtx(() => [createElementVNode("div", {
+              onClick: $event => !option.disabled && _ctx.toggleOption(option.value)
+            }, [renderSlot(_ctx.$slots, "optionTemplate", {
+              model: _ctx.proxyModelValue,
+              option: option
+            }, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])], 8 /* PROPS */, _hoisted_4)]),
+            _: 2 /* DYNAMIC */
+          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["model-value", "value", "disabled"])]),
+          _: 2 /* DYNAMIC */
+        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["tooltip-text", "class", "selected", "disabled", "onClick"]);
+      }), 128 /* KEYED_FRAGMENT */)) : (openBlock(true), createElementBlock(Fragment, {
+        key: 1
+      }, renderList(_ctx.resolvedSearchOptions, (option, i) => {
+        return openBlock(), createBlock(_component_OrMenuItem, {
+          key: i,
+          class: normalizeClass(_ctx.dropdownItemStyles),
+          selected: _ctx.proxyModelValue === option.value,
+          "tooltip-text": option.label,
+          disabled: option.disabled,
+          onClick: withModifiers($event => {
+            _ctx.selectOption(option.value);
+            _ctx.close();
+          }, ["stop"])
+        }, {
+          default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
+            model: _ctx.proxyModelValue,
+            option: option
+          }, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])]),
+          _: 2 /* DYNAMIC */
+        }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "tooltip-text", "disabled", "onClick"]);
+      }), 128 /* KEYED_FRAGMENT */))], 64 /* STABLE_FRAGMENT */))], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("div", {
+        key: 2,
+        class: normalizeClass(_ctx.noSearchResultsStyles)
+      }, [renderSlot(_ctx.$slots, "noSearchResultsTemplate", {
+        searchText: _ctx.searchText
+      }, () => [createTextVNode(" No results ")])], 2 /* CLASS */))], 2 /* CLASS */)]),
+      _: 3 /* FORWARDED */
+    }, 8 /* PROPS */, ["class", "custom-styles", "trigger"])]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["class", "variant", "size", "invalid", "readonly", "disabled", "tabindex"])), [[_directive_dropdown_open, _ctx.toggle], [_directive_dropdown_close, _ctx.close]]), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
+    key: 1,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
+}
+
+script$k.render = render$e;
+script$k.__file = "src/components/or-select-v3/OrSelect.vue";
+
+const _hoisted_1$4 = ["checked", "required", "disabled"];
+const _hoisted_2 = ["disabled"];
+function render$d(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLoader = resolveComponent("OrLoader");
+  const _component_OrLabel = resolveComponent("OrLabel");
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles)
+  }, [!_ctx.loading ? (openBlock(), createElementBlock("input", mergeProps({
+    key: 0,
+    ref: 'control'
+  }, _ctx.attributes, {
+    class: _ctx.controlStyles,
+    type: 'checkbox',
+    checked: _ctx.checked,
+    required: _ctx.required,
+    disabled: _ctx.disabled,
+    onChange: _cache[0] || (_cache[0] = $event => {
+      _ctx.$emit('change', $event);
+      _ctx.onChange();
+    }),
+    onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('click', $event)),
+    onFocus: _cache[2] || (_cache[2] = $event => _ctx.$emit('focus', $event)),
+    onBlur: _cache[3] || (_cache[3] = $event => _ctx.$emit('blur', $event))
+  }), null, 16 /* FULL_PROPS */, _hoisted_1$4)) : (openBlock(), createElementBlock("div", {
+    key: 1,
+    class: normalizeClass(_ctx.loaderStyles),
+    disabled: _ctx.disabled
+  }, [createVNode(_component_OrLoader, {
+    variant: 'circular',
+    color: 'primary',
+    size: 'm'
+  })], 10 /* CLASS, PROPS */, _hoisted_2)), _ctx.$slots.default || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    key: 2,
+    "control-id": _ctx.attributes.id,
+    variant: _ctx.labelVariant,
+    selected: _ctx.checked,
+    required: _ctx.required,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["control-id", "variant", "selected", "required", "disabled"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+var css_248z = "\ninput[data-v-4296509a] {\n  line-height: 0;\n  appearance: none;\n}\n";
+styleInject(css_248z);
+
+script$l.render = render$d;
+script$l.__scopeId = "data-v-4296509a";
+script$l.__file = "src/components/or-switch-v3/OrSwitch.vue";
+
+const _hoisted_1$3 = /*#__PURE__*/createElementVNode("div", {
+  class: /*#__PURE__*/normalizeClass(['grow'])
+}, null, -1 /* HOISTED */);
+function render$c(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrLabel = resolveComponent("OrLabel");
+  const _component_OrDateTimePickerTimeControl = resolveComponent("OrDateTimePickerTimeControl");
+  const _component_OrDateTimePickerMobileControl = resolveComponent("OrDateTimePickerMobileControl");
+  const _component_OrDateTimePickerPopoverHeader = resolveComponent("OrDateTimePickerPopoverHeader");
+  const _component_OrDateTimePickerTimeSelect = resolveComponent("OrDateTimePickerTimeSelect");
+  const _component_OrDateTimePickerPopoverFooter = resolveComponent("OrDateTimePickerPopoverFooter");
+  const _component_OrPopover = resolveComponent("OrPopover");
+  const _component_OrIconButton = resolveComponent("OrIconButton");
+  const _component_OrIcon = resolveComponent("OrIcon");
+  const _component_OrInputBox = resolveComponent("OrInputBox");
+  const _component_OrHint = resolveComponent("OrHint");
+  const _component_OrError = resolveComponent("OrError");
+  const _directive_dropdown_open = resolveDirective("dropdown-open");
+  const _directive_dropdown_close = resolveDirective("dropdown-close");
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles)
+  }, [_ctx.$slots.label || _ctx.$slots.addon || _ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
+    key: 0,
+    variant: 'input',
+    required: _ctx.required,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createBlock(_component_OrInputBox, {
+    ref: 'inputBox',
+    variant: _ctx.variant,
+    size: _ctx.size,
+    invalid: !!_ctx.error,
+    readonly: _ctx.readonly,
+    disabled: _ctx.disabled
+  }, {
+    addon: withCtx(() => [_ctx.modelValue ? (openBlock(), createBlock(_component_OrIconButton, {
+      key: 0,
+      icon: 'close',
+      color: 'inherit',
+      disabled: _ctx.readonly || _ctx.disabled,
+      onClick: _cache[5] || (_cache[5] = withModifiers($event => _ctx.$emit('update:modelValue', undefined), ["stop"]))
+    }, null, 8 /* PROPS */, ["disabled"])) : (openBlock(), createBlock(_component_OrIcon, {
+      key: 1,
+      icon: 'schedule',
+      variant: 'outlined'
+    }))]),
+    default: withCtx(() => [withDirectives(createVNode(_component_OrDateTimePickerTimeControl, {
+      modelValue: _ctx.draft,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.draft = $event),
+      class: normalizeClass(['!border-0']),
+      format: _ctx.resolvedFormat,
+      locale: _ctx.resolvedLocale,
+      selected: _ctx.popover && _ctx.popover.state === 'open',
+      required: _ctx.required,
+      readonly: _ctx.readonly,
+      disabled: _ctx.disabled
+    }, null, 8 /* PROPS */, ["modelValue", "format", "locale", "selected", "required", "readonly", "disabled"]), [[_directive_dropdown_open, _ctx.openPopover], [_directive_dropdown_close, _ctx.closePopover]]), createVNode(_component_OrPopover, {
+      ref: 'popover',
+      class: normalizeClass(_ctx.popoverStyles),
+      "custom-styles": _ctx.popoverStyles,
+      variant: 'auto',
+      "bottom-sheet-props": {
+        variant: 'basic'
+      },
+      trigger: _ctx.anchor || _ctx.inputBoxRoot,
+      placement: 'bottom-start',
+      "fallback-placement": 'start',
+      onClose: _cache[4] || (_cache[4] = $event => _ctx.reset())
+    }, {
+      default: withCtx(() => [createVNode(_component_OrDateTimePickerPopoverHeader, null, {
+        default: withCtx(() => [createVNode(_component_OrDateTimePickerMobileControl, {
+          label: 'Time',
+          selected: true
+        }, {
+          default: withCtx(() => [createTextVNode(toDisplayString(_ctx.draft ? _ctx.formatMobileTime(_ctx.draft, _ctx.resolvedFormat, _ctx.resolvedLocale) : '--'), 1 /* TEXT */)]),
+          _: 1 /* STABLE */
+        })]),
+        _: 1 /* STABLE */
+      }), createVNode(_component_OrDateTimePickerTimeSelect, {
+        modelValue: _ctx.draft,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.draft = $event),
+        "initial-value": _ctx.initialValue,
+        format: _ctx.resolvedFormat,
+        locale: _ctx.resolvedLocale,
+        "hours-filter": _ctx.hoursFilter,
+        "minutes-filter": _ctx.minutesFilter,
+        "hour-step": _ctx.hourStep,
+        "minute-step": _ctx.minuteStep,
+        "is-active": _ctx.popover && _ctx.popover.state === 'open'
+      }, null, 8 /* PROPS */, ["modelValue", "initial-value", "format", "locale", "hours-filter", "minutes-filter", "hour-step", "minute-step", "is-active"]), createVNode(_component_OrDateTimePickerPopoverFooter, {
+        disabled: _ctx.invalid,
+        onApply: _cache[2] || (_cache[2] = $event => {
+          _ctx.apply();
+          _ctx.popover && _ctx.popover.close();
+        }),
+        onReset: _cache[3] || (_cache[3] = $event => {
+          _ctx.reset();
+          _ctx.popover && _ctx.popover.close();
+        })
+      }, null, 8 /* PROPS */, ["disabled"])]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["class", "custom-styles", "trigger"]), _hoisted_1$3]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["variant", "size", "invalid", "readonly", "disabled"])), [[_directive_dropdown_open, _ctx.openPopover], [_directive_dropdown_close, _ctx.closePopover]]), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
+    key: 1,
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
+    disabled: _ctx.disabled
+  }, {
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]])], 2 /* CLASS */);
+}
+
+script$m.render = render$c;
+script$m.__file = "src/components/or-time-picker-v3/OrTimePicker.vue";
+
+const DataGridTableContentCell = [
+// Layout
+'layout-row',
+// Spacing
+'px-sm+', 'py-0', 'gap-xs',
+// Theme
+'theme-border-transparent border-1', 'dark:theme-border-transparent-dark', 'theme-outline-transparent outline-2', 'dark:theme-outline-transparent-dark',
+// Theme (focus)
+'focus-within:theme-border-primary', 'dark:focus-within:theme-border-primary-dark', 'focus-within:theme-outline-primary', 'dark:focus-within:theme-outline-primary-dark',
+// Theme (.sticky-start)
+'[&.sticky-start]:border-e-disabled', 'dark:[&.sticky-start]:border-e-disabled-dark',
+// Theme (.sticky-end)
+'[&.sticky-end]:border-s-disabled', 'dark:[&.sticky-end]:border-s-disabled-dark'];
+
+var script$c = defineComponent({
+  name: 'OrDataGridTableContentCell',
+  components: {
+    OrCheckbox: script$n,
+    OrDatePicker: script$i,
+    OrDateTimePicker: script$h,
+    OrInput: script$o,
+    OrRating: script$j,
+    OrSelect: script$k,
+    OrSwitch: script$l,
+    OrTagInput: script$p,
+    OrTimePicker: script$m
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: undefined,
+      default: undefined
+    },
+    column: {
+      type: Object,
+      default: undefined
+    },
+    features: {
+      type: Object,
+      default: undefined
+    },
+    override: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:model-value'],
+  expose: ['root'],
+  setup(props, context) {
+    // Refs & Styles
+    const root = ref();
+    const rootStyles = computed(() => {
+      var _a;
+      return ['or-data-grid-table-content-cell-v3', ...DataGridTableContentCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? [`sticky-${props.column.stickiness}`] : [])];
+    });
+    const rootInlineStyles = computed(() => {
+      if (props.column) {
+        switch (props.column.stickiness) {
+          case 'start':
+            return {
+              position: 'sticky',
+              insetInlineStart: '0',
+              flexDirection: props.column.alignment === 'end' ? 'row-reverse' : undefined,
+              justifyContent: props.column.alignment
+            };
+          case 'end':
+            return {
+              position: 'sticky',
+              insetInlineEnd: '0',
+              flexDirection: props.column.alignment === 'end' ? 'row-reverse' : undefined,
+              justifyContent: props.column.alignment
+            };
+          default:
+            return {
+              flexDirection: props.column.alignment === 'end' ? 'row-reverse' : undefined,
+              justifyContent: props.column.alignment
+            };
+        }
+      }
+      return {
+        justifyContent: 'center'
+      };
+    });
+    // State
+    const model = computed({
+      get: () => props.modelValue,
+      set: value => {
+        context.emit('update:model-value', value);
+      }
+    });
+    const control = computed(() => {
+      var _a;
+      return (_a = props.column) === null || _a === void 0 ? void 0 : _a.control;
+    });
+    return {
+      root,
+      rootStyles,
+      rootInlineStyles,
+      model,
+      control
+    };
+  }
+});
+
+const _hoisted_1$2 = {
+  key: 2,
+  class: /*#__PURE__*/normalizeClass(['truncate'])
+};
+function render$b(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_OrInput = resolveComponent("OrInput");
+  const _component_OrRating = resolveComponent("OrRating");
+  const _component_OrSelect = resolveComponent("OrSelect");
+  const _component_OrCheckbox = resolveComponent("OrCheckbox");
+  const _component_OrSwitch = resolveComponent("OrSwitch");
+  const _component_OrDatePicker = resolveComponent("OrDatePicker");
+  const _component_OrTimePicker = resolveComponent("OrTimePicker");
+  const _component_OrDateTimePicker = resolveComponent("OrDateTimePicker");
+  const _component_OrTagInput = resolveComponent("OrTagInput");
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles),
+    style: normalizeStyle(_ctx.rootInlineStyles)
+  }, [_ctx.override ? renderSlot(_ctx.$slots, "default", {
+    key: 0
+  }) : _ctx.control ? (openBlock(), createElementBlock(Fragment, {
+    key: 1
+  }, [_ctx.control.type === 'text' ? (openBlock(), createBlock(_component_OrInput, {
+    key: 0,
+    modelValue: _ctx.model,
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => _ctx.model = $event),
+    type: 'text',
+    variant: 'embedded'
+  }, null, 8 /* PROPS */, ["modelValue"])) : createCommentVNode("v-if", true), _ctx.control.type === 'number' ? (openBlock(), createBlock(_component_OrInput, {
+    key: 1,
+    modelValue: _ctx.model,
+    "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.model = $event),
+    type: 'number',
+    variant: 'embedded'
+  }, null, 8 /* PROPS */, ["modelValue"])) : createCommentVNode("v-if", true), _ctx.control.type === 'rating' ? (openBlock(), createBlock(_component_OrRating, {
+    key: 2,
+    modelValue: _ctx.model,
+    "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.model = $event)
+  }, null, 8 /* PROPS */, ["modelValue"])) : createCommentVNode("v-if", true), _ctx.control.type === 'select' ? (openBlock(), createBlock(_component_OrSelect, {
+    key: 3,
+    modelValue: _ctx.model,
+    "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => _ctx.model = $event),
+    options: _ctx.control.options,
+    variant: 'embedded',
+    anchor: _ctx.root
+  }, null, 8 /* PROPS */, ["modelValue", "options", "anchor"])) : createCommentVNode("v-if", true), _ctx.control.type === 'checkbox' ? (openBlock(), createBlock(_component_OrCheckbox, {
+    key: 4,
+    modelValue: _ctx.model,
+    "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => _ctx.model = $event)
+  }, null, 8 /* PROPS */, ["modelValue"])) : createCommentVNode("v-if", true), _ctx.control.type === 'switch' ? (openBlock(), createBlock(_component_OrSwitch, {
+    key: 5,
+    modelValue: _ctx.model,
+    "onUpdate:modelValue": _cache[5] || (_cache[5] = $event => _ctx.model = $event)
+  }, null, 8 /* PROPS */, ["modelValue"])) : createCommentVNode("v-if", true), _ctx.control.type === 'date' ? (openBlock(), createBlock(_component_OrDatePicker, {
+    key: 6,
+    modelValue: _ctx.model,
+    "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => _ctx.model = $event),
+    variant: 'embedded',
+    anchor: _ctx.root
+  }, null, 8 /* PROPS */, ["modelValue", "anchor"])) : createCommentVNode("v-if", true), _ctx.control.type === 'time' ? (openBlock(), createBlock(_component_OrTimePicker, {
+    key: 7,
+    modelValue: _ctx.model,
+    "onUpdate:modelValue": _cache[7] || (_cache[7] = $event => _ctx.model = $event),
+    variant: 'embedded',
+    anchor: _ctx.root
+  }, null, 8 /* PROPS */, ["modelValue", "anchor"])) : createCommentVNode("v-if", true), _ctx.control.type === 'datetime' ? (openBlock(), createBlock(_component_OrDateTimePicker, {
+    key: 8,
+    modelValue: _ctx.model,
+    "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => _ctx.model = $event),
+    variant: 'embedded',
+    anchor: _ctx.root
+  }, null, 8 /* PROPS */, ["modelValue", "anchor"])) : createCommentVNode("v-if", true), _ctx.control.type === 'tags' ? (openBlock(), createBlock(_component_OrTagInput, {
+    key: 9,
+    modelValue: _ctx.model,
+    "onUpdate:modelValue": _cache[9] || (_cache[9] = $event => _ctx.model = $event),
+    variant: 'embedded'
+  }, null, 8 /* PROPS */, ["modelValue"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("div", _hoisted_1$2, [renderSlot(_ctx.$slots, "default")]))], 6 /* CLASS, STYLE */);
+}
+
+script$c.render = render$b;
+script$c.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-content-cell/OrDataGridTableContentCell.vue";
+
+var DataGridVariant;
+(function (DataGridVariant) {
+  DataGridVariant["Standard"] = "standard";
+  DataGridVariant["Comfortable"] = "comfortable";
+  DataGridVariant["Compact"] = "compact";
+})(DataGridVariant || (DataGridVariant = {}));
+
+const DataGridTableContentRow = [
+// Layout
+'grid grid-cols-[subgrid] col-span-full',
+// Typography
+'typography-body-2-regular',
+// Theme
+'theme-border-disabled [&:not(:last-child)]:border-b-1', 'dark:theme-border-disabled-dark',
+// Theme (children)
+'children:theme-foreground-default', 'dark:children:theme-foreground-default-dark', 'children:theme-background-default', 'dark:children:theme-background-default-dark',
+// Theme (hover / children)
+'children:hover:theme-background-surface-1', 'dark:children:hover:theme-background-surface-1-dark',
+// Theme (selected / children)
+'children:selected:theme-background-surface-2', 'dark:children:selected:theme-background-surface-2-dark',
+// Theme (selected + hover / children)
+'children:hover:selected:theme-background-surface-3', 'dark:children:hover:selected:theme-background-surface-3-dark'];
+const DataGridTableContentRowVariants = {
+  [DataGridVariant.Standard]: [
+  // Box
+  'h-[calc(theme(spacing.2xl)+theme(spacing.xs))]'],
+  [DataGridVariant.Comfortable]: [
+  // Box
+  'h-[calc(theme(spacing.3xl)+theme(spacing.xs))]'],
+  [DataGridVariant.Compact]: [
+  // Box
+  'h-[calc(theme(spacing.xl)+theme(spacing.xs))]']
+};
+
+var script$b = defineComponent({
+  name: 'OrDataGridTableContentRow',
+  props: {
+    variant: {
+      type: String,
+      required: true
+    },
+    selected: {
+      type: Boolean,
+      default: false
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs & Styles
+    const root = ref();
+    const rootStyles = computed(() => ['or-data-grid-table-content-row-v3', ...DataGridTableContentRow, ...DataGridTableContentRowVariants[props.variant]]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+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$1);
+}
+
+script$b.render = render$a;
+script$b.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-content-row/OrDataGridTableContentRow.vue";
+
+const DataGridTableContent = [
+// Layout
+'contents'];
+
+var script$a = defineComponent({
+  name: 'OrDataGridTableContent',
+  expose: ['root'],
+  setup() {
+    // Refs & Styles
+    const root = ref();
+    const rootStyles = computed(() => ['or-data-grid-table-content-v3', ...DataGridTableContent]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+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$9;
+script$a.__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',
+// Theme
+'theme-border-transparent border-1', 'dark:theme-border-transparent-dark'];
+
+var script$9 = defineComponent({
+  name: 'OrDataGridTableFooterCell',
+  expose: ['root'],
+  setup() {
+    // Refs & Styles
+    const root = ref();
+    const rootStyles = computed(() => ['or-data-grid-table-footer-cell-v3', ...DataGridTableFooterCell]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+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$8;
+script$9.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-footer-cell/OrDataGridTableFooterCell.vue";
+
+const DataGridTableFooterRow = [
+// Layout
+'grid grid-cols-1',
+// Typography
+'typography-body-2-regular',
+// Theme
+'theme-border-disabled border-t-1', 'dark:theme-border-disabled-dark',
+// Theme (children)
+'children:theme-foreground-default', 'dark:children:theme-foreground-default-dark', 'children:theme-background-default', 'dark:children:theme-background-default-dark'];
+const DataGridTableFooterRowVariants = {
+  [DataGridVariant.Standard]: [
+  // Box
+  'h-[calc(theme(spacing.2xl)+theme(spacing.xs))]'],
+  [DataGridVariant.Comfortable]: [
+  // Box
+  'h-[calc(theme(spacing.3xl)+theme(spacing.xs))]'],
+  [DataGridVariant.Compact]: [
+  // Box
+  'h-[calc(theme(spacing.xl)+theme(spacing.xs))]']
+};
+
+var script$8 = defineComponent({
+  name: 'OrDataGridTableFooterRow',
+  props: {
+    variant: {
+      type: String,
+      required: true
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs & Styles
+    const root = ref();
+    const rootStyles = computed(() => ['or-data-grid-table-footer-row-v3', ...DataGridTableFooterRow, ...DataGridTableFooterRowVariants[props.variant]]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+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$7;
+script$8.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-footer-row/OrDataGridTableFooterRow.vue";
+
+const DataGridTableFooter = [
+// Layout
+'contents'];
+
+var script$7 = defineComponent({
+  name: 'OrDataGridTableFooter',
+  expose: ['root'],
+  setup() {
+    // Refs & Styles
+    const root = ref();
+    const rootStyles = computed(() => ['or-data-grid-table-footer-v3', ...DataGridTableFooter]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+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$6;
+script$7.__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',
+// Theme
+'theme-border-transparent border-1', 'dark:theme-border-transparent-dark',
+// Theme (.sticky-start)
+'[&.sticky-start]:border-e-disabled', 'dark:[&.sticky-start]:border-e-disabled-dark',
+// Theme (.sticky-end)
+'[&.sticky-end]:border-s-disabled', 'dark:[&.sticky-end]:border-s-disabled-dark'];
+
+var script$6 = defineComponent({
+  name: 'OrDataGridTableHeaderCell',
+  components: {
+    OrIcon: script$q
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: Object,
+      default: undefined
+    },
+    column: {
+      type: Object,
+      default: undefined
+    },
+    features: {
+      type: Object,
+      default: undefined
+    }
+  },
+  emits: ['update:modelValue', 'update:scrollOffset', 'remove:scrollOffset'],
+  expose: ['root'],
+  setup(props, context) {
+    // Refs & Styles
+    const root = ref();
+    const rootStyles = computed(() => {
+      var _a, _b, _c;
+      return ['or-data-grid-table-header-cell-v3', ...DataGridTableHeaderCell, ...(((_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness) ? [`sticky-${props.column.stickiness}`] : []), ...(((_b = props.features) === null || _b === void 0 ? void 0 : _b.sorting) && ((_c = props.column) === null || _c === void 0 ? void 0 : _c.name) ? ['interactivity-click'] : [])];
+    });
+    const rootInlineStyles = computed(() => {
+      if (props.column) {
+        switch (props.column.stickiness) {
+          case 'start':
+            return {
+              position: 'sticky',
+              insetInlineStart: '0',
+              flexDirection: props.column.alignment === 'end' ? 'row-reverse' : undefined,
+              justifyContent: props.column.alignment
+            };
+          case 'end':
+            return {
+              position: 'sticky',
+              insetInlineEnd: '0',
+              flexDirection: props.column.alignment === 'end' ? 'row-reverse' : undefined,
+              justifyContent: props.column.alignment
+            };
+          default:
+            return {
+              flexDirection: props.column.alignment === 'end' ? 'row-reverse' : undefined,
+              justifyContent: props.column.alignment
+            };
+        }
+      }
+      return {
+        justifyContent: 'center'
+      };
+    });
+    // State
+    const model = computed({
+      get: () => {
+        var _a, _b, _c;
+        if (!((_a = props.features) === null || _a === void 0 ? void 0 : _a.sorting)) {
+          return;
+        }
+        return ((_b = props.modelValue) === null || _b === void 0 ? void 0 : _b.column) === ((_c = props.column) === null || _c === void 0 ? void 0 : _c.name) ? props.modelValue : undefined;
+      },
+      set: value => {
+        context.emit('update:modelValue', value);
+      }
+    });
+    // Methods
+    function toggleSorting() {
+      var _a;
+      if (!((_a = props.features) === null || _a === void 0 ? void 0 : _a.sorting)) {
+        return;
+      }
+      if (model.value) {
+        model.value = {
+          ...model.value,
+          direction: model.value.direction === 'asc' ? 'desc' : 'asc'
+        };
+      } else {
+        if (!props.column) {
+          throw new Error('[OrDataGridTableHeaderCell]: `column` must be specified.');
+        }
+        model.value = {
+          column: props.column.name,
+          direction: 'asc'
+        };
+      }
+    }
+    // Effects
+    const {
+      width
+    } = useElementSize(root, undefined, {
+      box: 'border-box'
+    });
+    watch([root, width, () => {
+      var _a;
+      return (_a = props.column) === null || _a === void 0 ? void 0 : _a.stickiness;
+    }], ([nextRoot, width], [prevRoot]) => {
+      if (prevRoot && prevRoot !== nextRoot) {
+        context.emit('remove:scrollOffset', prevRoot);
+      }
+      context.emit('update:scrollOffset', nextRoot, width, props.column);
+    });
+    return {
+      root,
+      rootStyles,
+      rootInlineStyles,
+      model,
+      toggleSorting
+    };
+  }
+});
+
+const _hoisted_1 = {
+  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())
+  }, [createElementVNode("div", _hoisted_1, [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$5;
+script$6.__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',
+// Typography
+'typography-body-2-semibold',
+// Theme (children)
+'children:theme-foreground-default', 'dark:children:theme-foreground-default-dark', 'children:theme-background-surface-variant-1', 'dark:children:theme-background-surface-variant-1-dark'];
+const DataGridTableHeaderRowVariants = {
+  [DataGridVariant.Standard]: [
+  // Box
+  'h-[calc(theme(spacing.2xl)+theme(spacing.xs))]'],
+  [DataGridVariant.Comfortable]: [
+  // Box
+  'h-[calc(theme(spacing.3xl)+theme(spacing.xs))]'],
+  [DataGridVariant.Compact]: [
+  // Box
+  'h-[calc(theme(spacing.xl)+theme(spacing.xs))]']
+};
+
+var script$5 = defineComponent({
+  name: 'OrDataGridTableHeaderRow',
+  props: {
+    variant: {
+      type: String,
+      required: true
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs & Styles
+    const root = ref();
+    const rootStyles = computed(() => ['or-data-grid-table-header-row-v3', ...DataGridTableHeaderRow, ...DataGridTableHeaderRowVariants[props.variant]]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+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$4;
+script$5.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-header-row/OrDataGridTableHeaderRow.vue";
+
+const DataGridTableHeader = [
+// Layout
+'contents'];
+
+var script$4 = defineComponent({
+  name: 'OrDataGridTableHeader',
+  expose: ['root'],
+  setup() {
+    // Refs & Styles
+    const root = ref();
+    const rootStyles = computed(() => ['or-data-grid-table-header-v3', ...DataGridTableHeader]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+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$4.render = render$3;
+script$4.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-header/OrDataGridTableHeader.vue";
+
+const DataGridTablePlaceholder = [
+// Layout
+'layout-row justify-center',
+// 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$2(_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$2;
+script$3.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table-placeholder/OrDataGridTablePlaceholder.vue";
+
+const DataGridTable = [
+// Layout
+'grid content-start',
+// Overflow
+'overflow-auto',
+// Interactivity
+'interactivity-default'];
+
+var script$2 = defineComponent({
+  name: 'OrDataGridTable',
+  props: {
+    columns: {
+      type: Array,
+      required: true
+    },
+    features: {
+      type: Object,
+      required: true
+    }
+  },
+  expose: ['root'],
+  setup(props) {
+    // Refs & Styles
+    const root = ref();
+    const rootStyles = computed(() => ['or-data-grid-table-v3', ...DataGridTable]);
+    const rootInlineStyles = computed(() => {
+      const gridTemplateColumns = props.columns.map(column => {
+        var _a;
+        return (_a = column.width) !== null && _a !== void 0 ? _a : 'auto';
+      });
+      if (props.features.selecting) {
+        return {
+          gridTemplateColumns: `0fr ${gridTemplateColumns.join(' ')}`
+        };
+      }
+      return {
+        gridTemplateColumns: gridTemplateColumns.join(' ')
+      };
+    });
+    return {
+      root,
+      rootStyles,
+      rootInlineStyles
+    };
+  }
+});
+
+function render$1(_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 */);
+}
+
+script$2.render = render$1;
+script$2.__file = "src/components/or-data-grid-v3/partials/or-data-grid-table/OrDataGridTable.vue";
+
+const DataGridToolbar = [
+// Layout
+'layout-row',
+// Box
+'h-2xl',
+// Spacing
+'gap-xl'];
+
+var script$1 = defineComponent({
+  name: 'OrDataGridToolbar',
+  expose: ['root'],
+  setup() {
+    // Refs & Styles
+    const root = ref();
+    const rootStyles = computed(() => ['or-data-grid-toolbar-v3', ...DataGridToolbar]);
+    return {
+      root,
+      rootStyles
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: 'root',
+    class: normalizeClass(_ctx.rootStyles)
+  }, [renderSlot(_ctx.$slots, "default")], 2 /* CLASS */);
+}
+
+script$1.render = render;
+script$1.__file = "src/components/or-data-grid-v3/partials/or-data-grid-toolbar/OrDataGridToolbar.vue";
+
+const DataGrid = [
+// Layout
+'layout-column'];
+
+var script = defineComponent({
+  name: 'OrDataGrid',
+  components: {
+    OrCheckbox: script$n,
+    OrDataGridFooter: script$e,
+    OrDataGridHeader: script$d,
+    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,
+    OrDataGridToolbar: script$1,
+    OrPagination: script$f,
+    OrSearch: script$r,
+    OrSkeletonText: script$g
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: undefined,
+      default: undefined
+    },
+    items: {
+      type: Array,
+      default: () => []
+    },
+    columns: {
+      type: Array,
+      required: true
+    },
+    variant: {
+      type: String,
+      default: () => DataGridVariant.Standard
+    },
+    features: {
+      type: Object,
+      default: () => ({})
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ['update:modelValue', 'update:item'],
+  expose: ['root'],
+  setup(props, context) {
+    // Refs & Styles
+    const root = ref();
+    const rootStyles = computed(() => ['or-data-grid-v3', ...DataGrid]);
+    const tableInlineStyles = computed(() => ({
+      scrollPaddingInlineStart: `${[...scrollOffsetStart.value.values()].reduce((accumulator, value) => accumulator + value, 0)}px`,
+      scrollPaddingInlineEnd: `${[...scrollOffsetEnd.value.values()].reduce((accumulator, value) => accumulator + value, 0)}px`
+    }));
+    // 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;
+        return (_b = (_a = props.modelValue) === null || _a === void 0 ? void 0 : _a.selecting) !== null && _b !== void 0 ? _b : [];
+      },
+      set: value => {
+        context.emit('update:modelValue', {
+          selecting: value,
+          filtering: filteringModel.value,
+          searching: searchingModel.value,
+          sorting: sortingModel.value,
+          paging: pagingModel.value
+        });
+      }
+    });
+    const filteringModel = computed({
+      get: () => {
+        var _a;
+        return (_a = props.modelValue) === null || _a === void 0 ? void 0 : _a.filtering;
+      },
+      set: value => {
+        context.emit('update:modelValue', {
+          selecting: selectingModel.value,
+          filtering: value,
+          searching: searchingModel.value,
+          sorting: sortingModel.value,
+          paging: {
+            ...pagingModel.value,
+            offset: 0
+          }
+        });
+      }
+    });
+    const searchingModel = computed({
+      get: () => {
+        var _a;
+        return (_a = props.modelValue) === null || _a === void 0 ? void 0 : _a.searching;
+      },
+      set: value => {
+        context.emit('update:modelValue', {
+          selecting: selectingModel.value,
+          filtering: filteringModel.value,
+          searching: value,
+          sorting: sortingModel.value,
+          paging: {
+            ...pagingModel.value,
+            offset: 0
+          }
+        });
+      }
+    });
+    const sortingModel = computed({
+      get: () => {
+        var _a;
+        return (_a = props.modelValue) === null || _a === void 0 ? void 0 : _a.sorting;
+      },
+      set: value => {
+        context.emit('update:modelValue', {
+          selecting: selectingModel.value,
+          filtering: filteringModel.value,
+          searching: searchingModel.value,
+          sorting: value,
+          paging: {
+            ...pagingModel.value,
+            offset: 0
+          }
+        });
+      }
+    });
+    const pagingModel = computed({
+      get: () => {
+        var _a;
+        return (_a = props.modelValue) === null || _a === void 0 ? void 0 : _a.paging;
+      },
+      set: value => {
+        context.emit('update:modelValue', {
+          selecting: selectingModel.value,
+          filtering: filteringModel.value,
+          searching: searchingModel.value,
+          sorting: sortingModel.value,
+          paging: value
+        });
+      }
+    });
+    const scrollOffsetStart = ref(new Map());
+    const scrollOffsetEnd = ref(new Map());
+    // Methods
+    function updateScrollOffset(header, offset, column) {
+      switch (column.stickiness) {
+        case 'start':
+          scrollOffsetStart.value.set(header, offset);
+          scrollOffsetStart.value = new Map(scrollOffsetStart.value);
+          scrollOffsetEnd.value.delete(header);
+          scrollOffsetEnd.value = new Map(scrollOffsetEnd.value);
+          break;
+        case 'end':
+          scrollOffsetStart.value.delete(header);
+          scrollOffsetStart.value = new Map(scrollOffsetStart.value);
+          scrollOffsetEnd.value.set(header, offset);
+          scrollOffsetEnd.value = new Map(scrollOffsetEnd.value);
+          break;
+        default:
+          removeScrollOffset(header);
+          break;
+      }
+    }
+    function removeScrollOffset(header) {
+      scrollOffsetStart.value.delete(header);
+      scrollOffsetStart.value = new Map(scrollOffsetStart.value);
+      scrollOffsetEnd.value.delete(header);
+      scrollOffsetEnd.value = new Map(scrollOffsetEnd.value);
+    }
+    // Helpers
+    function scrollTo(event) {
+      event.currentTarget.scrollIntoView();
+    }
+    return {
+      root,
+      rootStyles,
+      tableInlineStyles,
+      selectingIndicator,
+      selectingModel,
+      filteringModel,
+      searchingModel,
+      sortingModel,
+      pagingModel,
+      updateScrollOffset,
+      removeScrollOffset,
+      scrollTo
+    };
+  }
+});
+
+export { DataGridVariant, script as OrDataGridV3 };