@winchsa/ui 0.1.0

package/dist/components/cards/HeaderCard.vue

@@ -0,0 +1,31 @@
+<script setup>
+import { VCol, VBtn } from "vuetify/components";
+defineProps({
+  title: { type: String, required: true },
+  backPage: { type: String, required: false },
+  isAppRtl: { type: Boolean, required: true },
+  logoSrc: { type: String, required: false }
+});
+</script>
+
+<template>
+  <img :src="logoSrc">
+
+  <div class="d-flex align-center mt-2 position-relative">
+    <VBtn
+      v-if="backPage"
+      :to="backPage"
+      elevation="0"
+      size="33px"
+      :icon="isAppRtl ? 'tabler-arrow-right' : 'tabler-arrow-left'"
+      class="back-btn"
+      color="gray-200"
+    />
+
+    <VCol class="py-0">
+      <h5 class="text-h5 font-weight-medium text-center">
+        {{ title }}
+      </h5>
+    </VCol>
+  </div>
+</template>

package/dist/components/cards/HeaderCard.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    title: string;
+    backPage?: string;
+    isAppRtl: boolean;
+    logoSrc?: string;
+};
+declare const _default: 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>;
+export default _default;

package/dist/components/cards/ImageCard.vue

@@ -0,0 +1,73 @@
+<script setup>
+import { VCardItem, VAvatar, VImg } from "vuetify/components";
+import AppLink from "../forms/AppLink.vue";
+import AppCard from "../core/cards/AppCard.vue";
+defineProps({
+  title: { type: Object, required: false, default: () => ({
+    text: ""
+  }) },
+  subTitle: { type: Object, required: false, default: () => ({
+    text: ""
+  }) },
+  image: { type: String, required: false, default: "" },
+  avatar: { type: String, required: false },
+  isLoading: { type: Boolean, required: false },
+  imageClass: { type: Array, required: false }
+});
+</script>
+
+<template>
+  <AppCard class="p-3" :is-loading="isLoading">
+    <VCardItem class="align-center h-100">
+      <div class="d-flex align-center justify-space-between gap-4">
+        <div class="d-flex flex-column flex-shrink-0 mt-1">
+          <img
+            v-if="image"
+            :src="image"
+            :class="imageClass"
+            :alt="title.text"
+          >
+          <VAvatar
+            v-if="avatar"
+            rounded="circle"
+            size="x-large"
+          >
+            <VImg
+              v-if="avatar"
+              :src="avatar"
+              :alt="title.text"
+              cover
+              class="rounded-circle bg-grey-lighten-1"
+            />
+          </VAvatar>
+
+          <slot name="image-subtitle" />
+        </div>
+
+        <div class="d-flex flex-column flex-1-1">
+          <div>
+            <slot name="title">
+              <AppLink
+                v-if="title"
+                class="font-weight-bold text-wrap app-font-size-13"
+                :to="title.to"
+              >
+                {{ title.text }}
+              </AppLink>
+            </slot>
+
+            <div class="text-caption text-wrap">
+              <slot name="sub-title">
+                <AppLink :to="subTitle.to">
+                  {{ subTitle.text }}
+                </AppLink>
+              </slot>
+            </div>
+
+            <slot />
+          </div>
+        </div>
+      </div>
+    </VCardItem>
+  </AppCard>
+</template>

package/dist/components/cards/ImageCard.vue.d.ts

@@ -0,0 +1,63 @@
+import { VCardItem, VAvatar, VImg } from 'vuetify/components';
+import AppLink from '../forms/AppLink.vue';
+import AppCard from '../core/cards/AppCard.vue';
+type __VLS_Props = {
+    title?: {
+        text: string;
+        to?: string;
+    };
+    subTitle?: {
+        text: string;
+        to?: string;
+    };
+    image?: string;
+    avatar?: string;
+    isLoading?: boolean;
+    imageClass?: string[];
+};
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_17: {}, __VLS_19: {}, __VLS_24: {}, __VLS_29: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    'image-subtitle'?: (props: typeof __VLS_17) => any;
+} & {
+    title?: (props: typeof __VLS_19) => any;
+} & {
+    'sub-title'?: (props: typeof __VLS_24) => any;
+} & {
+    default?: (props: typeof __VLS_29) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
+    VCardItem: typeof VCardItem;
+    VAvatar: typeof VAvatar;
+    VImg: typeof VImg;
+    AppLink: typeof AppLink;
+    AppCard: typeof AppCard;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    title: {
+        text: string;
+        to?: string;
+    };
+    image: string;
+    subTitle: {
+        text: string;
+        to?: string;
+    };
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    title: {
+        text: string;
+        to?: string;
+    };
+    image: string;
+    subTitle: {
+        text: string;
+        to?: string;
+    };
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/cards/InputCard.vue

@@ -0,0 +1,60 @@
+<script setup>
+import { computed } from "vue";
+import { VLabel } from "vuetify/components";
+import AppCard from "../core/cards/AppCard.vue";
+import AppLink from "../forms/AppLink.vue";
+const props = defineProps({
+  title: { type: String, required: false, default: "" },
+  text: { type: [String, Number], required: false, default: "" },
+  color: { type: String, required: false, default: "" },
+  to: { type: String, required: false },
+  disabled: { type: Boolean, required: false, default: false },
+  info: { type: String, required: false }
+});
+const colorStyle = computed(() => props.color ? `text-${props.color}` : "");
+</script>
+
+<template>
+  <div>
+    <VLabel v-if="title" class="text-subtitle-2 text-capitalize">
+      {{ title }}
+    </VLabel>
+
+    <AppCard
+      class="border px-4 py-0 mt-2 text-subtitle-2 d-flex align-center app-input-card"
+      style="cursor: text;"
+      :class="{
+  'bg-disable': disabled
+}"
+      elevation="0"
+      min-height="41px"
+    >
+      <div class="d-flex flex-column">
+        <slot>
+          <AppLink
+            class="pb-0"
+            :class="`${colorStyle}`"
+            :to="to"
+          >
+            {{ text }}
+          </AppLink>
+        </slot>
+      </div>
+    </AppCard>
+
+    <p v-if="info" class="app-font-size-12 mb-0 mt-1 text-gray-500 text-start">
+      {{ info }}
+    </p>
+  </div>
+</template>
+
+<style scoped>
+.bg-disable {
+  background: rgb(var(--v-disabled-background)) !important;
+}
+
+.app-input-card span {
+  font-size: 14px;
+  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
+}
+</style>

package/dist/components/cards/InputCard.vue.d.ts

@@ -0,0 +1,41 @@
+import { VLabel } from 'vuetify/components';
+import AppCard from '../core/cards/AppCard.vue';
+import AppLink from '../forms/AppLink.vue';
+type __VLS_Props = {
+    title?: string;
+    text?: string | number;
+    color?: string;
+    to?: string;
+    disabled?: boolean;
+    info?: string;
+};
+declare const colorStyle: import("vue").ComputedRef<string>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_8: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_8) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
+    VLabel: typeof VLabel;
+    AppCard: typeof AppCard;
+    AppLink: typeof AppLink;
+    colorStyle: typeof colorStyle;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: string;
+    disabled: boolean;
+    title: string;
+    text: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: string;
+    disabled: boolean;
+    title: string;
+    text: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/cards/StaticCard.vue

@@ -0,0 +1,37 @@
+<script setup>
+import { VCardItem } from "vuetify/components";
+import AppCard from "../core/cards/AppCard.vue";
+defineProps({
+  title: { type: String, required: true, default: "" },
+  subTitle: { type: String, required: false },
+  color: { type: String, required: false, default: "success" },
+  titleClass: { type: String, required: false },
+  subTitleClass: { type: String, required: false },
+  isLoading: { type: Boolean, required: true }
+});
+</script>
+
+<template>
+  <AppCard class="p-3" :is-loading="isLoading">
+    <VCardItem>
+      <slot>
+        <label
+          class="font-weight-bold text-h6"
+          :class="`text-${color}`"
+        >
+          <span :class="titleClass" class="cursor-text">
+            {{ title }}
+          </span>
+        </label>
+
+        <div class="d-flex flex-column">
+          <span :class="subTitleClass">{{ subTitle }}</span>
+        </div>
+      </slot>
+    </VCardItem>
+  </AppCard>
+</template>
+
+<style>
+.cursor-text{cursor:text}
+</style>

package/dist/components/cards/StaticCard.vue.d.ts

@@ -0,0 +1,33 @@
+import { VCardItem } from 'vuetify/components';
+import AppCard from '../core/cards/AppCard.vue';
+type __VLS_Props = {
+    title: string;
+    subTitle?: string;
+    color?: string;
+    titleClass?: string;
+    subTitleClass?: string;
+    isLoading: boolean;
+};
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_9: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_9) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
+    VCardItem: typeof VCardItem;
+    AppCard: typeof AppCard;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: string;
+    title: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: string;
+    title: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};