@citruslime/ui 4.1.0-beta.0 → 4.1.0-beta.1

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

@@ -367,7 +367,7 @@ const _hoisted_4$n = {
   key: 1,
   class: "cl:text-danger-dark"
 };
-const _hoisted_5$h = {
+const _hoisted_5$g = {
   key: 0,
   class: "cl:pt-1 cl:w-full"
 };
@@ -402,7 +402,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "default")
           ])
         ], 2),
-        hasErrors.value ? (openBlock(), createElementBlock("div", _hoisted_5$h, [
+        hasErrors.value ? (openBlock(), createElementBlock("div", _hoisted_5$g, [
           createElementVNode("div", _hoisted_6$b, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.errors, (error, index2) => {
               return openBlock(), createElementBlock("div", {
@@ -820,7 +820,7 @@ const _hoisted_2$F = {
 };
 const _hoisted_3$s = { class: "cl:bg-white cl:flex cl:p-2 cl:pb-1 cl:sticky cl:top-0 cl:w-full cl:z-10" };
 const _hoisted_4$m = { class: "cl:inline-block cl:w-full" };
-const _hoisted_5$g = { key: 6 };
+const _hoisted_5$f = { key: 6 };
 const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   __name: "cl-ui-combo-box-search",
   props: {
@@ -1008,7 +1008,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
           onCreateObject: createObject,
           onOptionHighlighted: updateSelectedObjectIndex
         }, null, 8, ["text", "selected-index"])) : createCommentVNode("", true),
-        _ctx.errorMessage === "" && _ctx.results !== null ? (openBlock(), createElementBlock("div", _hoisted_5$g, [
+        _ctx.errorMessage === "" && _ctx.results !== null ? (openBlock(), createElementBlock("div", _hoisted_5$f, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.results, (result, index2) => {
             return openBlock(), createBlock(_sfc_main$15, {
               key: index2,
@@ -1029,7 +1029,7 @@ const _hoisted_1$R = { class: "cl:flex cl:rounded-lg" };
 const _hoisted_2$E = { class: "cl:inline-block cl:w-full" };
 const _hoisted_3$r = { class: "cl:pointer-events-none cl:relative cl:top-0.5" };
 const _hoisted_4$l = { class: "cl:absolute cl:flex cl:float-right cl:font-semibold cl:mt-[5px] cl:right-2 cl:text-danger-default cl:text-sm cl:z-10" };
-const _hoisted_5$f = ["disabled"];
+const _hoisted_5$e = ["disabled"];
 const _hoisted_6$a = ["disabled"];
 const _hoisted_7$8 = { class: "cl:min-h-[16rem] cl:mx-4" };
 const _hoisted_8$7 = { class: "cl:p-2 cl:text-right cl:w-full" };
@@ -1288,7 +1288,7 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
               icon: "ph:caret-down-bold",
               class: "cl:ml-[4px] cl:mt-[9px]"
             })
-          ], 10, _hoisted_5$f)) : (openBlock(), createElementBlock("div", {
+          ], 10, _hoisted_5$e)) : (openBlock(), createElementBlock("div", {
             key: 1,
             class: normalizeClass(["cl:border cl:border-grey-2 cl:border-l-0 cl:float-right cl:rounded-l-none cl:rounded-lg cl:text-grey-3 cl:transition-colors cl:w-[27px]", {
               "cl:cursor-default cl:bg-off-white": _ctx.disabled,
@@ -1413,7 +1413,7 @@ const _hoisted_3$q = {
   class: "cl:leading-10 cl:text-sm cl:w-full"
 };
 const _hoisted_4$k = { class: "cl:float-left" };
-const _hoisted_5$e = { class: "cl:float-right" };
+const _hoisted_5$d = { class: "cl:float-right" };
 function _sfc_render$5(_ctx, _cache) {
   return openBlock(), createElementBlock("div", _hoisted_1$Q, [
     _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_2$D, [
@@ -1423,7 +1423,7 @@ function _sfc_render$5(_ctx, _cache) {
       createElementVNode("span", _hoisted_4$k, [
         renderSlot(_ctx.$slots, "left")
       ]),
-      createElementVNode("span", _hoisted_5$e, [
+      createElementVNode("span", _hoisted_5$d, [
         renderSlot(_ctx.$slots, "right")
       ])
     ])) : createCommentVNode("", true)
@@ -1501,7 +1501,7 @@ const _hoisted_1$N = {
 const _hoisted_2$C = { key: 1 };
 const _hoisted_3$p = { class: "cl:flex cl:flex-wrap cl:gap-1 cl:lg:flex-nowrap cl:lg:gap-2 cl:md:justify-end cl:pb-2" };
 const _hoisted_4$j = { class: "cl:basis-full cl:col-span-2 cl:grow cl:lg:basis-0" };
-const _hoisted_5$d = {
+const _hoisted_5$c = {
   key: 2,
   class: "cl:flex-1 cl:lg:block cl:lg:flex-none"
 };
@@ -1582,7 +1582,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["disabled"])) : createCommentVNode("", true),
-          _ctx.options.hideViewManager === false ? (openBlock(), createElementBlock("div", _hoisted_5$d, [
+          _ctx.options.hideViewManager === false ? (openBlock(), createElementBlock("div", _hoisted_5$c, [
             renderSlot(_ctx.$slots, "view-manager")
           ])) : createCommentVNode("", true),
           unref(anyFilterableColumns)(_ctx.columns) || unref(anySortableColumns)(_ctx.options, _ctx.columns) ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
@@ -2611,7 +2611,7 @@ const _hoisted_1$K = ["colspan"];
 const _hoisted_2$z = ["colspan"];
 const _hoisted_3$n = { key: 2 };
 const _hoisted_4$h = ["colspan"];
-const _hoisted_5$c = { class: "cl:flex cl:flex-wrap cl:justify-center cl:text-center cl:text-sm cl:w-full" };
+const _hoisted_5$b = { class: "cl:flex cl:flex-wrap cl:justify-center cl:text-center cl:text-sm cl:w-full" };
 const _hoisted_6$9 = { key: 0 };
 const _hoisted_7$7 = {
   key: 1,
@@ -2842,7 +2842,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
           createElementVNode("td", {
             colspan: _ctx.columns.length
           }, [
-            createElementVNode("div", _hoisted_5$c, [
+            createElementVNode("div", _hoisted_5$b, [
               _ctx.$slots.noData && _ctx.request.filters.some((f) => f.filterValue !== "") === false ? (openBlock(), createElementBlock("div", _hoisted_6$9, [
                 renderSlot(_ctx.$slots, "noData")
               ])) : (openBlock(), createElementBlock("strong", _hoisted_7$7, toDisplayString(unref(t2)("grid.noData")), 1)),
@@ -3102,7 +3102,7 @@ const _hoisted_1$I = {
 const _hoisted_2$x = { class: "cl:border cl:border-off-white cl:flex cl:items-center cl:lg:px-4 cl:lg:py-3 cl:mt-2 cl:p-2 cl:rounded-lg cl:w-full" };
 const _hoisted_3$l = { class: "cl:border cl:border-off-white cl:lg:px-4 cl:lg:py-3 cl:mt-2 cl:p-2 cl:rounded-lg" };
 const _hoisted_4$f = ["inert"];
-const _hoisted_5$b = { class: "cl:basis-full cl:bg-off-white cl:border cl:border-grey-1 cl:flex cl:flex-1 cl:items-center cl:justify-between cl:lg:basis-0 cl:lg:px-4 cl:lg:py-3 cl:mt-2 cl:p-2 cl:rounded-lg cl:shadow cl:text-sm" };
+const _hoisted_5$a = { class: "cl:basis-full cl:bg-off-white cl:border cl:border-grey-1 cl:flex cl:flex-1 cl:items-center cl:justify-between cl:lg:basis-0 cl:lg:px-4 cl:lg:py-3 cl:mt-2 cl:p-2 cl:rounded-lg cl:shadow cl:text-sm" };
 const _hoisted_6$8 = { class: "cl:flex cl:flex-wrap cl:gap-x-4 cl:gap-y-2 cl:items-center cl:justify-between cl:w-full" };
 const _hoisted_7$6 = { class: "cl:flex cl:flex-wrap cl:gap-x-4" };
 const _hoisted_8$5 = { class: "cl:flex cl:flex-col cl:lg:flex-row" };
@@ -3201,7 +3201,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
         }]),
         inert: _ctx.loading
       }, [
-        createElementVNode("div", _hoisted_5$b, [
+        createElementVNode("div", _hoisted_5$a, [
           createElementVNode("div", _hoisted_6$8, [
             createElementVNode("div", _hoisted_7$6, [
               createElementVNode("div", _hoisted_8$5, [
@@ -3796,7 +3796,7 @@ const _hoisted_1$F = { class: "cl:gap-1 cl:grid cl:grid-cols-[auto_1fr_auto_auto
 const _hoisted_2$u = ["disabled"];
 const _hoisted_3$k = { class: "cl:max-w-max" };
 const _hoisted_4$e = { class: "cl:flex cl:flex-col cl:gap-1 cl:w-full" };
-const _hoisted_5$a = ["min", "disabled", "required", "step", "max"];
+const _hoisted_5$9 = ["min", "disabled", "required", "step", "max"];
 const _hoisted_6$7 = { class: "cl:bg-white cl:border cl:border-grey-2 cl:leading-none cl:rounded-full cl:text-center cl:text-xs" };
 const _hoisted_7$5 = ["disabled"];
 const _hoisted_8$4 = ["disabled", "title"];
@@ -3875,7 +3875,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
                   required: _ctx.required,
                   step: 1 / Math.pow(10, _ctx.precision),
                   max: _ctx.max
-                }), null, 16, _hoisted_5$a), [
+                }), null, 16, _hoisted_5$9), [
                   [
                     vModelText,
                     value.value,
@@ -5332,20 +5332,16 @@ const booleanListEntries = computed(() => [
     value: "false"
   }
 ]);
-const _hoisted_1$z = ["inert"];
-const _hoisted_2$o = {
+const _hoisted_1$z = {
   key: 1,
   class: "cl:w-full"
 };
+const _hoisted_2$o = ["inert"];
 const _hoisted_3$g = {
-  key: 2,
-  class: "cl:w-full"
-};
-const _hoisted_4$d = {
   key: 3,
   class: "cl:w-full"
 };
-const _hoisted_5$9 = {
+const _hoisted_4$d = {
   key: 4,
   class: "cl:w-full"
 };
@@ -5679,8 +5675,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         key: 0,
         class: normalizeClass(["cl:border cl:border-grey-2 cl:flex cl:relative cl:rounded-md", [
           _ctx.options.hideGridMobileView || isListColumn.value || _ctx.column.type === "boolean" || _ctx.column.type === "slot" && _ctx.column.slotType === "boolean" ? "cl:overflow-visible" : "cl:overflow-hidden cl:lg:overflow-visible!"
-        ]]),
-        inert: _ctx.loading
+        ]])
       }, [
         _ctx.column.type === "boolean" || _ctx.column.type === "slot" && _ctx.column.slotType === "boolean" ? (openBlock(), createBlock(_sfc_main$J, {
           key: 0,
@@ -5689,6 +5684,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           "is-grid-filter": true,
           class: "cl:bg-white cl:font-normal cl:min-h-0! cl:rounded-lg!",
           "model-value": booleanValueAsSelectItem.value,
+          inert: _ctx.loading,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => setFilter(null, ($event == null ? void 0 : $event.value) ?? ""))
         }, {
           default: withCtx(({ select, option: option2, index: index2, highlightIndex, isSelected }) => [
@@ -5705,17 +5701,22 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             }, 1032, ["is-selected", "is-highlighted", "onSelect"])
           ]),
           _: 1
-        }, 8, ["id", "list", "model-value"])) : isDateColumn.value ? (openBlock(), createElementBlock("div", _hoisted_2$o, [
+        }, 8, ["id", "list", "model-value", "inert"])) : isDateColumn.value ? (openBlock(), createElementBlock("div", _hoisted_1$z, [
           createVNode(_sfc_main$M, {
             id: `${unref(gridId)}-${_ctx.column.name}`,
             "model-value": currentDateFilterValue.value,
             "time-zone": _ctx.timeZone,
             type: _ctx.column.type === "slot" ? _ctx.column.slotType : _ctx.column.type,
             class: "cl:border-none cl:h-[2rem]! cl:lg:text-base! cl:mb-0 cl:pb-1 cl:text-xs cl:w-full readonly-filter",
+            readonly: _ctx.loading,
             "popover-placement": "bottom-start",
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => setFilter(null, $event ?? ""))
-          }, null, 8, ["id", "model-value", "time-zone", "type"])
-        ])) : isDateRangeColumn.value ? (openBlock(), createElementBlock("div", _hoisted_3$g, [
+          }, null, 8, ["id", "model-value", "time-zone", "type", "readonly"])
+        ])) : isDateRangeColumn.value ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: "cl:w-full",
+          inert: _ctx.loading
+        }, [
           createVNode(_sfc_main$L, {
             id: `${unref(gridId)}-${_ctx.column.name}`,
             "model-value": currentDateRangeFilterValue.value,
@@ -5726,13 +5727,14 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             "popover-placement": "bottom-start",
             "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => setDateRangeFilter($event))
           }, null, 8, ["id", "model-value", "time-zone", "quick-date-scope"])
-        ])) : _ctx.column.type === "number" || _ctx.column.type === "slot" && _ctx.column.slotType === "number" ? (openBlock(), createElementBlock("div", _hoisted_4$d, [
+        ], 8, _hoisted_2$o)) : _ctx.column.type === "number" || _ctx.column.type === "slot" && _ctx.column.slotType === "number" ? (openBlock(), createElementBlock("div", _hoisted_3$g, [
           createVNode(_sfc_main$U, {
             id: `${unref(gridId)}-${_ctx.column.name}`,
             "model-value": currentFilterValue.value === "" || isNaN(+currentFilterValue.value) ? null : +currentFilterValue.value,
             format: numericFormat.value,
             precision: _ctx.column.format === unref(NumberFormat).INTEGER ? 0 : unref(getMergedFormatOptions)(numericFormat.value, { locale: unref(locale2), additionalOptions: { maximumFractionDigits: _ctx.column.precision ?? 2 } }).maximumFractionDigits,
             class: "cl:border-none cl:font-normal cl:h-[2rem] cl:lg:text-base cl:mb-0 cl:text-xs cl:w-full readonly-filter",
+            readonly: _ctx.loading,
             "show-arrows": false,
             "allow-empty": true,
             "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $event !== null ? setNumberFilter(null, $event) : setFilter(null, ""))
@@ -5741,8 +5743,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
               createElementVNode("span", null, null, -1)
             ])),
             _: 1
-          }, 8, ["id", "model-value", "format", "precision"])
-        ])) : _ctx.column.type === "string" || _ctx.column.type === "slot" && _ctx.column.slotType === "string" ? (openBlock(), createElementBlock("div", _hoisted_5$9, [
+          }, 8, ["id", "model-value", "format", "precision", "readonly"])
+        ])) : _ctx.column.type === "string" || _ctx.column.type === "slot" && _ctx.column.slotType === "string" ? (openBlock(), createElementBlock("div", _hoisted_4$d, [
           createVNode(_sfc_main$18, {
             id: `${unref(gridId)}-${_ctx.column.name}`,
             modelValue: internalTextInputValue.value,
@@ -5751,13 +5753,14 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
               _cache[5] || (_cache[5] = (value) => setFilter(null, value))
             ],
             class: "cl:border-none cl:font-normal cl:h-[2rem] cl:lg:text-base cl:px-3 cl:text-xs readonly-filter",
+            readonly: _ctx.loading,
             onKeySinglePress: handleKeySinglePress
           }, {
             default: withCtx(() => _cache[10] || (_cache[10] = [
               createElementVNode("span", null, null, -1)
             ])),
             _: 1
-          }, 8, ["id", "modelValue"])
+          }, 8, ["id", "modelValue", "readonly"])
         ])) : isListColumn.value ? (openBlock(), createBlock(_sfc_main$J, {
           key: 5,
           id: `${unref(gridId)}-${_ctx.column.name}`,
@@ -5765,6 +5768,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           "model-value": currentFilterValueAsSelectItem.value,
           class: "cl:bg-white cl:font-normal cl:max-h-52! cl:min-h-0! cl:rounded-lg!",
           "is-grid-filter": true,
+          inert: _ctx.loading,
           "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => updateListColumnSelectItem($event))
         }, {
           default: withCtx(({ select, option: option2, index: index2, highlightIndex, isSelected }) => [
@@ -5784,7 +5788,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             }, 1032, ["is-highlighted", "is-selected", "class", "onSelect"])
           ]),
           _: 1
-        }, 8, ["id", "list", "model-value"])) : createCommentVNode("", true),
+        }, 8, ["id", "list", "model-value", "inert"])) : createCommentVNode("", true),
         !isDateRangeColumn.value ? (openBlock(), createBlock(_sfc_main$H, {
           key: 6,
           filter: currentFilter.value,
@@ -5795,11 +5799,11 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           "dropdown-position": _ctx.filterDropdownPosition,
           onSelectionChanged: _cache[8] || (_cache[8] = ($event) => immediateRequestOverride.value = true)
         }, null, 8, ["filter", "loading", "column", "default-operation", "dropdown-position"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$z)) : createCommentVNode("", true);
+      ], 2)) : createCommentVNode("", true);
     };
   }
 });
-const clUiGridFilterInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-0147943d"]]);
+const clUiGridFilterInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-92e7b2c1"]]);
 const _hoisted_1$y = { key: 1 };
 const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "cl-ui-grid-filter",
@@ -6173,6 +6177,9 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       set: (value) => emit("update:request", value)
     });
     function performSearch(value) {
+      if (props.loading) {
+        return;
+      }
       debouncedSearch(false);
       if (value === "") {
         searchValue.value = value;
@@ -6199,7 +6206,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       if (valueOrCancel !== false) {
         performSearch(valueOrCancel);
       }
-    }, 1e3);
+    }, 2e3);
     const { t: t2 } = useI18n();
     const gridSearchInputRef = ref();
     __expose({
@@ -6223,7 +6230,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
               ],
               class: "cl:box-border cl:font-light cl:p-2 cl:pr-9 cl:text-sm",
               type: "search",
-              inert: _ctx.loading,
+              readonly: _ctx.loading,
               placeholder: _ctx.columns.length > 4 ? unref(t2)("grid.search") : unref(t2)("grid.searchSpecific", { columns: _ctx.columns.map((c) => unref(t2)(c.caption)).join(", ") }),
               onKeypress: _cache[2] || (_cache[2] = withKeys(($event) => performSearch(searchValue.value), ["enter"]))
             }, {
@@ -6231,14 +6238,16 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                 createElementVNode("span", null, null, -1)
               ])),
               _: 1
-            }, 8, ["modelValue", "inert", "placeholder"])
+            }, 8, ["modelValue", "readonly", "placeholder"])
           ]),
           searchValue.value ? (openBlock(), createBlock(_component_icon, {
             key: 0,
-            class: "cl:absolute cl:cursor-pointer cl:hover:text-link-light cl:lg:right-4 cl:right-1 cl:text-grey-4 cl:top-3 cl:z-10",
+            class: normalizeClass(["cl:absolute cl:cursor-pointer cl:hover:text-link-light cl:lg:right-4 cl:right-1 cl:text-grey-4 cl:top-3 cl:z-10", {
+              "cl:pointer-events-none": _ctx.loading
+            }]),
             icon: "ph:x-bold",
             onClick: _cache[3] || (_cache[3] = withModifiers(($event) => performSearch(""), ["prevent"]))
-          })) : createCommentVNode("", true)
+          }, null, 8, ["class"])) : createCommentVNode("", true)
         ])
       ]);
     };