bonkers-ui 1.0.61 → 1.0.62

package/components/ui-input/ui-input.vue.d.ts

@@ -0,0 +1,102 @@
+import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+import { EAutocomplete, EInputKinds, EInputType } from "./_typings";
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    placeholder?: string | undefined;
+    modelValue: string | number;
+    disabled?: boolean | undefined;
+    kind?: EInputKinds | undefined;
+    heading?: string | undefined;
+    subLabel?: string | undefined;
+    type?: EInputType | undefined;
+    pattern?: string | undefined;
+    maxlength?: string | undefined;
+    minlength?: string | undefined;
+    focusHandler?: ((e: FocusEvent) => void) | undefined;
+    autocomplete?: EAutocomplete | undefined;
+    name?: string | undefined;
+}>, {
+    modelValue: string;
+    placeholder: string;
+    autocomplete: undefined;
+    name: undefined;
+    heading: undefined;
+    subLabel: undefined;
+    pattern: undefined;
+    maxlength: undefined;
+    minlength: undefined;
+    type: EInputType;
+    focusHandler: () => undefined;
+    kind: EInputKinds;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    placeholder?: string | undefined;
+    modelValue: string | number;
+    disabled?: boolean | undefined;
+    kind?: EInputKinds | undefined;
+    heading?: string | undefined;
+    subLabel?: string | undefined;
+    type?: EInputType | undefined;
+    pattern?: string | undefined;
+    maxlength?: string | undefined;
+    minlength?: string | undefined;
+    focusHandler?: ((e: FocusEvent) => void) | undefined;
+    autocomplete?: EAutocomplete | undefined;
+    name?: string | undefined;
+}>, {
+    modelValue: string;
+    placeholder: string;
+    autocomplete: undefined;
+    name: undefined;
+    heading: undefined;
+    subLabel: undefined;
+    pattern: undefined;
+    maxlength: undefined;
+    minlength: undefined;
+    type: EInputType;
+    focusHandler: () => undefined;
+    kind: EInputKinds;
+}>>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: EInputType;
+    pattern: string;
+    kind: EInputKinds;
+    modelValue: string | number;
+    name: string;
+    placeholder: string;
+    heading: string;
+    subLabel: string;
+    maxlength: string;
+    minlength: string;
+    focusHandler: (e: FocusEvent) => void;
+    autocomplete: EAutocomplete;
+}, {}>, {
+    header?(_: {}): any;
+    "prefix-icon"?(_: {}): any;
+    "postfix-icon"?(_: {}): any;
+    subLabel?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/ui-input/ui-input.vue.js

@@ -0,0 +1,97 @@
+import { defineComponent as R, computed as k, openBlock as n, createElementBlock as A, renderSlot as o, createBlock as s, unref as t, withCtx as p, createTextVNode as m, toDisplayString as f, createCommentVNode as h, createElementVNode as b, normalizeClass as S } from "vue";
+import { EInputKinds as a, EInputType as r, EAutocomplete as g } from "./_typings.js";
+import c from "../ui-typography/index.js";
+import { ETypographySizes as y } from "../ui-typography/_typings.js";
+import { EColors as C } from "../../_types/colors.js";
+const D = { class: "ui-input" }, L = ["autocomplete", "name", "value", "pattern", "type", "placeholder", "maxlength", "minlength"], I = /* @__PURE__ */ R({
+  __name: "ui-input",
+  props: {
+    placeholder: { default: "" },
+    modelValue: { default: "" },
+    disabled: { type: Boolean },
+    kind: { default: a.SECONDARY },
+    heading: { default: void 0 },
+    subLabel: { default: void 0 },
+    type: { default: r.TEXT },
+    pattern: { default: void 0 },
+    maxlength: { default: void 0 },
+    minlength: { default: void 0 },
+    focusHandler: { type: Function, default: () => {
+    } },
+    autocomplete: { default: void 0 },
+    name: { default: void 0 }
+  },
+  emits: ["update:modelValue"],
+  setup(v) {
+    const E = v, d = k(() => {
+      switch (E.type) {
+        case r.PASSWORD:
+          return g.CURRENT_PASSWORD;
+        case r.EMAIL:
+          return g.EMAIL;
+        default:
+          return;
+      }
+    });
+    return (e, l) => (n(), A("div", D, [
+      o(e.$slots, "header", {}, () => [
+        e.heading ? (n(), s(t(c), {
+          key: 0,
+          class: "mb-xs",
+          size: t(y).MD,
+          "line-height": ""
+        }, {
+          default: p(() => [
+            m(f(e.heading), 1)
+          ]),
+          _: 1
+        }, 8, ["size"])) : h("", !0)
+      ]),
+      b("label", {
+        class: S(["ui-input__wrapper flex w-full items-center gap-xs rounded-lg border bg-white p-sm", [
+          e.kind === t(a).SECONDARY && "border-secondary-alt-500 hover:border-secondary-alt-700",
+          e.kind === t(a).PRIMARY && "border-primary",
+          e.kind === t(a).ERROR && "border-error",
+          e.disabled && "border-secondary-alt-300 bg-secondary-alt-200"
+        ]])
+      }, [
+        o(e.$slots, "prefix-icon"),
+        b("input", {
+          autocomplete: e.autocomplete || d.value,
+          name: e.name || e.autocomplete || d.value,
+          value: e.modelValue,
+          pattern: e.pattern,
+          class: "w-full border-0 bg-transparent outline-none placeholder:italic placeholder:text-secondary-alt",
+          type: e.type,
+          placeholder: e.placeholder,
+          maxlength: e.maxlength,
+          minlength: e.minlength,
+          onInput: l[0] || (l[0] = (i) => {
+            var u;
+            return e.$emit("update:modelValue", (u = i.target) == null ? void 0 : u.value);
+          }),
+          onFocus: l[1] || (l[1] = (i) => e.focusHandler || void 0)
+        }, null, 40, L),
+        o(e.$slots, "postfix-icon")
+      ], 2),
+      o(e.$slots, "subLabel", {}, () => [
+        e.subLabel ? (n(), s(t(c), {
+          key: 0,
+          "line-height": "",
+          size: t(y).SM,
+          kind: t(C).SECONDARY_ALT,
+          class: "mt-xs"
+        }, {
+          default: p(() => [
+            m(f(e.subLabel), 1)
+          ]),
+          _: 1
+        }, 8, ["size", "kind"])) : h("", !0)
+      ])
+    ]));
+  }
+});
+export {
+  I as default
+};
+//# sourceMappingURL=ui-input.vue.js.map

package/components/ui-input/ui-input.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-input.vue.js","sources":["../../../src/components/ui-input/ui-input.vue"],"sourcesContent":["<template>\n\t<div class=\"ui-input\">\n\t\t<slot name=\"header\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"heading\"\n\t\t\t\tclass=\"mb-xs\"\n\t\t\t\t:size=\"ETypographySizes.MD\"\n\t\t\t\tline-height\n\t\t\t>\n\t\t\t\t{{ heading }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t\t<label\n\t\t\tclass=\"ui-input__wrapper flex w-full items-center gap-xs rounded-lg border bg-white p-sm\"\n\t\t\t:class=\"[\n\t\t\t\tkind === EInputKinds.SECONDARY && 'border-secondary-alt-500 hover:border-secondary-alt-700',\n\t\t\t\tkind === EInputKinds.PRIMARY && 'border-primary',\n\t\t\t\tkind === EInputKinds.ERROR && 'border-error',\n\n\t\t\t\tdisabled && 'border-secondary-alt-300 bg-secondary-alt-200',\n\t\t\t]\"\n\t\t>\n\t\t\t<slot name=\"prefix-icon\" />\n\n\t\t\t<input\n\t\t\t\t:autocomplete=\"autocomplete || getAutoComplete\"\n\t\t\t\t:name=\"name || autocomplete || getAutoComplete\"\n\t\t\t\t:value=\"modelValue\"\n\t\t\t\t:pattern=\"pattern\"\n\t\t\t\tclass=\"w-full border-0 bg-transparent outline-none placeholder:italic placeholder:text-secondary-alt\"\n\t\t\t\t:type=\"type\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:maxlength=\"maxlength\"\n\t\t\t\t:minlength=\"minlength\"\n\t\t\t\t@input=\"$emit('update:modelValue', ($event.target as HTMLTextAreaElement)?.value)\"\n\t\t\t\t@focus=\"focusHandler || undefined\"\n\t\t\t>\n\n\t\t\t<slot name=\"postfix-icon\" />\n\t\t</label>\n\n\t\t<slot name=\"subLabel\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"subLabel\"\n\t\t\t\tline-height\n\t\t\t\t:size=\"ETypographySizes.SM\"\n\t\t\t\t:kind=\"EColors.SECONDARY_ALT\"\n\t\t\t\tclass=\"mt-xs\"\n\t\t\t>\n\t\t\t\t{{ subLabel }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport { EAutocomplete, EInputKinds, EInputType } from \"./_typings\";\n\timport UiTypography, { ETypographySizes, EColors } from \"../ui-typography\";\n\n\tconst props = withDefaults(defineProps<{\n\t\tplaceholder?: string;\n\t\tmodelValue: string | number;\n\t\tdisabled?: boolean;\n\t\tkind?: EInputKinds;\n\t\theading?: string;\n\t\tsubLabel?: string;\n\t\ttype?: EInputType;\n\t\tpattern?: string;\n\t\tmaxlength?: string;\n\t\tminlength?: string;\n\t\tfocusHandler?: (e:FocusEvent) => void;\n\t\tautocomplete?: EAutocomplete;\n\t\tname?: string;\n\t}>(), {\n\t\tmodelValue: \"\",\n\t\tplaceholder: \"\",\n\t\tautocomplete: undefined,\n\t\tname: undefined,\n\t\theading: undefined,\n\t\tsubLabel: undefined,\n\t\tpattern: undefined,\n\t\tmaxlength: undefined,\n\t\tminlength: undefined,\n\t\ttype: EInputType.TEXT,\n\t\tfocusHandler: ()=>undefined,\n\t\tkind: EInputKinds.SECONDARY\n\t});\n\n\tdefineEmits([\"update:modelValue\"]);\n\n\tconst getAutoComplete = computed(()=> {\n\t\tswitch (props.type) {\n\t\t\tcase EInputType.PASSWORD: return EAutocomplete.CURRENT_PASSWORD;\n\t\t\tcase EInputType.EMAIL: return EAutocomplete.EMAIL;\n\t\t\tdefault: return undefined;\n\t\t}\n\t});\n\n</script>\n"],"names":["props","__props","getAutoComplete","computed","EInputType","EAutocomplete"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4DC,UAAMA,IAAQC,GA+BRC,IAAkBC,EAAS,MAAK;AACrC,cAAQH,EAAM,MAAM;AAAA,QACnB,KAAKI,EAAW;AAAU,iBAAOC,EAAc;AAAA,QAC/C,KAAKD,EAAW;AAAO,iBAAOC,EAAc;AAAA,QAC5C;AAAgB;AAAA,MACjB;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/components/ui-input/ui-input.vue2.js

@@ -0,0 +1,5 @@
+import f from "./ui-input.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=ui-input.vue2.js.map

package/components/ui-input/ui-input.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-input.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/ui-input-range/index.d.ts

@@ -0,0 +1,46 @@
+import { DefineComponent, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import UiInputRange from "./ui-input-range.vue";
+export { UiInputRange };
+/**
+ * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
+ */
+declare const deprecatedDefault: DefineComponent<{
+    modelValue: {
+        type: PropType<number>;
+        required: true;
+    };
+    min: {
+        type: PropType<string | number>;
+        required: true;
+    };
+    max: {
+        type: PropType<string | number>;
+        required: true;
+    };
+    step: {
+        type: PropType<string | number>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (state: number) => void;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    modelValue: {
+        type: PropType<number>;
+        required: true;
+    };
+    min: {
+        type: PropType<string | number>;
+        required: true;
+    };
+    max: {
+        type: PropType<string | number>;
+        required: true;
+    };
+    step: {
+        type: PropType<string | number>;
+        required: true;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((state: number) => any) | undefined;
+}, {}, {}>;
+export default deprecatedDefault;

package/components/ui-input-range/index.js

@@ -0,0 +1,7 @@
+import e from "./ui-input-range.vue.js";
+const a = e;
+export {
+  e as UiInputRange,
+  a as default
+};
+//# sourceMappingURL=index.js.map

package/components/ui-input-range/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/ui-input-range/index.ts"],"sourcesContent":["import UiInputRange from \"./ui-input-range.vue\";\n\nexport { UiInputRange };\n/**\n * @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n */\nconst deprecatedDefault = UiInputRange;\nexport default deprecatedDefault;\n"],"names":["deprecatedDefault","UiInputRange"],"mappings":";AAMA,MAAMA,IAAoBC;"}

package/components/ui-input-range/ui-input-range.vue.d.ts

@@ -0,0 +1,26 @@
+import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+declare const _default: DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    modelValue: number;
+    min: string | number;
+    max: string | number;
+    step: string | number;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (state: number) => void;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    modelValue: number;
+    min: string | number;
+    max: string | number;
+    step: string | number;
+}>>> & {
+    "onUpdate:modelValue"?: ((state: number) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};

package/components/ui-input-range/ui-input-range.vue.js

@@ -0,0 +1,8 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("input[type=range][data-v-5ac339bd]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;width:10px;transform:scale(4);background-color:transparent;border:0;box-shadow:none}input[type=range][data-v-5ac339bd]::-moz-range-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;box-shadow:none}.ui-input-range__thumb[data-v-5ac339bd]{top:50%;border-width:12px;box-shadow:0 0 0 4px var(--color-primary)}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+import o from "./ui-input-range.vue2.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5ac339bd"]]);
+export {
+  m as default
+};
+//# sourceMappingURL=ui-input-range.vue.js.map

package/components/ui-input-range/ui-input-range.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-input-range.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/components/ui-input-range/ui-input-range.vue2.js

@@ -0,0 +1,71 @@
+import { defineComponent as y, computed as i, watch as w, ref as _, openBlock as k, createElementBlock as M, withDirectives as V, createElementVNode as l, vModelText as S, normalizeStyle as c, pushScopeId as I, popScopeId as C } from "vue";
+const P = (o) => (I("data-v-5ac339bd"), o = o(), C(), o), B = { class: "ui-input-range relative box-content h-lg py-xs" }, F = ["min", "max", "step"], E = /* @__PURE__ */ P(() => /* @__PURE__ */ l("div", { class: "pointer-events-none absolute left-0 top-1/2 h-xs w-full -translate-y-1/2 rounded bg-secondary-alt" }, null, -1)), T = /* @__PURE__ */ y({
+  __name: "ui-input-range",
+  props: {
+    modelValue: {},
+    min: {},
+    max: {},
+    step: {}
+  },
+  emits: ["update:modelValue"],
+  setup(o, { emit: m }) {
+    const e = o, p = m, a = i({
+      get() {
+        return e.modelValue;
+      },
+      set(t) {
+        p("update:modelValue", t);
+      }
+    });
+    w(() => [e.min, e.max], () => {
+      a.value < +e.min ? a.value = +e.min : a.value > +e.max && (a.value = +e.max);
+    });
+    const s = _(), u = i(() => Math.round((+e.modelValue - +e.min) / (+e.max - +e.min) * 100)), d = (t) => {
+      if (s.value) {
+        const n = "clientX", {
+          left: r,
+          width: h
+        } = s.value.getBoundingClientRect(), f = "touches" in t ? t.touches[0][n] : t[n], x = Math.min(Math.max((f - r) / h, 0), 1) || 0, g = parseFloat(String(e.min)) + x * (+e.max - +e.min), b = Math.round(g / +e.step) * +e.step;
+        return parseFloat(Math.min(b, +e.max).toFixed(2));
+      }
+    }, v = (t) => {
+      const n = d(t);
+      n && (a.value = n);
+    };
+    return (t, n) => (k(), M("div", B, [
+      V(l("input", {
+        ref_key: "track",
+        ref: s,
+        "onUpdate:modelValue": n[0] || (n[0] = (r) => a.value = r),
+        class: "absolute left-0 top-0 h-full w-full cursor-pointer appearance-none bg-transparent",
+        type: "range",
+        min: t.min,
+        max: t.max,
+        step: t.step,
+        onTouchmove: v
+      }, null, 40, F), [
+        [
+          S,
+          a.value,
+          void 0,
+          { number: !0 }
+        ]
+      ]),
+      E,
+      l("div", {
+        class: "pointer-events-none absolute left-0 top-1/2 h-xs -translate-y-1/2 rounded bg-primary",
+        style: c({
+          width: u.value + "%"
+        })
+      }, null, 4),
+      l("div", {
+        class: "ui-input-range__thumb pointer-events-none absolute box-content h-xs w-xs -translate-x-1/2 -translate-y-1/2 rounded-full border-white bg-primary",
+        style: c({ left: u.value + "%" })
+      }, null, 4)
+    ]));
+  }
+});
+export {
+  T as default
+};
+//# sourceMappingURL=ui-input-range.vue2.js.map

package/components/ui-input-range/ui-input-range.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-input-range.vue2.js","sources":["../../../src/components/ui-input-range/ui-input-range.vue"],"sourcesContent":["<template>\n\t<div\n\t\tclass=\"ui-input-range relative box-content h-lg py-xs\"\n\t>\n\t\t<input\n\t\t\tref=\"track\"\n\t\t\tv-model.number=\"rangeModel\"\n\t\t\tclass=\"absolute left-0 top-0 h-full w-full cursor-pointer appearance-none bg-transparent\"\n\t\t\ttype=\"range\"\n\t\t\t:min=\"min\"\n\t\t\t:max=\"max\"\n\t\t\t:step=\"step\"\n\t\t\t@touchmove=\"moveHandler\"\n\t\t>\n\n\t\t<div\n\t\t\tclass=\"pointer-events-none absolute left-0 top-1/2 h-xs w-full -translate-y-1/2 rounded bg-secondary-alt\"\n\t\t/>\n\n\t\t<div\n\t\t\tclass=\"pointer-events-none absolute left-0 top-1/2 h-xs -translate-y-1/2 rounded bg-primary\"\n\t\t\t:style=\"{\n\t\t\t\twidth: getPercentage + '%',\n\t\t\t}\"\n\t\t/>\n\n\t\t<div\n\t\t\tclass=\"\n\t\t\t\tui-input-range__thumb\n\t\t\t\tpointer-events-none\n\t\t\t\tabsolute\n\t\t\t\tbox-content\n\t\t\t\th-xs\n\t\t\t\tw-xs\n\t\t\t\t-translate-x-1/2\n\t\t\t\t-translate-y-1/2\n\t\t\t\trounded-full\n\t\t\t\tborder-white\n\t\t\t\tbg-primary\n\t\t\t\"\n\t\t\t:style=\"{left: getPercentage + '%'}\"\n\t\t/>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed, ref, watch } from \"vue\";\n\n\tconst props = defineProps<{\n\t\tmodelValue: number;\n\t\tmin: string | number;\n\t\tmax: string | number;\n\t\tstep: string | number;\n\t}>();\n\n\tconst emit = defineEmits<{\n\t\t(e: \"update:modelValue\", state: number): void\n\t}>();\n\n\tconst rangeModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n\n\twatch(()=>[props.min, props.max], () => {\n\t\tif (rangeModel.value < +props.min) {\n\t\t\trangeModel.value = +props.min;\n\t\t} else if (rangeModel.value > +props.max) {\n\t\t\trangeModel.value = +props.max;\n\t\t}\n\t});\n\n\tconst track = ref();\n\n\tconst getPercentage = computed(() => {\n\t\treturn Math.round(((+props.modelValue - +props.min) / (+props.max - +props.min)) * 100);\n\t});\n\n\tconst parseMouseMove = (e: MouseEvent | TouchEvent) => {\n\t\tif (track.value) {\n\t\t\tconst CLICK = \"clientX\";\n\n\t\t\tconst {\n\t\t\t\tleft: trackStart,\n\t\t\t\twidth: trackLength,\n\t\t\t} = track.value.getBoundingClientRect();\n\n\t\t\tconst clickOffset = \"touches\" in e ? e.touches[0][CLICK] : e[CLICK];\n\n\t\t\t// It is possible for left to be NaN, force to number\n\t\t\tconst clickPos = Math.min(Math.max((clickOffset - trackStart ) / trackLength, 0), 1) || 0;\n\n\t\t\tconst mousePositionInPercent = parseFloat(String(props.min)) + clickPos * (+props.max - +props.min);\n\n\t\t\tconst newValue = Math.round((mousePositionInPercent) / +props.step) * +props.step;\n\n\t\t\treturn parseFloat(Math.min(newValue, +props.max).toFixed(2));\n\t\t}\n\t};\n\n\tconst moveHandler = (e: MouseEvent | TouchEvent) => {\n\t\tconst newValue = parseMouseMove(e);\n\n\t\tif (newValue) {\n\t\t\trangeModel.value = newValue;\n\t\t}\n\t};\n\n</script>\n\n<style scoped>\n\tinput[type=\"range\"]::-webkit-slider-thumb {\n\t\tappearance: none;\n\t\theight: 10px;\n\t\twidth: 10px;\n\t\ttransform: scale(4);\n\t\tbackground-color: transparent;\n\t\tborder: 0;\n\t\tbox-shadow: none;\n\t}\n\n\tinput[type=\"range\"]::-moz-range-thumb {\n\t\tappearance: none;\n\t\tbackground-color: transparent;\n\t\tborder: 0;\n\t\tbox-shadow: none;\n\t}\n\n\t.ui-input-range__thumb {\n\t\ttop: 50%;\n\t\tborder-width: 12px;\n\t\tbox-shadow: 0 0 0 4px var(--color-primary);\n\t}\n</style>\n"],"names":["props","__props","emit","__emit","rangeModel","computed","value","watch","track","ref","getPercentage","parseMouseMove","e","CLICK","trackStart","trackLength","clickOffset","clickPos","mousePositionInPercent","newValue","moveHandler"],"mappings":";;;;;;;;;;;AAgDC,UAAMA,IAAQC,GAORC,IAAOC,GAIPC,IAAaC,EAAS;AAAA,MAC3B,MAAM;AACL,eAAOL,EAAM;AAAA,MACd;AAAA,MACA,IAAIM,GAAO;AACV,QAAAJ,EAAK,qBAAqBI,CAAK;AAAA,MAChC;AAAA,IAAA,CACA;AAED,IAAAC,EAAM,MAAI,CAACP,EAAM,KAAKA,EAAM,GAAG,GAAG,MAAM;AACvC,MAAII,EAAW,QAAQ,CAACJ,EAAM,MAClBI,EAAA,QAAQ,CAACJ,EAAM,MAChBI,EAAW,QAAQ,CAACJ,EAAM,QACzBI,EAAA,QAAQ,CAACJ,EAAM;AAAA,IAC3B,CACA;AAED,UAAMQ,IAAQC,KAERC,IAAgBL,EAAS,MACvB,KAAK,OAAQ,CAACL,EAAM,aAAa,CAACA,EAAM,QAAQ,CAACA,EAAM,MAAM,CAACA,EAAM,OAAQ,GAAG,CACtF,GAEKW,IAAiB,CAACC,MAA+B;AACtD,UAAIJ,EAAM,OAAO;AAChB,cAAMK,IAAQ,WAER;AAAA,UACL,MAAMC;AAAA,UACN,OAAOC;AAAA,QAAA,IACJP,EAAM,MAAM,yBAEVQ,IAAc,aAAaJ,IAAIA,EAAE,QAAQ,CAAC,EAAEC,CAAK,IAAID,EAAEC,CAAK,GAG5DI,IAAW,KAAK,IAAI,KAAK,KAAKD,IAAcF,KAAeC,GAAa,CAAC,GAAG,CAAC,KAAK,GAElFG,IAAyB,WAAW,OAAOlB,EAAM,GAAG,CAAC,IAAIiB,KAAY,CAACjB,EAAM,MAAM,CAACA,EAAM,MAEzFmB,IAAW,KAAK,MAAOD,IAA0B,CAAClB,EAAM,IAAI,IAAI,CAACA,EAAM;AAEtE,eAAA,WAAW,KAAK,IAAImB,GAAU,CAACnB,EAAM,GAAG,EAAE,QAAQ,CAAC,CAAC;AAAA,MAC5D;AAAA,IAAA,GAGKoB,IAAc,CAACR,MAA+B;AAC7C,YAAAO,IAAWR,EAAeC,CAAC;AAEjC,MAAIO,MACHf,EAAW,QAAQe;AAAA,IACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/components/ui-list-item/_types.d.ts

@@ -0,0 +1,12 @@
+export declare enum EListItemTypes {
+    DEFAULT = "DEFAULT",
+    PROGRESS = "PROGRESS"
+}
+export declare enum EListItemSpacing {
+    DEFAULT = "DEFAULT",
+    COMPACT = "COMPACT"
+}
+export declare enum EListItemSize {
+    SM = "SM",
+    MD = "MD"
+}

package/components/ui-list-item/_types.js

@@ -0,0 +1,7 @@
+var A = /* @__PURE__ */ ((r) => (r.DEFAULT = "DEFAULT", r.PROGRESS = "PROGRESS", r))(A || {}), D = /* @__PURE__ */ ((r) => (r.DEFAULT = "DEFAULT", r.COMPACT = "COMPACT", r))(D || {}), M = /* @__PURE__ */ ((r) => (r.SM = "SM", r.MD = "MD", r))(M || {});
+export {
+  M as EListItemSize,
+  D as EListItemSpacing,
+  A as EListItemTypes
+};
+//# sourceMappingURL=_types.js.map

package/components/ui-list-item/_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_types.js","sources":["../../../src/components/ui-list-item/_types.ts"],"sourcesContent":["export enum EListItemTypes {\n\tDEFAULT = \"DEFAULT\",\n\tPROGRESS = \"PROGRESS\"\n}\nexport enum EListItemSpacing {\n\tDEFAULT = \"DEFAULT\",\n\tCOMPACT = \"COMPACT\"\n}\n\nexport enum EListItemSize {\n\tSM = \"SM\",\n\tMD = \"MD\"\n}\n"],"names":["EListItemTypes","EListItemSpacing","EListItemSize"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,WAAW,YAFAA,IAAAA,KAAA,CAAA,CAAA,GAIAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,UAAU,WAFCA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACXA,EAAA,KAAK,MACLA,EAAA,KAAK,MAFMA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/ui-list-item/index.d.ts

@@ -0,0 +1,186 @@
+import { TIconName } from '../ui-icon';
+import { EListItemSize, EListItemTypes, EListItemSpacing } from './_types';
+import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
+import UiListItem from "./ui-list-item.vue";
+export { EListItemTypes, EListItemSpacing, EListItemSize } from "./_types";
+export { UiListItem };
+/**
+ * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
+ */
+declare const deprecatedDefault: {
+    new (...args: any[]): {
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            size: EListItemSize;
+            title: string;
+            icon: TIconName;
+            kind: EListItemTypes;
+            spacing: EListItemSpacing;
+            iconClass: any;
+        }> & Omit<{
+            readonly size: EListItemSize;
+            readonly title: string;
+            readonly kind: EListItemTypes;
+            readonly spacing: EListItemSpacing;
+            readonly iconClass: any;
+            readonly icon?: TIconName | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
+            size: {
+                type: PropType<EListItemSize>;
+                default: EListItemSize;
+            };
+            title: {
+                type: PropType<string>;
+                default: string;
+            };
+            icon: {
+                type: PropType<TIconName>;
+                default: undefined;
+            };
+            kind: {
+                type: PropType<EListItemTypes>;
+                default: EListItemTypes;
+            };
+            spacing: {
+                type: PropType<EListItemSpacing>;
+                default: EListItemSpacing;
+            };
+            iconClass: {
+                type: PropType<any>;
+                default: string;
+            };
+        }>>, "size" | "title" | "icon" | "kind" | "spacing" | "iconClass">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
+            size: {
+                type: PropType<EListItemSize>;
+                default: EListItemSize;
+            };
+            title: {
+                type: PropType<string>;
+                default: string;
+            };
+            icon: {
+                type: PropType<TIconName>;
+                default: undefined;
+            };
+            kind: {
+                type: PropType<EListItemTypes>;
+                default: EListItemTypes;
+            };
+            spacing: {
+                type: PropType<EListItemSpacing>;
+                default: EListItemSpacing;
+            };
+            iconClass: {
+                type: PropType<any>;
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+            size: EListItemSize;
+            title: string;
+            icon: TIconName;
+            kind: EListItemTypes;
+            spacing: EListItemSpacing;
+            iconClass: any;
+        }, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
+    } & Readonly<ExtractPropTypes<{
+        size: {
+            type: PropType<EListItemSize>;
+            default: EListItemSize;
+        };
+        title: {
+            type: PropType<string>;
+            default: string;
+        };
+        icon: {
+            type: PropType<TIconName>;
+            default: undefined;
+        };
+        kind: {
+            type: PropType<EListItemTypes>;
+            default: EListItemTypes;
+        };
+        spacing: {
+            type: PropType<EListItemSpacing>;
+            default: EListItemSpacing;
+        };
+        iconClass: {
+            type: PropType<any>;
+            default: string;
+        };
+    }>> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+    size: {
+        type: PropType<EListItemSize>;
+        default: EListItemSize;
+    };
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    icon: {
+        type: PropType<TIconName>;
+        default: undefined;
+    };
+    kind: {
+        type: PropType<EListItemTypes>;
+        default: EListItemTypes;
+    };
+    spacing: {
+        type: PropType<EListItemSpacing>;
+        default: EListItemSpacing;
+    };
+    iconClass: {
+        type: PropType<any>;
+        default: string;
+    };
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    size: EListItemSize;
+    title: string;
+    icon: TIconName;
+    kind: EListItemTypes;
+    spacing: EListItemSpacing;
+    iconClass: any;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+    };
+});
+export default deprecatedDefault;

package/components/ui-list-item/index.js

@@ -0,0 +1,11 @@
+import t from "./ui-list-item.vue.js";
+import { EListItemSize as a, EListItemSpacing as o, EListItemTypes as p } from "./_types.js";
+const i = t;
+export {
+  a as EListItemSize,
+  o as EListItemSpacing,
+  p as EListItemTypes,
+  t as UiListItem,
+  i as default
+};
+//# sourceMappingURL=index.js.map

package/components/ui-list-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/ui-list-item/index.ts"],"sourcesContent":["import UiListItem from \"./ui-list-item.vue\";\nexport { EListItemTypes, EListItemSpacing, EListItemSize } from \"./_types\";\nexport { UiListItem };\n/**\n * @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n */\nconst deprecatedDefault = UiListItem;\nexport default deprecatedDefault;\n"],"names":["deprecatedDefault","UiListItem"],"mappings":";;AAMA,MAAMA,IAAoBC;"}