@citruslime/ui 4.1.0-beta.20 → 4.1.0-beta.22

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

@@ -2961,7 +2961,6 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
       select: () => selectInputValue()
     });
     return (_ctx, _cache) => {
-      const _component_icon = resolveComponent("icon");
       return openBlock(), createBlock(_sfc_main$19, {
         "show-required-asterisk": _ctx.required,
         errors: _ctx.errors
@@ -3002,7 +3001,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
                   _cache[6] || (_cache[6] = withKeys(withModifiers(($event) => incrementOrDecrement(false), ["stop", "prevent"]), ["up"]))
                 ]
               }, [
-                createVNode(_component_icon, { icon: "ph:caret-up-bold" })
+                createVNode(unref(Icon), { icon: "ph:caret-up-bold" })
               ], 40, _hoisted_3$m),
               createElementVNode("button", {
                 class: "cl:bg-secondary-light/30 cl:border cl:border-grey-3 cl:hover:bg-secondary-light/20 cl:px-1 cl:rounded",
@@ -3013,7 +3012,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
                   _cache[9] || (_cache[9] = withKeys(withModifiers(($event) => incrementOrDecrement(false), ["stop", "prevent"]), ["up"]))
                 ]
               }, [
-                createVNode(_component_icon, { icon: "ph:caret-down-bold" })
+                createVNode(unref(Icon), { icon: "ph:caret-down-bold" })
               ], 40, _hoisted_4$g)
             ], 512), [
               [vShow, showArrowsComputed.value && !_ctx.disabled]
@@ -4659,13 +4658,41 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
+  __name: "cl-ui-select-option",
+  props: {
+    isSelected: { type: Boolean, default: false },
+    isHighlighted: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false }
+  },
+  emits: ["select"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["cl:px-2 cl:py-0.5", _ctx.disabled ? "cl:bg-grey-1 cl:border-grey-2 cl:placeholder-grey-3" : {
+          "cl:cursor-pointer": _ctx.readonly === false,
+          "cl:bg-primary-lighter": _ctx.isSelected && _ctx.isHighlighted === false,
+          "cl:hover:bg-primary-default": _ctx.readonly === false && _ctx.isSelected && _ctx.isHighlighted === false,
+          "cl:bg-primary-default": _ctx.isSelected && _ctx.isHighlighted,
+          "cl:hover:bg-link-lighter": _ctx.readonly === false && _ctx.isSelected === false && _ctx.isHighlighted === false,
+          "cl:bg-link-lighter": _ctx.isSelected === false && _ctx.isHighlighted
+        }]),
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.readonly || _ctx.disabled ? null : emit("select"))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
 const _hoisted_1$B = ["value", "readonly", "placeholder", "disabled", "onKeydown"];
 const _hoisted_2$q = ["id", "tabindex", "inert", "onKeydown"];
 const _hoisted_3$i = {
   key: 1,
   class: "cl:p-1 cl:select-none cl:text-grey-3"
 };
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -4921,8 +4948,6 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
       focus
     });
     return (_ctx, _cache) => {
-      const _component_icon = resolveComponent("icon");
-      const _component_cl_ui_select_option = resolveComponent("cl-ui-select-option");
       return openBlock(), createElementBlock("div", {
         ref_key: "outsideRef",
         ref: outsideRef,
@@ -4983,7 +5008,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
                       class: "cl:cursor-pointer cl:flex cl:items-center cl:px-2 cl:py-1 cl:relative cl:text-grey-3 cl:z-10",
                       onClick: _cache[5] || (_cache[5] = withModifiers(($event) => isCurrentlySearchable.value ? toggleSelectModalState(false) : onInputClick(), ["stop", "prevent"]))
                     }, [
-                      createVNode(_component_icon, {
+                      createVNode(unref(Icon), {
                         icon: selectModalVisible.value ? "ph:caret-up-bold" : "ph:caret-down-bold"
                       }, null, 8, ["icon"])
                     ])
@@ -5024,7 +5049,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
                 displayList.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(displayList.value, (option2, index2) => {
                   return openBlock(), createElementBlock("div", { key: index2 }, [
                     renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, { option: option2, index: index2, select: handleMouseClick, highlightIndex: highlightIndex.value, isSelected }), () => [
-                      (openBlock(), createBlock(_component_cl_ui_select_option, {
+                      (openBlock(), createBlock(_sfc_main$J, {
                         id: unref(id) + "-option-" + (isSelectItem(option2) ? option2.id : index2),
                         key: index2,
                         disabled: _ctx.disabled,
@@ -5058,34 +5083,6 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
-  __name: "cl-ui-select-option",
-  props: {
-    isSelected: { type: Boolean, default: false },
-    isHighlighted: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    readonly: { type: Boolean, default: false }
-  },
-  emits: ["select"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["cl:px-2 cl:py-0.5", _ctx.disabled ? "cl:bg-grey-1 cl:border-grey-2 cl:placeholder-grey-3" : {
-          "cl:cursor-pointer": _ctx.readonly === false,
-          "cl:bg-primary-lighter": _ctx.isSelected && _ctx.isHighlighted === false,
-          "cl:hover:bg-primary-default": _ctx.readonly === false && _ctx.isSelected && _ctx.isHighlighted === false,
-          "cl:bg-primary-default": _ctx.isSelected && _ctx.isHighlighted,
-          "cl:hover:bg-link-lighter": _ctx.readonly === false && _ctx.isSelected === false && _ctx.isHighlighted === false,
-          "cl:bg-link-lighter": _ctx.isSelected === false && _ctx.isHighlighted
-        }]),
-        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.readonly || _ctx.disabled ? null : emit("select"))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
 const defaultFilterMethod = {
   method: "equal",
   icon: "mdi:equal",
@@ -5743,7 +5740,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           _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!"
         ]])
       }, [
-        _ctx.column.type === "boolean" || _ctx.column.type === "slot" && _ctx.column.slotType === "boolean" ? (openBlock(), createBlock(_sfc_main$J, {
+        _ctx.column.type === "boolean" || _ctx.column.type === "slot" && _ctx.column.slotType === "boolean" ? (openBlock(), createBlock(_sfc_main$I, {
           key: 0,
           id: `${unref(gridId)}-${_ctx.column.name}`,
           list: unref(booleanListEntries),
@@ -5754,7 +5751,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => setFilter(null, $event?.value ?? ""))
         }, {
           default: withCtx(({ select, option: option2, index: index2, highlightIndex, isSelected }) => [
-            createVNode(_sfc_main$I, {
+            createVNode(_sfc_main$J, {
               class: "cl:py-0! cl:text-xs",
               "is-selected": isSelected(option2),
               "is-highlighted": index2 === highlightIndex,
@@ -5829,7 +5826,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
             ])]),
             _: 1
           }, 8, ["id", "modelValue", "readonly"])
-        ])) : isListColumn.value ? (openBlock(), createBlock(_sfc_main$J, {
+        ])) : isListColumn.value ? (openBlock(), createBlock(_sfc_main$I, {
           key: 5,
           id: `${unref(gridId)}-${_ctx.column.name}`,
           list: listEntriesAsSelectItems.value,
@@ -5844,7 +5841,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => updateListColumnSelectItems($event))
         }, {
           default: withCtx(({ select, option: option2, index: index2, highlightIndex, isSelected }) => [
-            createVNode(_sfc_main$I, {
+            createVNode(_sfc_main$J, {
               "is-highlighted": index2 === highlightIndex,
               "is-selected": isSelected(option2),
               class: normalizeClass({
@@ -12341,8 +12338,8 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   clUiNotification: _sfc_main$1e,
   clUiRadio: _sfc_main$9,
   clUiRadioGroup: _sfc_main$8,
-  clUiSelect: _sfc_main$J,
-  clUiSelectOption: _sfc_main$I,
+  clUiSelect: _sfc_main$I,
+  clUiSelectOption: _sfc_main$J,
   clUiTab: _sfc_main$f,
   clUiTabContent: _sfc_main$d,
   clUiTabHeader: _sfc_main$e,
@@ -12440,8 +12437,8 @@ export {
   _sfc_main$1e as clUiNotification,
   _sfc_main$9 as clUiRadio,
   _sfc_main$8 as clUiRadioGroup,
-  _sfc_main$J as clUiSelect,
-  _sfc_main$I as clUiSelectOption,
+  _sfc_main$I as clUiSelect,
+  _sfc_main$J as clUiSelectOption,
   _sfc_main$f as clUiTab,
   _sfc_main$d as clUiTabContent,
   _sfc_main$e as clUiTabHeader,