@winchsa/ui 0.1.28 → 0.1.30

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

@@ -15,12 +15,12 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_76) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    refresh: (hideOverlay: () => void) => any;
     collapsed: (isContentCollapsed: boolean) => any;
+    refresh: (hideOverlay: () => void) => any;
     trash: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onRefresh?: ((hideOverlay: () => void) => any) | undefined;
     onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
+    onRefresh?: ((hideOverlay: () => void) => any) | undefined;
     onTrash?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -15,12 +15,12 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_76) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    refresh: (hideOverlay: () => void) => any;
     collapsed: (isContentCollapsed: boolean) => any;
+    refresh: (hideOverlay: () => void) => any;
     trash: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onRefresh?: ((hideOverlay: () => void) => any) | undefined;
     onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
+    onRefresh?: ((hideOverlay: () => void) => any) | undefined;
     onTrash?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -7,6 +7,7 @@ type __VLS_Props = {
     id?: string | number;
     title?: string;
     modelValue: ChechboxModel[];
+    vertical?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: ChechboxModel[]) => any;

package/dist/components/cards/CheckboxesCard.vue

@@ -5,7 +5,8 @@ import AppCard from "./AppCard.vue";
 const props = defineProps({
   id: { type: [String, Number], required: false, default: "" },
   title: { type: String, required: false, default: "" },
-  modelValue: { type: Array, required: true, default: () => [] }
+  modelValue: { type: Array, required: true, default: () => [] },
+  vertical: { type: Boolean, required: false, default: false }
 });
 const data = reactive({
   selectedAll: false,
@@ -44,7 +45,12 @@ function getItemOnChange() {
 <template>
   <AppCard class="h-100">
     <!-- title card -->
-    <VCardItem class="text-center">
+    <VCardItem
+      class="text-center"
+      :class="{
+  'mb-0 pb-0': vertical
+}"
+    >
       <div class="d-flex justify-space-between w-100">
         <h3 class="fw-bold">
           {{ title }}
@@ -60,17 +66,43 @@ function getItemOnChange() {
       <VDivider />
     </VCardItem>
 
-    <VCardItem class="pt-0">
-      <div
-        v-for="(item, key) in data.model"
-        :key="key"
-        class="d-flex justify-space-between mb-2"
-      >
-        <span>{{ item.label }}</span>
-
-        <!--  item checkbox   -->
-        <VCheckbox v-model="item.selected" />
-      </div>
+    <VCardItem
+      :class="{
+  'pt-2': vertical,
+  'pt-0 pa-0': !vertical
+}"
+    >
+      <template v-if="vertical">
+        <VRow>
+          <VCol
+            v-for="(item, key) in data.model"
+            :key="key"
+            xl="3"
+            lg="4"
+            md="6"
+            sm="12"
+            class="py-0"
+          >
+            <div class="d-flex justify-space-between align-center border pa-3 my-3 rounded">
+              <span>{{ item.label }}</span>
+              <VCheckbox v-model="item.selected" />
+            </div>
+          </VCol>
+        </VRow>
+      </template>
+      
+      <template v-else>
+        <VCardItem class="pt-0">
+          <div
+            v-for="(item, key) in data.model"
+            :key="key"
+            class="d-flex justify-space-between mb-2"
+          >
+            <span>{{ item.label }}</span>
+            <VCheckbox v-model="item.selected" />
+          </div>
+        </vcarditem>
+      </template>
     </VCardItem>
   </AppCard>
 </template>

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

@@ -7,6 +7,7 @@ type __VLS_Props = {
     id?: string | number;
     title?: string;
     modelValue: ChechboxModel[];
+    vertical?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: ChechboxModel[]) => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@winchsa/ui",
-  "version": "0.1.28",
+  "version": "0.1.30",
   "type": "module",
   "private": false,
   "publishConfig": {