@hunter-industries/hunter-components 0.0.91 → 0.0.92

package/dist/hunter-components.js

@@ -2816,6 +2816,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    console.log("PROP", props.variant);
     const isScrollable = computed(() => props.scrollable || false);
     const selectedItem = computed(() => props.selected || null);
     const listOptions = computed(
@@ -2874,7 +2875,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DropdownList = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-ce8d21c1"]]);
+const DropdownList = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-11434967"]]);
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "DropdownListWithFilter",
   props: {
@@ -3047,25 +3048,31 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
-    const { variant, collapsed } = toRefs(props);
+    const { variant, collapsed, text } = toRefs(props);
     const dropdownClass = computed(
       () => `hunter-dropdown-button_${variant.value || "default"}`
     );
+    const isPlaceholder = computed(() => !(text == null ? void 0 : text.value));
     const buttonEl = ref(null);
     __expose({ buttonEl });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
-        class: normalizeClass(["hunter-component hunter-dropdown-button", [dropdownClass.value, { reverse: _ctx.reverse, open: !unref(collapsed), disabled: _ctx.disabled }]]),
+        class: normalizeClass(["hunter-component hunter-dropdown-button", [
+          dropdownClass.value,
+          { reverse: _ctx.reverse, open: !unref(collapsed), disabled: _ctx.disabled, placeholder: isPlaceholder.value }
+        ]]),
         id: _ctx.id,
         popovertarget: _ctx.dropdownId,
-        popovertargetaction: "toggle"
+        popovertargetaction: "toggle",
+        ref_key: "buttonEl",
+        ref: buttonEl
       }, [
         createVNode(unref(Icon), {
           width: "16",
           name: "caret-down",
           class: normalizeClass(["hunter-dropdown-button__icon", { flipped: unref(collapsed) }])
         }, null, 8, ["class"]),
-        !_ctx.text ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock("span", _hoisted_2$4, toDisplayString(_ctx.text), 1))
+        !unref(text) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock("span", _hoisted_2$4, toDisplayString(unref(text)), 1))
       ], 10, _hoisted_1$6);
     };
   }
@@ -3152,7 +3159,6 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       document.removeEventListener("click", handleOutsideClick);
     });
     return (_ctx, _cache) => {
-      var _a;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["hunter-component hunter-dropdown-with-button", [_ctx.className, { variant: _ctx.variant, disabled: _ctx.disabled }]]),
         ref_key: "dropdownWithButton",
@@ -3181,7 +3187,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             "option-key": _ctx.optionKey,
             collapsed: collapsed.value,
             selected: selectedItem.value,
-            variant: ((_a = _ctx.variant) == null ? void 0 : _a.includes("small")) ? "small" : "default",
+            variant: !_ctx.variant ? "default" : _ctx.variant,
             "show-clear-button": _ctx.showClearButton,
             scrollable: _ctx.scrollable,
             "list-max-height": _ctx.listMaxHeight,
@@ -3193,7 +3199,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-257d9ae4"]]);
+const Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-c575183f"]]);
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "ButtonDropdownColors",
   props: {