@enos5/enos-vue-default 1.6.0 → 1.6.2

package/dist/index.js

@@ -1,5 +1,5 @@
 import './styles.css';
-import { _, a, b, c, d, e, f, g, h, i, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, S, B, C, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1 } from "./plugin-BWHPeYQC.js";
+import { _, a, b, c, d, e, f, g, h, i, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, S, B, C, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1 } from "./plugin-BEMDJdLp.js";
 export {
   _ as ActionCard,
   a as ActionMessage,

package/dist/index.node.js

@@ -1,4 +1,4 @@
-import { _, a, b, c, d, e, f, g, h, i, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, S, B, C, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1 } from "./plugin-BWHPeYQC.js";
+import { _, a, b, c, d, e, f, g, h, i, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, S, B, C, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1 } from "./plugin-BEMDJdLp.js";
 export {
   _ as ActionCard,
   a as ActionMessage,

package/dist/{plugin-BWHPeYQC.js → plugin-BEMDJdLp.js}

@@ -1,4 +1,4 @@
-import { ref, computed, watch, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, normalizeStyle, toDisplayString, createBlock, createCommentVNode, renderSlot, createVNode, Transition, withCtx, mergeProps, useSlots, unref, withDirectives, vShow, useAttrs, vModelCheckbox, onMounted, nextTick, onBeforeUnmount, Teleport, withModifiers, createTextVNode, onUnmounted, inject, provide, defineComponent, isVNode, cloneVNode, resolveDynamicComponent, h, vModelText, createSlots } from "vue";
+import { ref, computed, watch, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, normalizeStyle, toDisplayString, createBlock, createCommentVNode, renderSlot, createVNode, Transition, withCtx, mergeProps, useSlots, unref, withDirectives, vShow, useAttrs, vModelCheckbox, onMounted, nextTick, onBeforeUnmount, Teleport, withModifiers, onUnmounted, inject, provide, defineComponent, isVNode, cloneVNode, resolveDynamicComponent, createTextVNode, h, vModelText, createSlots } from "vue";
 import { LockClosedIcon, ChevronDownIcon, PhotoIcon, ExclamationCircleIcon, ExclamationTriangleIcon, ChevronUpIcon, MagnifyingGlassIcon, CheckIcon, PencilSquareIcon } from "@heroicons/vue/24/outline";
 import Editor from "@tinymce/tinymce-vue";
 import { Link } from "@inertiajs/vue3";
@@ -925,6 +925,8 @@ const _sfc_main$E = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     const triggerRef = ref(null);
     const dropdownMenuRef = ref(null);
     const dropdownStyle = ref({});
+    const isDarkMode = ref(false);
+    const isMounted = ref(false);
     const isObjectOption = (option) => typeof option === "object" && option !== null;
     const optionValue = (option) => {
       if (isObjectOption(option)) {
@@ -1070,7 +1072,17 @@ const _sfc_main$E = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
         isOpen.value = false;
       }
     };
+    const syncDarkMode = () => {
+      if (rootRef.value?.closest(".dark")) {
+        isDarkMode.value = true;
+        return;
+      }
+      isDarkMode.value = document.documentElement.classList.contains("dark") || document.body.classList.contains("dark");
+    };
+    const darkTextStyle = computed(() => isDarkMode.value ? { color: "#ffffff" } : null);
     onMounted(() => {
+      isMounted.value = true;
+      syncDarkMode();
       document.addEventListener("click", closeDropdown);
       window.addEventListener("resize", updateDropdownPosition);
       window.addEventListener("scroll", updateDropdownPosition, true);
@@ -1084,6 +1096,7 @@ const _sfc_main$E = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
       if (!open) {
         return;
       }
+      syncDarkMode();
       await nextTick();
       updateDropdownPosition();
     });
@@ -1100,87 +1113,104 @@ const _sfc_main$E = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
           class: [
             __props.baseClass,
             selectedDeletedOption.value || __props.multiple && selectedMultipleOptions.value.some(optionDeleted) ? __props.deletedSelectedClass : __props.normalTextClass,
+            { "text-neutral-50": isDarkMode.value && !(selectedDeletedOption.value || __props.multiple && selectedMultipleOptions.value.some(optionDeleted)) },
             "flex items-center justify-between cursor-pointer",
             unref(attrs).class
           ]
         }, unref(attrs), { tabindex: "0" }), [
           createElementVNode("span", {
-            class: normalizeClass((__props.multiple && selectedMultipleOptions.value.length === 0 || !__props.multiple && !__props.modelValue) && __props.placeholder ? __props.placeholderClass : null)
-          }, toDisplayString(displayText.value), 3),
+            class: normalizeClass((__props.multiple && selectedMultipleOptions.value.length === 0 || !__props.multiple && !__props.modelValue) && __props.placeholder ? __props.placeholderClass : null),
+            style: normalizeStyle(darkTextStyle.value)
+          }, toDisplayString(displayText.value), 7),
           createVNode(unref(ChevronDownIcon), {
             class: normalizeClass(["size-5 text-neutral-400 transition-transform dark:text-neutral-200", { "rotate-180": isOpen.value }])
           }, null, 8, ["class"])
         ], 16),
-        createVNode(Transition, {
-          "enter-active-class": "transition-all duration-200 ease-out",
-          "enter-from-class": "opacity-0 transform scale-95 -translate-y-2",
-          "enter-to-class": "opacity-100 transform scale-100 translate-y-0",
-          "leave-active-class": "transition-all duration-150 ease-in",
-          "leave-from-class": "opacity-100 transform scale-100 translate-y-0",
-          "leave-to-class": "opacity-0 transform scale-95 -translate-y-2"
-        }, {
-          default: withCtx(() => [
-            (openBlock(), createBlock(Teleport, { to: "body" }, [
+        isMounted.value ? (openBlock(), createBlock(Teleport, {
+          key: 0,
+          to: "body"
+        }, [
+          createVNode(Transition, {
+            "enter-active-class": "transition-all duration-200 ease-out",
+            "enter-from-class": "opacity-0 transform scale-95 -translate-y-2",
+            "enter-to-class": "opacity-100 transform scale-100 translate-y-0",
+            "leave-active-class": "transition-all duration-150 ease-in",
+            "leave-from-class": "opacity-100 transform scale-100 translate-y-0",
+            "leave-to-class": "opacity-0 transform scale-95 -translate-y-2"
+          }, {
+            default: withCtx(() => [
               isOpen.value ? (openBlock(), createElementBlock("div", {
                 key: 0,
                 ref_key: "dropdownMenuRef",
                 ref: dropdownMenuRef,
-                class: normalizeClass(__props.dropdownClass),
+                class: normalizeClass({ dark: isDarkMode.value }),
                 style: normalizeStyle(dropdownStyle.value)
               }, [
-                __props.placeholder && !__props.multiple ? (openBlock(), createElementBlock("div", {
-                  key: 0,
-                  class: normalizeClass([
-                    __props.dropdownOptionClass,
-                    __props.placeholderClass,
-                    { "text-gray-400": !__props.modelValue }
-                  ]),
-                  onClick: withModifiers(selectPlaceholder, ["stop"])
-                }, toDisplayString(__props.placeholder), 3)) : createCommentVNode("", true),
-                selectedDeletedOption.value ? (openBlock(), createElementBlock("div", {
-                  key: 1,
-                  class: normalizeClass([
-                    __props.dropdownOptionClass,
-                    __props.deletedOptionClass,
-                    __props.dropdownSelectedClass
-                  ])
-                }, toDisplayString(optionText(selectedDeletedOption.value)), 3)) : createCommentVNode("", true),
-                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.multiple ? multipleOptions.value : availableOptions.value, (option) => {
-                  return openBlock(), createElementBlock("div", {
-                    key: String(optionValue(option)),
+                createElementVNode("div", {
+                  class: normalizeClass([__props.dropdownClass, { "bg-neutral-950 border-neutral-800": isDarkMode.value }])
+                }, [
+                  __props.placeholder && !__props.multiple ? (openBlock(), createElementBlock("div", {
+                    key: 0,
                     class: normalizeClass([
                       __props.dropdownOptionClass,
-                      optionDeleted(option) ? __props.deletedOptionClass : __props.optionClass,
-                      {
-                        [__props.dropdownSelectedClass]: __props.multiple ? optionIsSelected(option) : optionValue(option) === __props.modelValue || String(optionValue(option)) === String(__props.modelValue),
-                        "rounded-b-lg": option === availableOptions.value[availableOptions.value.length - 1] && !__props.placeholder,
-                        "rounded-lg": !__props.placeholder && availableOptions.value.length === 1
-                      }
+                      __props.placeholderClass,
+                      { "text-gray-400": !__props.modelValue }
                     ]),
-                    onClick: withModifiers(($event) => __props.multiple ? toggleMultipleOption(option) : selectOption(option), ["stop"])
+                    onClick: withModifiers(selectPlaceholder, ["stop"])
                   }, [
-                    __props.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
-                      createElementVNode("input", {
-                        type: "checkbox",
-                        class: "h-4 w-4 rounded border-neutral-300 text-neutral-900 focus:ring-neutral-900",
-                        checked: optionIsSelected(option),
-                        disabled: __props.disabled,
-                        tabindex: "-1",
-                        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-                        }, ["stop"])),
-                        onChange: withModifiers(($event) => toggleMultipleOption(option), ["stop"])
-                      }, null, 40, _hoisted_3$b),
-                      createElementVNode("span", null, toDisplayString(optionText(option)), 1)
-                    ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                      createTextVNode(toDisplayString(optionText(option)), 1)
-                    ], 64))
-                  ], 10, _hoisted_1$r);
-                }), 128))
+                    createElementVNode("span", {
+                      style: normalizeStyle(darkTextStyle.value)
+                    }, toDisplayString(__props.placeholder), 5)
+                  ], 2)) : createCommentVNode("", true),
+                  selectedDeletedOption.value ? (openBlock(), createElementBlock("div", {
+                    key: 1,
+                    class: normalizeClass([
+                      __props.dropdownOptionClass,
+                      __props.deletedOptionClass,
+                      __props.dropdownSelectedClass
+                    ])
+                  }, toDisplayString(optionText(selectedDeletedOption.value)), 3)) : createCommentVNode("", true),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.multiple ? multipleOptions.value : availableOptions.value, (option) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: String(optionValue(option)),
+                      class: normalizeClass([
+                        __props.dropdownOptionClass,
+                        optionDeleted(option) ? __props.deletedOptionClass : __props.optionClass,
+                        { "text-neutral-50": isDarkMode.value && !optionDeleted(option) },
+                        {
+                          [__props.dropdownSelectedClass]: __props.multiple ? optionIsSelected(option) : optionValue(option) === __props.modelValue || String(optionValue(option)) === String(__props.modelValue),
+                          "rounded-b-lg": option === availableOptions.value[availableOptions.value.length - 1] && !__props.placeholder,
+                          "rounded-lg": !__props.placeholder && availableOptions.value.length === 1
+                        }
+                      ]),
+                      onClick: withModifiers(($event) => __props.multiple ? toggleMultipleOption(option) : selectOption(option), ["stop"])
+                    }, [
+                      __props.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
+                        createElementVNode("input", {
+                          type: "checkbox",
+                          class: "h-4 w-4 rounded border-neutral-300 text-neutral-900 focus:ring-neutral-900",
+                          checked: optionIsSelected(option),
+                          disabled: __props.disabled,
+                          tabindex: "-1",
+                          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                          }, ["stop"])),
+                          onChange: withModifiers(($event) => toggleMultipleOption(option), ["stop"])
+                        }, null, 40, _hoisted_3$b),
+                        createElementVNode("span", {
+                          style: normalizeStyle(darkTextStyle.value)
+                        }, toDisplayString(optionText(option)), 5)
+                      ])) : (openBlock(), createElementBlock("span", {
+                        key: 1,
+                        style: normalizeStyle(darkTextStyle.value)
+                      }, toDisplayString(optionText(option)), 5))
+                    ], 10, _hoisted_1$r);
+                  }), 128))
+                ], 2)
               ], 6)) : createCommentVNode("", true)
-            ]))
-          ]),
-          _: 1
-        })
+            ]),
+            _: 1
+          })
+        ])) : createCommentVNode("", true)
       ], 512);
     };
   }
@@ -1238,39 +1268,39 @@ const _sfc_main$D = {
     },
     baseClass: {
       type: [String, Array, Object],
-      default: "block w-full rounded-lg border border-slate-300 bg-white px-4 py-3 text-sm text-slate-900 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20"
+      default: "block w-full rounded-lg border border-slate-300 bg-white px-4 py-3 text-sm text-slate-900 shadow-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50 dark:focus:border-neutral-100 dark:focus:ring-neutral-100/10"
     },
     normalTextClass: {
       type: [String, Array, Object],
-      default: "text-slate-900"
+      default: "text-slate-900 dark:text-neutral-50"
     },
     deletedSelectedClass: {
       type: [String, Array, Object],
-      default: "text-red-600"
+      default: "text-red-600 dark:text-neutral-100"
     },
     optionClass: {
       type: [String, Array, Object],
-      default: "text-slate-900"
+      default: "text-slate-900 dark:text-neutral-50"
     },
     deletedOptionClass: {
       type: [String, Array, Object],
-      default: "text-rose-700"
+      default: "text-rose-700 dark:text-neutral-100"
     },
     placeholderClass: {
       type: [String, Array, Object],
-      default: "text-slate-500"
+      default: "text-slate-500 dark:text-neutral-200"
     },
     dropdownClass: {
       type: [String, Array, Object],
-      default: "bg-white/95 border border-slate-200 rounded-xl shadow-xl max-h-60 overflow-auto z-50 backdrop-blur-sm"
+      default: "bg-white border border-slate-200 rounded-xl shadow-xl max-h-60 overflow-auto z-50 backdrop-blur-sm dark:bg-neutral-950 dark:border-neutral-800"
     },
     dropdownOptionClass: {
       type: [String, Array, Object],
-      default: "px-4 py-3 hover:bg-slate-100 cursor-pointer transition-colors"
+      default: "px-4 py-3 hover:bg-slate-100 cursor-pointer transition-colors dark:hover:bg-neutral-900"
     },
     dropdownSelectedClass: {
       type: [String, Array, Object],
-      default: "bg-blue-50 text-blue-700 font-medium"
+      default: "bg-blue-50 text-blue-700 font-medium dark:bg-neutral-900 dark:text-neutral-50"
     }
   },
   emits: ["update:modelValue"],
@@ -4848,4 +4878,4 @@ export {
   _sfc_main$z as y,
   _sfc_main$x as z
 };
-//# sourceMappingURL=plugin-BWHPeYQC.js.map
+//# sourceMappingURL=plugin-BEMDJdLp.js.map