@citruslime/ui 4.0.2 → 4.0.3

package/README.md

@@ -9,7 +9,7 @@ A Vue 3 library, written in TypeScript, which provides custom UI components.
 - 📖 [Documentation & API](https://uilibrary.citruslime.com)
 - 📌 [Citrus-Lime Ltd](https://www.citruslime.com)
 
-## Install
+### Install
 
 `pnpm add @citruslime/ui`
 

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

@@ -1,5 +1,5 @@
 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 { 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, onBeforeUnmount, withKeys, onMounted, onUnmounted, withModifiers, nextTick, useAttrs, resolveComponent, inject, vModelCheckbox, watchEffect, vModelText, useCssVars, toHandlers, normalizeStyle, isRef, useSlots, provide } from "vue";
 import { generateStringId, highlightText, validateEmail as validateEmail$1, isTouchDevice, escapeStringForRegExp } from "@citruslime/utils";
 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";
@@ -615,14 +615,22 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
         }
       });
     });
+    watch(visible, (isVisible) => {
+      if (isVisible) {
+        document.addEventListener("keydown", closeOnKeyPress);
+      } else {
+        document.removeEventListener("keydown", closeOnKeyPress);
+      }
+    });
+    onBeforeUnmount(() => {
+      document.removeEventListener("keydown", closeOnKeyPress);
+    });
     function open() {
       visible.value = true;
-      document.addEventListener("keydown", closeOnKeyPress);
     }
     function close() {
       if (!props.preventClose) {
         visible.value = false;
-        document.removeEventListener("keydown", closeOnKeyPress);
       }
     }
     function closeOnKeyPress(event) {
@@ -3066,7 +3074,10 @@ const _hoisted_18 = {
   key: 0,
   class: "cl:basis-full cl:bg-off-white cl:border cl:border-grey-1 cl:flex cl:gap-2 cl:items-center cl:justify-between cl:lg:basis-auto cl:lg:px-4 cl:lg:py-3 cl:mt-2 cl:px-2 cl:py-1 cl:rounded-lg cl:shadow cl:text-sm"
 };
-const _hoisted_19 = { class: "cl:basis-full cl:bg-off-white cl:border cl:border-grey-1 cl:flex cl:gap-2 cl:items-center cl:justify-between cl:lg:basis-auto cl:lg:px-4 cl:lg:py-3 cl:mt-2 cl:px-2 cl:py-1 cl:rounded-lg cl:shadow cl:text-sm" };
+const _hoisted_19 = {
+  key: 1,
+  class: "cl:basis-full cl:bg-off-white cl:border cl:border-grey-1 cl:flex cl:gap-2 cl:items-center cl:justify-between cl:lg:basis-auto cl:lg:px-4 cl:lg:py-3 cl:mt-2 cl:px-2 cl:py-1 cl:rounded-lg cl:shadow cl:text-sm"
+};
 const _hoisted_20 = { class: "cl:flex cl:items-center" };
 const _hoisted_21 = { class: "cl:mr-2 cl:text-grey-3" };
 const _sfc_main$T = /* @__PURE__ */ defineComponent({
@@ -3236,7 +3247,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
         _ctx.$slots["totals-area"] ? (openBlock(), createElementBlock("div", _hoisted_18, [
           renderSlot(_ctx.$slots, "totals-area")
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_19, [
+        _ctx.options.hidePageJumpToSection === false ? (openBlock(), createElementBlock("div", _hoisted_19, [
           createElementVNode("div", _hoisted_20, [
             createElementVNode("span", _hoisted_21, toDisplayString(unref(t2)("grid.jumpToPage")), 1),
             createVNode(_sfc_main$U, {
@@ -3254,7 +3265,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
               _: 1
             }, 8, ["model-value", "max", "disabled"])
           ])
-        ])
+        ])) : createCommentVNode("", true)
       ], 10, _hoisted_4$f)) : createCommentVNode("", true);
     };
   }
@@ -5820,13 +5831,13 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           }, null, 8, ["id", "model-value", "time-zone", "date-format-locale", "type", "readonly"])
         ])) : isDateRangeColumn.value ? (openBlock(), createElementBlock("div", {
           key: 2,
-          class: "cl:w-full",
+          class: "cl:[&_.icon]:text-base! cl:[&_.icon]:top-3.5! cl:w-full",
           inert: _ctx.loading
         }, [
           createVNode(_sfc_main$L, {
             id: `${unref(gridId)}-${_ctx.column.name}`,
             "model-value": currentDateRangeFilterValue.value,
-            class: "cl:[&_.clear-icon]:-pb-4 cl:[&_.icon]:text-sm cl:[&_.range-input]:h-[2rem] cl:border-none cl:h-[2rem] cl:mb-0 cl:w-full cl:z-50",
+            class: "cl:[&_.clear-icon]:-pb-4 cl:[&_.range-input]:h-[2rem] cl:border-none cl:h-[2rem] cl:mb-0 cl:w-full cl:z-50",
             "time-zone": _ctx.headerDisplayTimezone,
             "quick-date-scope": _ctx.quickDateScope,
             "manual-date-selection": true,
@@ -5915,7 +5926,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const clUiGridFilterInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-6d8e9d5c"]]);
+const clUiGridFilterInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-d9d94110"]]);
 const _hoisted_1$y = { key: 1 };
 const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "cl-ui-grid-filter",
@@ -8784,6 +8795,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       forceEditMode: false,
       textSize: "small",
       hidePageSizeOptions: false,
+      hidePageJumpToSection: false,
       groupByField: "",
       allowColumnResizing: true,
       ...props.options