@hunter-industries/hunter-components 0.0.90 → 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: {
@@ -3391,7 +3397,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   }
 });
 const FormInput = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-7719e3d0"]]);
-const _withScopeId = (n) => (pushScopeId("data-v-d49ef131"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-26606b3a"), n = n(), popScopeId(), n);
 const _hoisted_1$3 = { class: "unit-selection-container" };
 const _hoisted_2$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "font-medium" }, "Units", -1));
 const _hoisted_3$1 = { class: "unit-selection" };
@@ -3416,7 +3422,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     submitButtonText: {},
     cancelButtonText: {},
     showCancelButton: { type: Boolean },
-    successSubmitButtonDisabled: { type: Boolean }
+    successSubmitButtonDisabled: { type: Boolean },
+    focusOnFirstInput: { type: Boolean }
   },
   emits: ["cancelSubmit", "submitForm"],
   setup(__props, { emit: __emit }) {
@@ -3429,6 +3436,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     } = toRefs(props);
     const status = ref(props.submitStatus);
     const formInputs = ref(props.inputs);
+    const form = ref();
     const unit = ref("en");
     const emit = __emit;
     const canSubmit = computed(() => {
@@ -3531,6 +3539,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           handleFormSubmit(e);
         }
       });
+      if (props.focusOnFirstInput) {
+        if (form.value && form.value[0]) {
+          form.value[0].focus();
+        }
+      }
     });
     onBeforeUnmount(() => {
       document.removeEventListener("keydown", (e) => {
@@ -3548,7 +3561,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("form", {
         class: "hunter-component hunter-form",
         onSubmit: withModifiers(handleFormSubmit, ["prevent"]),
-        novalidate: ""
+        novalidate: "",
+        ref_key: "form",
+        ref: form
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(formInputs.value, (input, index2) => {
           return openBlock(), createBlock(FormInput, mergeProps({
@@ -3611,11 +3626,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             type: "submit"
           }), null, 16, ["class", "status", "disabled"])
         ])
-      ], 32);
+      ], 544);
     };
   }
 });
-const index = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-d49ef131"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-26606b3a"]]);
 const _hoisted_1$2 = ["href"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "Link",