manolis-ui 0.27.4 → 0.27.6

package/dist/SearchCounter-Bo1dwTXm.js

@@ -0,0 +1,41 @@
+import { defineComponent as f, ref as x, watch as v, createElementBlock as l, openBlock as a, Fragment as h, renderList as g, createElementVNode as e, toDisplayString as d, withModifiers as u } from "vue";
+const V = { class: "flex flex-col gap-6" }, C = { class: "flex flex-col" }, w = { class: "font-bold capitalize text-lg" }, k = { class: "flex items-center gap-4" }, B = ["disabled", "onClick"], E = { class: "w-6 text-center font-mono text-lg" }, M = ["onClick"], $ = /* @__PURE__ */ f({
+  __name: "SearchCounter",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(b, { emit: m }) {
+    const c = b, p = m, t = x({ ...c.modelValue }), i = (o, s) => {
+      t.value[o] = Math.max(0, t.value[o] + s), p("update:modelValue", { ...t.value });
+    };
+    return v(() => c.modelValue, (o) => {
+      t.value = { ...o };
+    }, { deep: !0 }), (o, s) => (a(), l("div", V, [
+      (a(!0), l(h, null, g(t.value, (r, n) => (a(), l("div", {
+        key: n,
+        class: "flex items-center justify-between min-w-[300px]"
+      }, [
+        e("div", C, [
+          e("span", w, d(n), 1),
+          s[0] || (s[0] = e("span", { class: "text-sm text-base-content/60" }, "Ages 13 or above", -1))
+        ]),
+        e("div", k, [
+          e("button", {
+            class: "btn btn-circle btn-outline btn-sm border-base-300 hover:border-black disabled:opacity-20",
+            disabled: r <= 0,
+            onClick: u((_) => i(n, -1), ["stop"])
+          }, " - ", 8, B),
+          e("span", E, d(r), 1),
+          e("button", {
+            class: "btn btn-circle btn-outline btn-sm border-base-300 hover:border-black",
+            onClick: u((_) => i(n, 1), ["stop"])
+          }, " + ", 8, M)
+        ])
+      ]))), 128))
+    ]));
+  }
+});
+export {
+  $ as default
+};