@onereach/ui-components-vue2 19.2.0 → 19.2.1

package/dist/bundled/{OrDateTimePickerTimeSelect-08982514.js → OrDateTimePickerTimeSelect-bc45d3c7.js}

@@ -4,6 +4,7 @@ import { formatTime } from './components/OrDateTimePickerV3/utils/formatTime.js'
 import { useProxyModelValue } from './hooks/useProxyModelValue.js';
 import { n as normalizeComponent } from './normalize-component-cf2db48b.js';
 import __vue_component__$2 from './components/OrButtonV3/OrButton.js';
+import { scrollToElementWithinContainer } from './components/OrDateTimePickerV3/utils/scrollToElementWithinContainer.js';
 import { TimeFormat } from './types/TimeFormat.js';
 
 const DateTimePickerTimeControl = [
@@ -202,6 +203,8 @@ var script = defineComponent({
     var _a;
     // Refs & Styles
     const root = ref();
+    const hoursContainer = ref();
+    const minutesContainer = ref();
     const hoursButtons = ref([]);
     const minutesButtons = ref([]);
     const rootStyles = computed(() => ['or-date-time-picker-time-select-v3', ...DateTimePickerTimeSelect]);
@@ -230,17 +233,13 @@ var script = defineComponent({
         }
         const activeHourButton = getActiveButton(hoursButtons.value, hoursOptions.value);
         const activeMinuteButton = getActiveButton(minutesButtons.value, minutesOptions.value);
-        if (activeHourButton) {
+        if (activeHourButton && hoursContainer.value) {
           // scroll to the active hour button within the hours container.
-          activeHourButton.scrollIntoView({
-            block: 'center'
-          });
+          scrollToElementWithinContainer(activeHourButton, hoursContainer.value);
         }
-        if (activeMinuteButton) {
+        if (activeMinuteButton && minutesContainer.value) {
           // scroll to the active minute button within the minutes container.
-          activeMinuteButton.scrollIntoView({
-            block: 'center'
-          });
+          scrollToElementWithinContainer(activeMinuteButton, minutesContainer.value);
         }
       });
     }, {
@@ -310,6 +309,8 @@ var script = defineComponent({
     return {
       root,
       rootStyles,
+      hoursContainer,
+      minutesContainer,
       hoursButtons,
       minutesButtons,
       buttonGroupStyles,
@@ -337,6 +338,7 @@ var __vue_render__ = function () {
     ref: 'root',
     class: _vm.rootStyles
   }, [_c('div', {
+    ref: 'hoursContainer',
     class: _vm.buttonGroupStyles
   }, _vm._l(_vm.hoursOptions, function (value) {
     return _c('OrButton', {
@@ -357,6 +359,7 @@ var __vue_render__ = function () {
       }
     }, [_vm._v("\n      " + _vm._s(_vm.formatHours(value)) + "\n    ")]);
   }), 1), _vm._v("\n\n  :\n\n  "), _c('div', {
+    ref: 'minutesContainer',
     class: _vm.buttonGroupStyles
   }, _vm._l(_vm.minutesOptions, function (value) {
     return _c('OrButton', {

package/dist/bundled/components/OrDateTimePickerV3/OrDateTimePicker.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-ae771d05.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-4cf1ef26.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-08982514.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-bc45d3c7.js';
 import { DateTimePicker, DateTimePickerDatePopover, DateTimePickerTimePopover } from './styles.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';

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

@@ -1,10 +1,11 @@
 export { default as OrDateTimePickerV3 } from './OrDateTimePicker.js';
 export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../../OrDateTimePickerMonthSelect-ae771d05.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-4cf1ef26.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-08982514.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-bc45d3c7.js';
 export { formatDate } from './utils/formatDate.js';
 export { formatMobileDate } from './utils/formatMobileDate.js';
 export { formatMobileTime } from './utils/formatMobileTime.js';
 export { formatTime } from './utils/formatTime.js';
 export { getCurrentDate } from './utils/getCurrentDate.js';
 export { getNextMonthDate } from './utils/getNextMonthDate.js';
+export { scrollToElementWithinContainer } from './utils/scrollToElementWithinContainer.js';

package/dist/bundled/components/OrDateTimePickerV3/utils/index.d.ts

@@ -4,3 +4,4 @@ export * from './formatMobileTime';
 export * from './formatTime';
 export * from './getCurrentDate';
 export * from './getNextMonthDate';
+export * from './scrollToElementWithinContainer';

package/dist/bundled/components/OrDateTimePickerV3/utils/index.js

@@ -4,3 +4,4 @@ export { formatMobileTime } from './formatMobileTime.js';
 export { formatTime } from './formatTime.js';
 export { getCurrentDate } from './getCurrentDate.js';
 export { getNextMonthDate } from './getNextMonthDate.js';
+export { scrollToElementWithinContainer } from './scrollToElementWithinContainer.js';

package/dist/bundled/components/OrDateTimePickerV3/utils/scrollToElementWithinContainer.d.ts

@@ -0,0 +1 @@
+export declare const scrollToElementWithinContainer: (element: HTMLElement, container: HTMLElement) => void;

package/dist/bundled/components/OrDateTimePickerV3/utils/scrollToElementWithinContainer.js

@@ -0,0 +1,13 @@
+const scrollToElementWithinContainer = (element, container) => {
+  const elementRect = element.getBoundingClientRect();
+  const containerRect = container.getBoundingClientRect();
+  // Determine if the element is fully visible within the container by comparing their positions.
+  const isFullyVisible = elementRect.top >= containerRect.top && elementRect.bottom <= containerRect.bottom;
+  if (!isFullyVisible) {
+    // Calculate the new scrollTop value to center the element within the container.
+    // This involves adjusting for the height of the element and container, ensuring the element is centered.
+    container.scrollTop = element.offsetTop - container.offsetTop - container.clientHeight / 2 + element.clientHeight / 2;
+  }
+};
+
+export { scrollToElementWithinContainer };

package/dist/bundled/components/OrTimePickerV3/OrTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { TimePicker, TimePickerPopover } from './styles.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-08982514.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-bc45d3c7.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-4cf1ef26.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';

package/dist/bundled/components/OrTimeRangePickerV3/OrTimeRangePicker.js

@@ -9,7 +9,7 @@ import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
 import useResponsive from '../../hooks/useResponsive/useResponsive.js';
 import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-4cf1ef26.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-08982514.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-bc45d3c7.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { a as InputBoxVariant } from '../../types-98e9a758.js';

package/dist/bundled/components/index.js

@@ -54,13 +54,14 @@ export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from '
 export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
 export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-ae771d05.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-4cf1ef26.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-08982514.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-bc45d3c7.js';
 export { formatDate } from './OrDateTimePickerV3/utils/formatDate.js';
 export { formatMobileDate } from './OrDateTimePickerV3/utils/formatMobileDate.js';
 export { formatMobileTime } from './OrDateTimePickerV3/utils/formatMobileTime.js';
 export { formatTime } from './OrDateTimePickerV3/utils/formatTime.js';
 export { getCurrentDate } from './OrDateTimePickerV3/utils/getCurrentDate.js';
 export { getNextMonthDate } from './OrDateTimePickerV3/utils/getNextMonthDate.js';
+export { scrollToElementWithinContainer } from './OrDateTimePickerV3/utils/scrollToElementWithinContainer.js';
 export { default as OrDrawerV3 } from './OrDrawerV3/OrDrawer.js';
 export { D as DrawerPlacement } from '../styles-2d38e808.js';
 export { default as OrDropAreaV3 } from './OrDropAreaV3/OrDropArea.js';

package/dist/bundled/index.js

@@ -113,13 +113,14 @@ export { ConfirmType } from './components/OrConfirmV3/props.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './components/OrDateTimePicker/constants.js';
 export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from './OrDateTimePickerMonthSelect-ae771d05.js';
 export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from './OrDateTimePickerPopoverHeader-4cf1ef26.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-08982514.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from './OrDateTimePickerTimeSelect-bc45d3c7.js';
 export { formatDate } from './components/OrDateTimePickerV3/utils/formatDate.js';
 export { formatMobileDate } from './components/OrDateTimePickerV3/utils/formatMobileDate.js';
 export { formatMobileTime } from './components/OrDateTimePickerV3/utils/formatMobileTime.js';
 export { formatTime } from './components/OrDateTimePickerV3/utils/formatTime.js';
 export { getCurrentDate } from './components/OrDateTimePickerV3/utils/getCurrentDate.js';
 export { getNextMonthDate } from './components/OrDateTimePickerV3/utils/getNextMonthDate.js';
+export { scrollToElementWithinContainer } from './components/OrDateTimePickerV3/utils/scrollToElementWithinContainer.js';
 export { D as DrawerPlacement } from './styles-2d38e808.js';
 export { DropAreaSize } from './components/OrDropAreaV3/props.js';
 export { approximateFileSize } from './components/OrDropAreaV3/utils/approximateFileSize.js';

package/dist/esm/components/index.js

@@ -43,7 +43,7 @@ export { OrDateTimeFormatV3 } from './or-date-time-format-v3/index.js';
 export { DEFAULT_TEXT, OrDateTimePicker, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './or-date-time-picker/index.js';
 export { _ as OrDateTimePickerV3 } from '../OrDateTimePicker-a35cc5b7.js';
 export { OrDateTimePickerDateControl, OrDateTimePickerDateSelect, OrDateTimePickerMobileControl, OrDateTimePickerMonthSelect, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect } from './or-date-time-picker-v3/partials/index.js';
-export { f as formatDate, a as formatTime } from '../formatTime-a1de80d6.js';
+export { f as formatDate, a as formatTime, s as scrollToElementWithinContainer } from '../scrollToElementWithinContainer-f5107b92.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from '../getCurrentDate-9b88f8a8.js';
 export { getNextMonthDate } from './or-date-time-picker-v3/utils/index.js';
 export { DrawerPlacement, OrDrawerV3 } from './or-drawer-v3/index.js';

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

@@ -59,7 +59,7 @@ import '../../tokens/index.js';
 import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-aba23066.js';
 import '../or-date-time-picker-v3/partials/index.js';
 import '../../useTimeMask-4bcbb554.js';
-import '../../formatTime-a1de80d6.js';
+import '../../scrollToElementWithinContainer-f5107b92.js';
 import '../../getCurrentDate-9b88f8a8.js';
 import '../../OrDateTimePicker-a35cc5b7.js';
 import '../or-rating-v3/index.js';

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

@@ -43,7 +43,7 @@ import '../../or-input-box-v3/index.js';
 import '../../../OrInputBox.vue_rollup-plugin-vue_script-0207994e.js';
 import '../../or-date-time-picker-v3/partials/index.js';
 import '../../../useTimeMask-4bcbb554.js';
-import '../../../formatTime-a1de80d6.js';
+import '../../../scrollToElementWithinContainer-f5107b92.js';
 import '../../or-button-v3/index.js';
 import '../../../OrButton.vue_rollup-plugin-vue_script-f6318956.js';
 import '../../or-loader-v3/index.js';

package/dist/esm/components/or-date-format-v3/index.js

@@ -7,7 +7,7 @@ import '@onereach/styles/tailwind.config.json';
 import '../../types/index.js';
 import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-aba23066.js';
 import '../or-date-time-picker-v3/partials/index.js';
-import { f as formatDate } from '../../formatTime-a1de80d6.js';
+import { f as formatDate } from '../../scrollToElementWithinContainer-f5107b92.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import '../../tokens/index.js';
 import 'lodash/get';

package/dist/esm/components/or-date-picker-v3/index.js

@@ -23,7 +23,7 @@ import '../../tokens/index.js';
 import 'lodash/get';
 import 'lodash/isElement';
 import '../../useTimeMask-4bcbb554.js';
-import '../../formatTime-a1de80d6.js';
+import '../../scrollToElementWithinContainer-f5107b92.js';
 import '../or-button-v3/index.js';
 import '../../OrButton.vue_rollup-plugin-vue_script-f6318956.js';
 import '../../constants-873d04a2.js';

package/dist/esm/components/or-date-range-picker-v3/index.js

@@ -25,7 +25,7 @@ import 'lodash/get';
 import 'lodash/isElement';
 import '@onereach/styles/screens.json';
 import '../../useTimeMask-4bcbb554.js';
-import '../../formatTime-a1de80d6.js';
+import '../../scrollToElementWithinContainer-f5107b92.js';
 import '../or-button-v3/index.js';
 import '../../OrButton.vue_rollup-plugin-vue_script-f6318956.js';
 import '../../constants-873d04a2.js';

package/dist/esm/components/or-date-time-format-v3/index.js

@@ -7,7 +7,7 @@ import '@onereach/styles/tailwind.config.json';
 import '../../types/index.js';
 import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-aba23066.js';
 import '../or-date-time-picker-v3/partials/index.js';
-import { f as formatDate, a as formatTime } from '../../formatTime-a1de80d6.js';
+import { f as formatDate, a as formatTime } from '../../scrollToElementWithinContainer-f5107b92.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import '../../tokens/index.js';
 import 'lodash/get';

package/dist/esm/components/or-date-time-picker-v3/index.js

@@ -1,6 +1,6 @@
 export { _ as OrDateTimePickerV3 } from '../../OrDateTimePicker-a35cc5b7.js';
 export { OrDateTimePickerDateControl, OrDateTimePickerDateSelect, OrDateTimePickerMobileControl, OrDateTimePickerMonthSelect, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect } from './partials/index.js';
-export { f as formatDate, a as formatTime } from '../../formatTime-a1de80d6.js';
+export { f as formatDate, a as formatTime, s as scrollToElementWithinContainer } from '../../scrollToElementWithinContainer-f5107b92.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from '../../getCurrentDate-9b88f8a8.js';
 export { getNextMonthDate } from './utils/index.js';
 import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-aba23066.js';

package/dist/esm/components/or-date-time-picker-v3/partials/index.js

@@ -6,7 +6,7 @@ import '@vueuse/core';
 import { u as useProxyModelValue } from '../../../useProxyModelValue-42e265dd.js';
 import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
-import { f as formatDate, a as formatTime } from '../../../formatTime-a1de80d6.js';
+import { f as formatDate, a as formatTime, s as scrollToElementWithinContainer } from '../../../scrollToElementWithinContainer-f5107b92.js';
 import { n as normalizeComponent } from '../../../normalize-component-cf2db48b.js';
 import { OrButtonV3 as __vue_component__$8 } from '../../or-button-v3/index.js';
 import '../../../OrButton.vue_rollup-plugin-vue_script-f6318956.js';
@@ -1033,6 +1033,8 @@ var script = defineComponent({
     var _a;
     // Refs & Styles
     const root = ref();
+    const hoursContainer = ref();
+    const minutesContainer = ref();
     const hoursButtons = ref([]);
     const minutesButtons = ref([]);
     const rootStyles = computed(() => ['or-date-time-picker-time-select-v3', ...DateTimePickerTimeSelect]);
@@ -1061,17 +1063,13 @@ var script = defineComponent({
         }
         const activeHourButton = getActiveButton(hoursButtons.value, hoursOptions.value);
         const activeMinuteButton = getActiveButton(minutesButtons.value, minutesOptions.value);
-        if (activeHourButton) {
+        if (activeHourButton && hoursContainer.value) {
           // scroll to the active hour button within the hours container.
-          activeHourButton.scrollIntoView({
-            block: 'center'
-          });
+          scrollToElementWithinContainer(activeHourButton, hoursContainer.value);
         }
-        if (activeMinuteButton) {
+        if (activeMinuteButton && minutesContainer.value) {
           // scroll to the active minute button within the minutes container.
-          activeMinuteButton.scrollIntoView({
-            block: 'center'
-          });
+          scrollToElementWithinContainer(activeMinuteButton, minutesContainer.value);
         }
       });
     }, {
@@ -1141,6 +1139,8 @@ var script = defineComponent({
     return {
       root,
       rootStyles,
+      hoursContainer,
+      minutesContainer,
       hoursButtons,
       minutesButtons,
       buttonGroupStyles,
@@ -1168,6 +1168,7 @@ var __vue_render__ = function () {
     ref: 'root',
     class: _vm.rootStyles
   }, [_c('div', {
+    ref: 'hoursContainer',
     class: _vm.buttonGroupStyles
   }, _vm._l(_vm.hoursOptions, function (value) {
     return _c('OrButton', {
@@ -1188,6 +1189,7 @@ var __vue_render__ = function () {
       }
     }, [_vm._v("\n      " + _vm._s(_vm.formatHours(value)) + "\n    ")]);
   }), 1), _vm._v("\n\n  :\n\n  "), _c('div', {
+    ref: 'minutesContainer',
     class: _vm.buttonGroupStyles
   }, _vm._l(_vm.minutesOptions, function (value) {
     return _c('OrButton', {

package/dist/esm/components/or-date-time-picker-v3/utils/index.d.ts

@@ -4,3 +4,4 @@ export * from './formatMobileTime';
 export * from './formatTime';
 export * from './getCurrentDate';
 export * from './getNextMonthDate';
+export * from './scrollToElementWithinContainer';

package/dist/esm/components/or-date-time-picker-v3/utils/index.js

@@ -1,4 +1,4 @@
-export { f as formatDate, a as formatTime } from '../../../formatTime-a1de80d6.js';
+export { f as formatDate, a as formatTime, s as scrollToElementWithinContainer } from '../../../scrollToElementWithinContainer-f5107b92.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from '../../../getCurrentDate-9b88f8a8.js';
 import '../../../types/index.js';
 

package/dist/esm/components/or-date-time-picker-v3/utils/scrollToElementWithinContainer.d.ts

@@ -0,0 +1 @@
+export declare const scrollToElementWithinContainer: (element: HTMLElement, container: HTMLElement) => void;

package/dist/esm/components/or-time-format-v3/index.js

@@ -7,7 +7,7 @@ import '@onereach/styles/screens.json';
 import '@onereach/styles/tailwind.config.json';
 import '../../OrDateTimePicker.vue_rollup-plugin-vue_script-aba23066.js';
 import '../or-date-time-picker-v3/partials/index.js';
-import { a as formatTime } from '../../formatTime-a1de80d6.js';
+import { a as formatTime } from '../../scrollToElementWithinContainer-f5107b92.js';
 import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
 import 'lodash/get';
 import 'lodash/isElement';

package/dist/esm/components/or-time-picker-v3/index.js

@@ -23,7 +23,7 @@ import 'lodash/get';
 import 'lodash/isElement';
 import '../../tokens/index.js';
 import '../../useTimeMask-4bcbb554.js';
-import '../../formatTime-a1de80d6.js';
+import '../../scrollToElementWithinContainer-f5107b92.js';
 import '../or-button-v3/index.js';
 import '../../OrButton.vue_rollup-plugin-vue_script-f6318956.js';
 import '../../constants-873d04a2.js';

package/dist/esm/components/or-time-range-picker-v3/index.js

@@ -24,7 +24,7 @@ import 'lodash/isElement';
 import '../../tokens/index.js';
 import '@onereach/styles/screens.json';
 import '../../useTimeMask-4bcbb554.js';
-import '../../formatTime-a1de80d6.js';
+import '../../scrollToElementWithinContainer-f5107b92.js';
 import '../or-button-v3/index.js';
 import '../../OrButton.vue_rollup-plugin-vue_script-f6318956.js';
 import '../../constants-873d04a2.js';

package/dist/esm/index.js

@@ -43,7 +43,7 @@ export { OrDateTimeFormatV3 } from './components/or-date-time-format-v3/index.js
 export { DEFAULT_TEXT, OrDateTimePicker, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './components/or-date-time-picker/index.js';
 export { _ as OrDateTimePickerV3 } from './OrDateTimePicker-a35cc5b7.js';
 export { OrDateTimePickerDateControl, OrDateTimePickerDateSelect, OrDateTimePickerMobileControl, OrDateTimePickerMonthSelect, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect } from './components/or-date-time-picker-v3/partials/index.js';
-export { f as formatDate, a as formatTime } from './formatTime-a1de80d6.js';
+export { f as formatDate, a as formatTime, s as scrollToElementWithinContainer } from './scrollToElementWithinContainer-f5107b92.js';
 export { f as formatMobileDate, a as formatMobileTime, g as getCurrentDate } from './getCurrentDate-9b88f8a8.js';
 export { getNextMonthDate } from './components/or-date-time-picker-v3/utils/index.js';
 export { DrawerPlacement, OrDrawerV3 } from './components/or-drawer-v3/index.js';

package/dist/esm/scrollToElementWithinContainer-f5107b92.js

@@ -0,0 +1,36 @@
+import { TimeFormat } from './types/index.js';
+
+const formatDate = (value, format, locale) => {
+  if (typeof format === 'function') {
+    return format(value, locale);
+  }
+  return value.toLocaleString(locale, {
+    dateStyle: format,
+    timeZone: 'UTC'
+  });
+};
+
+const formatTime = (value, format, locale) => {
+  if (typeof format === 'function') {
+    return format(value, locale);
+  }
+  return value.toLocaleString(locale, {
+    timeStyle: 'short',
+    hourCycle: format !== TimeFormat.Auto ? format : undefined,
+    timeZone: 'UTC'
+  });
+};
+
+const scrollToElementWithinContainer = (element, container) => {
+  const elementRect = element.getBoundingClientRect();
+  const containerRect = container.getBoundingClientRect();
+  // Determine if the element is fully visible within the container by comparing their positions.
+  const isFullyVisible = elementRect.top >= containerRect.top && elementRect.bottom <= containerRect.bottom;
+  if (!isFullyVisible) {
+    // Calculate the new scrollTop value to center the element within the container.
+    // This involves adjusting for the height of the element and container, ensuring the element is centered.
+    container.scrollTop = element.offsetTop - container.offsetTop - container.clientHeight / 2 + element.clientHeight / 2;
+  }
+};
+
+export { formatTime as a, formatDate as f, scrollToElementWithinContainer as s };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-vue2",
-  "version": "19.2.0",
+  "version": "19.2.1",
   "npmUnpacked": "4.15.2",
   "description": "Vue components library for v2",
   "sideEffects": false,
@@ -35,7 +35,7 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^19.2.0",
+    "@onereach/styles": "^19.2.1",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -134,5 +134,5 @@
       "default": "./dist/bundled/components/*/index.js"
     }
   },
-  "gitHead": "1498c583cd01d1463f69711a5d50ed3abb7a78a0"
+  "gitHead": "22dfd1cd755742885366f9877c8748ff50a08593"
 }

package/dist/esm/formatTime-a1de80d6.js

@@ -1,24 +0,0 @@
-import { TimeFormat } from './types/index.js';
-
-const formatDate = (value, format, locale) => {
-  if (typeof format === 'function') {
-    return format(value, locale);
-  }
-  return value.toLocaleString(locale, {
-    dateStyle: format,
-    timeZone: 'UTC'
-  });
-};
-
-const formatTime = (value, format, locale) => {
-  if (typeof format === 'function') {
-    return format(value, locale);
-  }
-  return value.toLocaleString(locale, {
-    timeStyle: 'short',
-    hourCycle: format !== TimeFormat.Auto ? format : undefined,
-    timeZone: 'UTC'
-  });
-};
-
-export { formatTime as a, formatDate as f };