mhz-ui 1.2.11 → 1.2.12

package/dist/UiChoice/UiChoice.css

@@ -0,0 +1 @@
+._container_18qot_1{display:flex;flex-grow:1;flex-direction:column;gap:4px;width:100%}._options_18qot_9{display:flex;height:40px;border:1px solid var(--color-gray);border-radius:16px}._options_18qot_9[data-tall=true]{height:52px}._button_18qot_19{display:flex;flex-grow:1;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;background-color:var(--color-gray-light);border:none}._button_18qot_19:first-child{border-top-left-radius:16px;border-bottom-left-radius:16px}._button_18qot_19[data-fill=true]:last-child{border-top-right-radius:16px;border-bottom-right-radius:16px}._button_18qot_19[data-current=true]{color:var(--color-white);background-color:var(--color-accent-dark)}._input_18qot_42{flex-grow:1;min-width:60px;max-width:80px;font-size:1rem;text-align:center;outline:none;border:none;border-top-right-radius:16px;border-bottom-right-radius:16px}

package/dist/UiChoice/UiChoice.d.ts

@@ -0,0 +1,13 @@
+interface IProps {
+    modelValue: number;
+    options: number[];
+    title: string;
+    isTall?: boolean;
+    isInput?: boolean;
+}
+declare const _default: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (options: number) => any;
+}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{
+    "onUpdate:modelValue"?: ((options: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/UiChoice/UiChoice.js

@@ -0,0 +1,58 @@
+import "./UiChoice.css";
+import { defineComponent as m, createElementBlock as n, openBlock as s, normalizeClass as l, createElementVNode as u, toDisplayString as r, createCommentVNode as _, Fragment as y, renderList as b } from "vue";
+import { _ as f } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const C = ["data-tall"], V = ["onClick", "data-current", "data-fill"], k = ["value"], $ = /* @__PURE__ */ m({
+  __name: "UiChoice",
+  props: {
+    modelValue: {},
+    options: {},
+    title: {},
+    isTall: { type: Boolean },
+    isInput: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(c, { emit: p }) {
+    const e = c, d = p;
+    function a(t) {
+      d("update:modelValue", typeof t == "number" ? t : Number(t.target.value));
+    }
+    return (t, i) => (s(), n("div", {
+      class: l(t.$style.container)
+    }, [
+      u("label", null, r(e.title), 1),
+      u("div", {
+        class: l(t.$style.options),
+        "data-tall": e.isTall
+      }, [
+        (s(!0), n(y, null, b(e.options, (o) => (s(), n("button", {
+          key: o,
+          onClick: (N) => a(o),
+          type: "button",
+          class: l(t.$style.button),
+          "data-current": e.modelValue === o,
+          "data-fill": !e.isInput
+        }, r(o), 11, V))), 128)),
+        e.isInput ? (s(), n("input", {
+          key: 0,
+          type: "number",
+          class: l(t.$style.input),
+          value: e.modelValue,
+          onChange: i[0] || (i[0] = (o) => a(o)),
+          step: "1",
+          min: "1",
+          max: "60"
+        }, null, 42, k)) : _("", !0)
+      ], 10, C)
+    ], 2));
+  }
+}), h = "_container_18qot_1", g = "_options_18qot_9", q = "_button_18qot_19", v = "_input_18qot_42", B = {
+  container: h,
+  options: g,
+  button: q,
+  input: v
+}, I = {
+  $style: B
+}, T = /* @__PURE__ */ f($, [["__cssModules", I]]);
+export {
+  T as default
+};

package/dist/UiChoice/UiChoice.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/UiChoice/UiChoice.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import { UiChoice } from '..';
+declare const meta: Meta<typeof UiChoice>;
+type Story = StoryObj<typeof UiChoice>;
+export default meta;
+export declare const Primary: Story;

package/dist/UiChoice/constants/index.d.ts

@@ -0,0 +1,5 @@
+export declare const options: number[];
+export declare const modelValue: number;
+export declare const title = "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A";
+export declare const isTall = true;
+export declare const isInput = true;