@hunter-industries/hunter-components 0.0.100 → 0.0.101

package/dist/hunter-components.js

@@ -1255,11 +1255,11 @@ const _hoisted_1$S = {
   fill: "none"
 };
 const _hoisted_2$O = /* @__PURE__ */ createStaticVNode('<circle cx="16" cy="16" r="15.625" fill="#fff" opacity=".8"></circle><path fill="#68aee0" d="M18.859 27.5v-23h6.64v23z"></path><path fill="#3A2F26" d="M20.756 27.501v-23h2.846v23z"></path><path fill="#68aee0" d="M20.76 19.91H2.5v-6.64h18.26z"></path><path fill="#3A2F26" d="M20.761 18.012H2.501v-2.846h18.26z"></path>', 5);
-const _hoisted_7$1 = [
+const _hoisted_7$2 = [
   _hoisted_2$O
 ];
 function render$C(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$S, [..._hoisted_7$1]);
+  return openBlock(), createElementBlock("svg", _hoisted_1$S, [..._hoisted_7$2]);
 }
 const __vite_glob_0_75 = { render: render$C };
 const _hoisted_1$R = {
@@ -1558,14 +1558,14 @@ const _hoisted_5$6 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M31.108 20.67H41.4a3.16 3.16 0 0 0-1.54.643c-.47.367-.6.74-.792 1.297l-.011.031h-5.227c-.2-.573-.58-.952-1.06-1.324a3.14 3.14 0 0 0-1.66-.647"
 }, null, -1);
-const _hoisted_6$2 = [
+const _hoisted_6$3 = [
   _hoisted_2$z,
   _hoisted_3$w,
   _hoisted_4$a,
   _hoisted_5$6
 ];
 function render$n(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$D, [..._hoisted_6$2]);
+  return openBlock(), createElementBlock("svg", _hoisted_1$D, [..._hoisted_6$3]);
 }
 const __vite_glob_0_90 = { render: render$n };
 const _hoisted_1$C = {
@@ -2625,9 +2625,9 @@ const _hoisted_3$8 = {
 };
 const _hoisted_4$7 = ["src", "alt"];
 const _hoisted_5$4 = { class: "hc__card__text" };
-const _hoisted_6$1 = { class: "hc__card__text__description" };
-const _hoisted_7 = { class: "card-description-body-wrapper" };
-const _hoisted_8 = { class: "description" };
+const _hoisted_6$2 = { class: "hc__card__text__description" };
+const _hoisted_7$1 = { class: "card-description-body-wrapper" };
+const _hoisted_8$1 = { class: "description" };
 const _hoisted_9 = {
   key: 0,
   class: "hc__card__buttons float2"
@@ -2692,12 +2692,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           }, null, 8, _hoisted_4$7))
         ]),
         createElementVNode("div", _hoisted_5$4, [
-          createElementVNode("div", _hoisted_6$1, [
+          createElementVNode("div", _hoisted_6$2, [
             createElementVNode("div", {
               class: normalizeClass(["hc__card__text__title", "uppercase"])
             }, toDisplayString(_ctx.title), 1),
-            createElementVNode("div", _hoisted_7, [
-              createElementVNode("div", _hoisted_8, [
+            createElementVNode("div", _hoisted_7$1, [
+              createElementVNode("div", _hoisted_8$1, [
                 !_ctx.hideToggleButton ? (openBlock(), createElementBlock("div", _hoisted_9, [
                   withDirectives(createVNode(unref(_sfc_main$l), {
                     variant: "icon-primary",
@@ -3483,7 +3483,7 @@ const _hoisted_5$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createEl
   for: "metric",
   class: "unit-label"
 }, "Metric", -1));
-const _hoisted_6 = { class: "hunter-form-buttons" };
+const _hoisted_6$1 = { class: "hunter-form-buttons" };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -3682,7 +3682,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             _hoisted_5$2
           ])
         ]),
-        createElementVNode("div", _hoisted_6, [
+        createElementVNode("div", _hoisted_6$1, [
           createVNode(_sfc_main$l, mergeProps(unref(cancelButtonProps), {
             variant: "tertiary",
             className: "form-button",
@@ -4033,14 +4033,20 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 const SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-603385ac"]]);
-const _hoisted_1 = { class: "slider-container" };
-const _hoisted_2 = {
+const _hoisted_1 = { class: "slider-and-single-unit-container" };
+const _hoisted_2 = { class: "slider-with-descriptions" };
+const _hoisted_3 = { class: "slider-container" };
+const _hoisted_4 = {
   class: "ticks",
   "aria-hidden": "true"
 };
-const _hoisted_3 = { class: "flex flex-row justify-between items-center text-blue-900" };
-const _hoisted_4 = { class: "flex flex-col items-center" };
-const _hoisted_5 = { class: "font-medium" };
+const _hoisted_5 = { class: "text-under-slider" };
+const _hoisted_6 = { class: "text" };
+const _hoisted_7 = { class: "title" };
+const _hoisted_8 = {
+  key: 0,
+  class: "unit-text"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Slider",
   props: {
@@ -4052,15 +4058,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     thumbColor: { default: "#00658a" },
     thumbSize: { default: "25px" },
     text: {},
-    tickEvery: { default: 2 }
+    tickEvery: { default: 2 },
+    showSelection: { type: Boolean, default: true },
+    unit: { default: '"' }
   },
   emits: ["change", "input"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "44700673": primaryColor,
-      "7de4747e": secondaryColor,
-      "3b5208c2": thumbColor,
-      "a704c776": thumbSize
+      "32a6fe14": primaryColor,
+      "05354dbc": secondaryColor,
+      "e10d3100": thumbColor,
+      "49449f78": thumbSize
     }));
     const {
       min,
@@ -4070,7 +4078,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       secondaryColor,
       thumbColor,
       thumbSize,
-      tickEvery
+      tickEvery,
+      showSelection,
+      unit
     } = __props;
     const emit = __emit;
     const minN = computed(() => Number(min));
@@ -4094,53 +4104,56 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       calcValue(sliderValue.value);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", _hoisted_1, [
-          withDirectives(createElementVNode("input", {
-            type: "range",
-            min,
-            max,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => sliderValue.value = $event),
-            class: "slider",
-            id: "range",
-            ref_key: "slider",
-            ref: slider,
-            onInput: _cache[1] || (_cache[1] = ($event) => calcValue(sliderValue.value)),
-            onChange: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("change", sliderValue.value))
-          }, null, 544), [
-            [
-              vModelText,
-              sliderValue.value,
-              void 0,
-              { number: true }
-            ]
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            withDirectives(createElementVNode("input", {
+              type: "range",
+              min,
+              max,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => sliderValue.value = $event),
+              class: "slider block w-full",
+              id: "range",
+              ref_key: "slider",
+              ref: slider,
+              onInput: _cache[1] || (_cache[1] = ($event) => calcValue(sliderValue.value)),
+              onChange: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("change", sliderValue.value))
+            }, null, 544), [
+              [
+                vModelText,
+                sliderValue.value,
+                void 0,
+                { number: true }
+              ]
+            ]),
+            createElementVNode("div", _hoisted_4, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(tickCount.value, (i) => {
+                return openBlock(), createElementBlock("span", {
+                  key: i,
+                  class: normalizeClass(["tick", {
+                    hide: (i - 1) % tickEvery !== 0,
+                    passed: +min + (i - 1) < +sliderValue.value,
+                    active: +min + (i - 1) === +sliderValue.value
+                  }])
+                }, null, 2);
+              }), 128))
+            ])
           ]),
-          createElementVNode("div", _hoisted_2, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(tickCount.value, (i) => {
-              return openBlock(), createElementBlock("span", {
-                key: i,
-                class: normalizeClass(["tick", {
-                  hide: (i - 1) % tickEvery !== 0,
-                  passed: +min + (i - 1) < +sliderValue.value,
-                  active: +min + (i - 1) === +sliderValue.value
-                }])
-              }, null, 2);
-            }), 128))
+          createElementVNode("div", _hoisted_5, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.text, (item, _) => {
+              return openBlock(), createElementBlock("div", _hoisted_6, [
+                createElementVNode("div", _hoisted_7, toDisplayString(item.title), 1),
+                createElementVNode("div", null, toDisplayString(item == null ? void 0 : item.description), 1)
+              ]);
+            }), 256))
           ])
         ]),
-        createElementVNode("div", _hoisted_3, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.text, (item, _) => {
-            return openBlock(), createElementBlock("div", _hoisted_4, [
-              createElementVNode("div", _hoisted_5, toDisplayString(item.title), 1),
-              createElementVNode("div", null, toDisplayString(item == null ? void 0 : item.description), 1)
-            ]);
-          }), 256))
-        ])
-      ], 64);
+        showSelection ? (openBlock(), createElementBlock("div", _hoisted_8, toDisplayString(`${sliderValue.value}${unit}`), 1)) : createCommentVNode("", true)
+      ]);
     };
   }
 });
-const Slider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-baa0db3c"]]);
+const Slider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b87d7551"]]);
 export {
   _sfc_main$l as HunterButton,
   ButtonIcon as HunterButtonIcon,