@winchsa/ui 0.1.33 → 0.1.34

package/dist/components/forms/AutocompleteInput.vue.d.ts

@@ -0,0 +1,84 @@
+import { type Ref } from 'vue';
+import type { OptionItem, Params } from '../../types';
+type __VLS_Props = {
+    options?: OptionItem[] | string[] | number[];
+    rules?: ((value: unknown) => typeof value | string)[];
+    multiple?: boolean;
+    searchable?: boolean;
+    searchInternally?: boolean;
+    querySearchParam?: string;
+    disabled?: boolean;
+    required?: boolean;
+    grouped?: boolean;
+    returnObject?: boolean;
+    teleported?: boolean;
+    preselectFirst?: boolean;
+    hideSelected?: boolean;
+    error?: boolean;
+    modelValue?: unknown;
+    itemLabel?: string;
+    groupValues?: string;
+    groupLabel?: string;
+    trackBy?: string;
+    trackByValue?: string | number | string[];
+    placeholder?: string;
+    url?: string;
+    label?: string;
+    deselectLabel?: string;
+    selectLabel?: string;
+    selectedLabel?: string;
+    errorMessages?: string;
+    params?: Params;
+    hideDetails?: boolean;
+    fetchEnabled?: boolean;
+    isLoading?: boolean;
+    disableIfEmpty?: boolean;
+    clearable?: boolean;
+};
+declare var __VLS_68: string | number, __VLS_69: any, __VLS_133: string | number, __VLS_134: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_68>]?: (props: typeof __VLS_69) => any;
+} & {
+    [K in NonNullable<typeof __VLS_133>]?: (props: typeof __VLS_134) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    records: Ref<{
+        id?: string | number | boolean | undefined;
+        name?: string | number | undefined;
+        value?: string | number | boolean | undefined;
+        allowTranslate?: boolean | undefined;
+        svg_icon_url?: string | undefined;
+        png_icon_url?: string | undefined;
+        children?: /*elided*/ any[] | undefined;
+    }[], OptionItem[] | {
+        id?: string | number | boolean | undefined;
+        name?: string | number | undefined;
+        value?: string | number | boolean | undefined;
+        allowTranslate?: boolean | undefined;
+        svg_icon_url?: string | undefined;
+        png_icon_url?: string | undefined;
+        children?: /*elided*/ any[] | undefined;
+    }[]>;
+    internalOptions: import("vue").ComputedRef<({
+        id?: string | number | boolean | undefined;
+        name?: string | number | undefined;
+        value?: string | number | boolean | undefined;
+        allowTranslate?: boolean | undefined;
+        svg_icon_url?: string | undefined;
+        png_icon_url?: string | undefined;
+        children?: /*elided*/ any[] | undefined;
+    } | null)[]>;
+    loading: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:model-value": (value: unknown) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:model-value"?: ((value: unknown) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/forms/BankSelect.d.vue.ts

@@ -0,0 +1,21 @@
+import type { Bank, Params } from '../../types';
+type __VLS_Props = {
+    rules?: ((value: unknown) => string | true)[];
+    errorMessages?: string;
+    multiple?: boolean;
+    params?: Params;
+    searchInternally?: boolean;
+    disabled?: boolean;
+    trackByValue?: string | string[];
+};
+type __VLS_ModelProps = {
+    modelValue?: Bank | string | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | Bank | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | Bank | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/forms/BankSelect.vue

@@ -0,0 +1,43 @@
+<script setup>
+import { buildApiUrl } from "../../utils/apiUrl";
+import AutocompleteInput from "./AutocompleteInput.vue";
+const bank = defineModel({ type: [Object, String, null], ...{ default: null } });
+defineProps({
+  rules: { type: Array, required: false },
+  errorMessages: { type: String, required: false },
+  multiple: { type: Boolean, required: false },
+  params: { type: Object, required: false },
+  searchInternally: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  trackByValue: { type: [String, Array], required: false }
+});
+</script>
+
+<template>
+  <AutocompleteInput
+    v-model="bank"
+    :params="params"
+    :url="buildApiUrl('/banks')"
+    label="inputs.bank"
+    item-label="name"
+    track-by="id"
+    :track-by-value="trackByValue"
+    searchable
+    :search-internally="searchInternally"
+    :rules="rules"
+    :error-messages="errorMessages"
+    :multiple="multiple"
+    :disabled="disabled"
+  >
+    <template #option="{ option }">
+      <div class="d-flex align-center">
+        <img
+          :src="option?.image"
+          width="25"
+          class="me-2"
+        >
+        {{ option.name }}
+      </div>
+    </template>
+  </AutocompleteInput>
+</template>

package/dist/components/forms/BankSelect.vue.d.ts

@@ -0,0 +1,21 @@
+import type { Bank, Params } from '../../types';
+type __VLS_Props = {
+    rules?: ((value: unknown) => string | true)[];
+    errorMessages?: string;
+    multiple?: boolean;
+    params?: Params;
+    searchInternally?: boolean;
+    disabled?: boolean;
+    trackByValue?: string | string[];
+};
+type __VLS_ModelProps = {
+    modelValue?: Bank | string | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | Bank | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | Bank | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/forms/BaseButton.d.vue.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    title?: string;
+    color?: string;
+    icon?: string;
+    leadingIcon?: string;
+    trailingIcon?: string;
+};
+declare var __VLS_20: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/forms/BaseButton.vue

@@ -0,0 +1,42 @@
+<script setup>
+import { computed, useAttrs } from "vue";
+import { VBtn, VIcon } from "vuetify/components";
+const props = defineProps({
+  title: { type: String, required: false },
+  color: { type: String, required: false, default: "primary" },
+  icon: { type: String, required: false },
+  leadingIcon: { type: String, required: false },
+  trailingIcon: { type: String, required: false }
+});
+const buttonColor = computed(() => useAttrs()?.disabled ? "secondary" : props.color);
+</script>
+
+<template>
+  <VBtn
+    :color="buttonColor"
+    v-bind="$attrs"
+    class="px-4 text-center"
+  >
+    <VIcon
+      v-if="leadingIcon"
+      :icon="leadingIcon"
+      class="me-2 pa-0"
+      size="20"
+    />
+    <VIcon
+      v-if="icon"
+      size="20"
+      :icon="icon"
+      rounded="md"
+    />
+    <slot>
+      {{ title }}
+    </slot>
+    <VIcon
+      v-if="trailingIcon"
+      :icon="trailingIcon"
+      class="ms-2 pa-0"
+      size="20"
+    />
+  </VBtn>
+</template>

package/dist/components/forms/BaseButton.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    title?: string;
+    color?: string;
+    icon?: string;
+    leadingIcon?: string;
+    trailingIcon?: string;
+};
+declare var __VLS_20: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/forms/CounterInput.d.vue.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    disabled?: boolean;
+    max?: number;
+    min?: number;
+    modelValue?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/forms/CounterInput.vue

@@ -0,0 +1,71 @@
+<script setup>
+import { VBtn, VIcon, VTextField } from "vuetify/components";
+const props = defineProps({
+  disabled: { type: Boolean, required: false },
+  max: { type: Number, required: false },
+  min: { type: Number, required: false, default: 0 },
+  modelValue: { type: Number, required: false, default: 1 }
+});
+const emit = defineEmits(["update:modelValue"]);
+const increment = () => {
+  if (props.max !== void 0 && props.modelValue >= props.max) {
+    return;
+  }
+  emit("update:modelValue", props.modelValue + 1);
+};
+const decrement = () => {
+  if (props.modelValue <= props.min) {
+    return;
+  }
+  emit("update:modelValue", props.modelValue - 1);
+};
+</script>
+
+<template>
+  <div class="d-flex align-center mt-6">
+    <VBtn
+      icon
+      size="36"
+      color="yellow"
+      :disabled="disabled"
+      @click="decrement"
+    >
+      <VIcon color="black">
+        mdi-minus
+      </VIcon>
+    </VBtn>
+
+    <VTextField
+      :model-value="modelValue"
+      readonly
+      hide-details
+      style="max-width: 60px;"
+      @update:model-value="(val) => $emit('update:modelValue', +val)"
+    />
+
+    <VBtn
+      icon
+      :disabled="disabled"
+      size="36"
+      color="yellow"
+      @click="increment"
+    >
+      <VIcon color="black">
+        mdi-plus
+      </VIcon>
+    </VBtn>
+  </div>
+</template>
+
+<style scoped>
+:deep(.v-input *) {
+  border: 0 !important;
+}
+
+:deep(.v-field__input) input {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  text-align: center;
+}
+</style>

package/dist/components/forms/CounterInput.vue.d.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    disabled?: boolean;
+    max?: number;
+    min?: number;
+    modelValue?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/forms/CustomCheckboxes.d.vue.ts

@@ -0,0 +1,25 @@
+import type { CustomInputContent, GridColumn } from '../../types';
+type __VLS_Props = {
+    selectedCheckbox: string[];
+    checkboxContent: CustomInputContent[];
+    gridColumn?: GridColumn;
+};
+declare var __VLS_26: {
+    item: CustomInputContent;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_26) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:selectedCheckbox": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:selectedCheckbox"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/forms/CustomCheckboxes.vue

@@ -0,0 +1,69 @@
+<script setup>
+import { watch, ref, toRaw } from "vue";
+import { VLabel, VCheckbox, VSpacer, VCol, VRow } from "vuetify/components";
+const props = defineProps({
+  selectedCheckbox: { type: Array, required: true },
+  checkboxContent: { type: Array, required: true },
+  gridColumn: { type: Object, required: false }
+});
+const emit = defineEmits(["update:selectedCheckbox"]);
+const selectedOption = ref(structuredClone(toRaw(props.selectedCheckbox)));
+watch(selectedOption, () => {
+  emit("update:selectedCheckbox", selectedOption.value);
+});
+</script>
+
+<template>
+  <VRow
+    v-if="checkboxContent && selectedOption"
+    v-model="selectedOption"
+  >
+    <VCol
+      v-for="item in checkboxContent"
+      :key="item.title"
+      v-bind="gridColumn"
+    >
+      <VLabel
+        class="custom-input custom-checkbox rounded cursor-pointer"
+        :class="selectedOption.includes(item.value) ? 'active' : ''"
+      >
+        <div>
+          <VCheckbox
+            v-model="selectedOption"
+            :value="item.value"
+          />
+        </div>
+        <slot :item="item">
+          <div class="flex-grow-1">
+            <div class="d-flex align-center mb-1">
+              <h6 class="cr-title text-base">
+                {{ item.title }}
+              </h6>
+              <VSpacer />
+              <span v-if="item.subtitle" class="text-disabled text-base">
+                {{ item.subtitle }}
+              </span>
+            </div>
+            <p class="text-sm mb-0">
+              {{ item.desc }}
+            </p>
+          </div>
+        </slot>
+      </VLabel>
+    </VCol>
+  </VRow>
+</template>
+
+<style scoped>
+.custom-checkbox {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.5rem;
+}
+.custom-checkbox .v-checkbox {
+  margin-block-start: -0.375rem;
+}
+.custom-checkbox .cr-title {
+  font-weight: 500;
+}
+</style>

package/dist/components/forms/CustomCheckboxes.vue.d.ts

@@ -0,0 +1,25 @@
+import type { CustomInputContent, GridColumn } from '../../types';
+type __VLS_Props = {
+    selectedCheckbox: string[];
+    checkboxContent: CustomInputContent[];
+    gridColumn?: GridColumn;
+};
+declare var __VLS_26: {
+    item: CustomInputContent;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_26) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:selectedCheckbox": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:selectedCheckbox"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/forms/CustomCheckboxesWithIcon.d.vue.ts

@@ -0,0 +1,25 @@
+import type { CustomInputContent, GridColumn } from '../../types';
+type __VLS_Props = {
+    selectedCheckbox: string[];
+    checkboxContent: CustomInputContent[];
+    gridColumn?: GridColumn;
+};
+declare var __VLS_20: {
+    item: CustomInputContent;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:selectedCheckbox": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:selectedCheckbox"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/forms/CustomCheckboxesWithIcon.vue

@@ -0,0 +1,80 @@
+<script setup>
+import { ref, watch, toRaw } from "vue";
+import { VLabel, VCheckbox, VIcon, VCol, VRow } from "vuetify/components";
+const props = defineProps({
+  selectedCheckbox: { type: Array, required: true },
+  checkboxContent: { type: Array, required: true },
+  gridColumn: { type: Object, required: false }
+});
+const emit = defineEmits(["update:selectedCheckbox"]);
+const selectedOption = ref(structuredClone(toRaw(props.selectedCheckbox)));
+watch(selectedOption, () => {
+  emit("update:selectedCheckbox", selectedOption.value);
+});
+</script>
+
+<template>
+  <VRow
+    v-if="checkboxContent && selectedOption"
+    v-model="selectedOption"
+  >
+    <VCol
+      v-for="item in checkboxContent"
+      :key="item.title"
+      v-bind="gridColumn"
+    >
+      <VLabel
+        class="custom-input custom-checkbox-icon rounded cursor-pointer"
+        :class="selectedOption.includes(item.value) ? 'active' : ''"
+      >
+        <slot :item="item">
+          <div class="d-flex flex-column align-center text-center gap-2">
+            <VIcon
+              v-bind="item.icon"
+              class="text-high-emphasis"
+            />
+
+            <h6 class="cr-title text-base">
+              {{ item.title }}
+            </h6>
+            <p class="text-sm clamp-text mb-0">
+              {{ item.desc }}
+            </p>
+          </div>
+        </slot>
+        <div>
+          <VCheckbox
+            v-model="selectedOption"
+            :value="item.value"
+          />
+        </div>
+      </VLabel>
+    </VCol>
+  </VRow>
+</template>
+
+<style scoped>
+.custom-checkbox-icon {
+  display: flex;
+  flex-direction: column;
+  gap: 0.375rem;
+}
+.custom-checkbox-icon .v-checkbox {
+  margin-block-end: -0.375rem;
+}
+.custom-checkbox-icon .v-checkbox .v-selection-control__wrapper {
+  margin-inline-start: 0;
+}
+.custom-checkbox-icon .cr-title {
+  font-weight: 500;
+}
+</style>
+
+<style>
+.custom-checkbox-icon .v-checkbox {
+  margin-block-end: -0.375rem;
+}
+.custom-checkbox-icon .v-checkbox .v-selection-control__wrapper {
+  margin-inline-start: 0;
+}
+</style>

package/dist/components/forms/CustomCheckboxesWithIcon.vue.d.ts

@@ -0,0 +1,25 @@
+import type { CustomInputContent, GridColumn } from '../../types';
+type __VLS_Props = {
+    selectedCheckbox: string[];
+    checkboxContent: CustomInputContent[];
+    gridColumn?: GridColumn;
+};
+declare var __VLS_20: {
+    item: CustomInputContent;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:selectedCheckbox": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:selectedCheckbox"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/forms/CustomCheckboxesWithImage.d.vue.ts

@@ -0,0 +1,16 @@
+import type { GridColumn } from '../../types';
+type __VLS_Props = {
+    selectedCheckbox: string[];
+    checkboxContent: {
+        bgImage: string;
+        value: string;
+    }[];
+    gridColumn?: GridColumn;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:selectedCheckbox": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:selectedCheckbox"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;