@onereach/ui-components 20.1.1 → 20.1.3

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

@@ -1,2111 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createTextVNode, createVNode, withCtx, toDisplayString, Fragment, renderList, createBlock, createCommentVNode, normalizeStyle, normalizeProps, guardReactiveProps, renderSlot, withModifiers, defineComponent, ref, computed, resolveDirective, withDirectives, vShow, mergeProps, watch } from 'vue';
-import '../../OrCheckbox-cfd587f1.js';
-import { OrCheckboxV3 as script$o } from '../or-checkbox-v3/index.js';
-import { OrDatePickerV3 as script$j } from '../or-date-picker-v3/index.js';
-import { s as script$i } from '../../OrDateTimePicker.vue_vue_type_script_lang-92237043.js';
-import '../../OrInput-4fcaf87c.js';
-import { OrInputV3 as script$p } from '../or-input-v3/index.js';
-import { OrRatingV3 as script$k } from '../or-rating-v3/index.js';
-import { OrSelectV3 as script$l } from '../or-select-v3/index.js';
-import { OrSwitchV3 as script$m } from '../or-switch-v3/index.js';
-import { s as styleInject } from '../../style-inject.es-87955792.js';
-import '../../OrTagInput-4439b294.js';
-import { OrTagInputV3 as script$q } from '../or-tag-input-v3/index.js';
-import { OrTimePickerV3 as script$n } from '../or-time-picker-v3/index.js';
-import { useElementSize } from '@vueuse/core';
-import '../../OrIcon-cd8db2b5.js';
-import { OrIconV3 as script$r } 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$s } from '../or-search-v3/index.js';
-import { s as script$g } from '../../OrSkeletonText.vue_vue_type_script_lang-890c25e3.js';
-import { OrNotificationV3 as script$h } from '../or-notification-v3/index.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-8ff9ca1b.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-92ce3cf8.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';
-import '../../OrIndicator-c4efdee9.js';
-import '../or-indicator-v3/index.js';
-
-const _hoisted_1$c = {
-  key: 0,
-  class: /*#__PURE__*/normalizeClass(['layout-row', 'gap-sm'])
-};
-function render$m(_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$c, [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$m;
-script$f.__file = "src/components/or-pagination-v3/OrPagination.vue";
-
-function render$l(_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$l;
-script$g.__file = "src/components/or-skeleton-v3/or-skeleton-text-v3/OrSkeletonText.vue";
-
-const _hoisted_1$b = {
-  class: /*#__PURE__*/normalizeClass(['mt-[2px] md:mt-[2.5px]'])
-};
-const _hoisted_2$3 = {
-  class: /*#__PURE__*/normalizeClass(['grow'])
-};
-const _hoisted_3$1 = {
-  class: /*#__PURE__*/normalizeClass(['mt-[2px] md:mt-[2.5px]'])
-};
-function render$k(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_OrIndicator = resolveComponent("OrIndicator");
-  const _component_OrIconButton = resolveComponent("OrIconButton");
-  return openBlock(), createElementBlock("div", {
-    ref: 'root',
-    class: normalizeClass(_ctx.rootStyles)
-  }, [createElementVNode("div", _hoisted_1$b, [createVNode(_component_OrIndicator, normalizeProps(guardReactiveProps(_ctx.indicatorProps)), null, 16 /* FULL_PROPS */)]), createElementVNode("div", _hoisted_2$3, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.message), 1 /* TEXT */)])]), createElementVNode("div", _hoisted_3$1, [!_ctx.disableClose ? (openBlock(), createBlock(_component_OrIconButton, {
-    key: 0,
-    icon: 'close',
-    size: 'm',
-    onClick: _cache[0] || (_cache[0] = withModifiers($event => _ctx.$emit('close'), ["stop"]))
-  })) : createCommentVNode("v-if", true)])], 2 /* CLASS */);
-}
-
-script$h.render = render$k;
-script$h.__file = "src/components/or-notification-v3/OrNotification.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$i.render = render$h;
-script$i.__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$j.render = render$g;
-script$j.__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$k.render = render$f;
-script$k.__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$l.render = render$e;
-script$l.__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$m.render = render$d;
-script$m.__scopeId = "data-v-4296509a";
-script$m.__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$n.render = render$c;
-script$n.__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$o,
-    OrDatePicker: script$j,
-    OrDateTimePicker: script$i,
-    OrInput: script$p,
-    OrRating: script$k,
-    OrSelect: script$l,
-    OrSwitch: script$m,
-    OrTagInput: script$q,
-    OrTimePicker: script$n
-  },
-  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: ['input'],
-  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('input', 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$r
-  },
-  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, _b;
-      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: ((_b = props.column) === null || _b === void 0 ? void 0 : _b.name) || '_check',
-          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$o,
-    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$s,
-    OrSkeletonText: script$g,
-    OrNotification: script$h
-  },
-  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
-    },
-    notification: {
-      type: Object,
-      default: undefined
-    }
-  },
-  emits: ['update:modelValue', 'update:item', 'close-notification'],
-  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.length && 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());
-    const showSelectingCouter = computed(() => {
-      return props.features.selecting && (typeof props.features.selecting === 'object' ? props.features.selecting.showCounter !== false : true);
-    });
-    const selectingDisabled = computed(() => {
-      return props.items.length === 0 || props.loading || typeof props.features.selecting === 'object' && props.features.selecting.disabled;
-    });
-    // Methods
-    function updateSearchingModel(value) {
-      searchingModel.value = value;
-    }
-    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,
-      showSelectingCouter,
-      selectingDisabled,
-      selectingModel,
-      filteringModel,
-      searchingModel,
-      sortingModel,
-      pagingModel,
-      updateScrollOffset,
-      removeScrollOffset,
-      updateSearchingModel,
-      scrollTo
-    };
-  }
-});
-
-export { DataGridVariant, script as OrDataGridV3 };