@citruslime/ui 4.0.2-beta.16 → 4.0.2-beta.17

package/dist/citrus-lime-ui.es.js

@@ -1,7 +1,7 @@
 import { Icon } from "@iconify/vue";
 import { defineComponent, ref, createElementBlock, openBlock, renderSlot, normalizeProps, guardReactiveProps, Fragment, createElementVNode, normalizeClass, createVNode, unref, Transition, withCtx, withDirectives, mergeProps, vShow, createBlock, Teleport, renderList, toDisplayString, createCommentVNode, computed, createTextVNode, mergeModels, useModel, watch, createSlots, vModelDynamic, shallowRef, toValue, toRefs, withKeys, onMounted, onUnmounted, withModifiers, nextTick, useAttrs, resolveComponent, inject, vModelCheckbox, watchEffect, vModelText, useCssVars, toHandlers, normalizeStyle, isRef, useSlots, provide } from "vue";
 import { generateStringId, highlightText, isTouchDevice, validateEmail as validateEmail$1, escapeStringForRegExp } from "@citruslime/utils";
-import { useFocusWithin, onKeyDown, toArray, unrefElement, tryOnScopeDispose, onClickOutside, useBreakpoints, breakpointsTailwind, useTimeoutFn, useMouseInElement, useThrottle, useMediaQuery, useDebounceFn, useMouse, useDraggable, defaultDocument, tryOnMounted, useThrottleFn, useWindowSize, useElementSize, useElementBounding } from "@vueuse/core";
+import { useFocusWithin, onKeyDown, toArray, unrefElement, tryOnScopeDispose, onClickOutside, useBreakpoints, breakpointsTailwind, useTimeoutFn, useMouseInElement, useMediaQuery, useThrottle, useDebounceFn, useMouse, useDraggable, defaultDocument, tryOnMounted, useThrottleFn, useWindowSize, useElementSize, useElementBounding } from "@vueuse/core";
 import { useI18n, createI18n } from "vue-i18n";
 import { createFocusTrap } from "focus-trap";
 import { copy } from "@citruslime/vue-utils";
@@ -3602,6 +3602,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const isMediumScreen = useMediaQuery("(max-height: 911px)");
     const { t: t2 } = useI18n();
     const quickDateGroups = computed(() => {
       const groups = [];
@@ -3636,19 +3637,25 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$G, [
         createElementVNode("div", null, toDisplayString(unref(t2)("quickDates.quickDatesHeader")), 1),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(quickDateGroups.value, (group, index2) => {
-          return openBlock(), createElementBlock("div", {
-            key: index2,
-            class: "cl:pt-2"
-          }, [
-            createVNode(_sfc_main$S, {
-              dates: group,
-              "selected-quick-date": _ctx.selectedQuickDate,
-              onQuickDateSelected: _cache[0] || (_cache[0] = ($event) => emit("quick-date-selected", $event))
-            }, null, 8, ["dates", "selected-quick-date"]),
-            index2 < quickDateGroups.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_2$v)) : createCommentVNode("", true)
-          ]);
-        }), 128))
+        createElementVNode("div", {
+          class: normalizeClass({
+            "cl:max-h-[100px] cl:overflow-y-auto": unref(isMediumScreen)
+          })
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(quickDateGroups.value, (group, index2) => {
+            return openBlock(), createElementBlock("div", {
+              key: index2,
+              class: "cl:pt-2"
+            }, [
+              createVNode(_sfc_main$S, {
+                dates: group,
+                "selected-quick-date": _ctx.selectedQuickDate,
+                onQuickDateSelected: _cache[0] || (_cache[0] = ($event) => emit("quick-date-selected", $event))
+              }, null, 8, ["dates", "selected-quick-date"]),
+              index2 < quickDateGroups.value.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_2$v)) : createCommentVNode("", true)
+            ]);
+          }), 128))
+        ], 2)
       ]);
     };
   }