@katlux/block-ecommerce 0.1.1-alpha.89 → 0.1.1-alpha.91

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.1-alpha.89",
+  "version": "0.1.1-alpha.91",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -15,6 +15,8 @@ const module$1 = defineNuxtModule({
       path: resolver.resolve("./runtime/components"),
       pathPrefix: false,
       prefix: "",
+      extensions: ["vue"],
+      ignore: ["**/*.spec.*", "**/*.test.*"],
       global: true
     });
   }

package/dist/runtime/components/KProductList/KProductList.d.vue.ts

@@ -1,4 +1,4 @@
-import type { KProductRowAction } from '@katlux/providers';
+import type { KProductItemData, KProductRowAction } from '@katlux/providers';
 import { ADataProvider } from '@katlux/providers';
 type __VLS_Props = {
     dataProvider: ADataProvider;
@@ -9,7 +9,7 @@ type __VLS_Props = {
     locale?: string;
 };
 declare var __VLS_1: {
-    item: import("@katlux/providers").TDataRow;
+    item: KProductItemData;
     index: number;
 }, __VLS_11: string, __VLS_12: any;
 type __VLS_Slots = {} & {

package/dist/runtime/components/KProductList/KProductList.logic.d.ts

@@ -1,4 +1,4 @@
-import type { ADataProvider, KProductRowAction } from '@katlux/providers';
+import type { ADataProvider, KProductItemData, KProductRowAction } from '@katlux/providers';
 import { type PropType } from 'vue';
 export interface KProductListProps {
     dataProvider: ADataProvider;
@@ -50,4 +50,8 @@ export declare function useKProductListLogic(props: KProductListProps): {
         flexDirection: "column";
         gap: string | undefined;
     }>;
+    pageRows: import("vue").ComputedRef<KProductItemData[]>;
+    loading: import("vue").Ref<boolean, boolean>;
+    initialLoad: import("vue").Ref<boolean, boolean>;
+    rowCount: import("vue").Ref<number, number>;
 };

package/dist/runtime/components/KProductList/KProductList.logic.js

@@ -1,4 +1,5 @@
 import { computed } from "vue";
+import { useDataProvider } from "#toolkit/composables/useDataProvider";
 export const KProductListDefaultProps = {
   dataProvider: {
     type: Object,
@@ -23,6 +24,8 @@ export const KProductListDefaultProps = {
 };
 export function useKProductListLogic(props) {
   const isGrid = computed(() => props.layout !== "list");
+  const { pageData, loading, initialLoad, rowCount } = useDataProvider(props.dataProvider);
+  const pageRows = computed(() => pageData.value || []);
   const gridStyles = computed(() => {
     if (!isGrid.value) return {};
     const cols = props.gridColumns;
@@ -43,6 +46,10 @@ export function useKProductListLogic(props) {
   return {
     isGrid,
     gridStyles,
-    listStyles
+    listStyles,
+    pageRows,
+    loading,
+    initialLoad,
+    rowCount
   };
 }

package/dist/runtime/components/KProductList/KProductList.vue

@@ -3,7 +3,7 @@
 	<!-- If there's a custom template provided via default slot -->
 	<template v-if="$slots.default">
 		<div class="list-container">
-			<slot v-for="(item, index) in props.dataProvider.pageData.value" :item="item" :index="index"></slot>
+			<slot v-for="(item, index) in pageRows" :item="item" :index="index"></slot>
 		</div>
 	</template>
 
@@ -11,7 +11,7 @@
 	<template v-else>
 		<div class="list-container">
 			<KProductListItem
-				v-for="(item, index) in props.dataProvider.pageData.value" 
+				v-for="(item, index) in pageRows" 
 				:key="item.id || index"
 				:item="item"
 				:row-actions="rowActions"
@@ -42,7 +42,7 @@ const props = defineProps({
   gap: { type: String, required: false, default: "1rem" },
   locale: { type: String, required: false, default: void 0 }
 });
-const { isGrid, gridStyles, listStyles } = useKProductListLogic(props);
+const { isGrid, gridStyles, listStyles, pageRows, loading } = useKProductListLogic(props);
 const containerVars = computed(() => ({
   "--k-product-grid-cols": String(props.gridColumns),
   "--k-product-gap": props.gap

package/dist/runtime/components/KProductList/KProductList.vue.d.ts

@@ -1,4 +1,4 @@
-import type { KProductRowAction } from '@katlux/providers';
+import type { KProductItemData, KProductRowAction } from '@katlux/providers';
 import { ADataProvider } from '@katlux/providers';
 type __VLS_Props = {
     dataProvider: ADataProvider;
@@ -9,7 +9,7 @@ type __VLS_Props = {
     locale?: string;
 };
 declare var __VLS_1: {
-    item: import("@katlux/providers").TDataRow;
+    item: KProductItemData;
     index: number;
 }, __VLS_11: string, __VLS_12: any;
 type __VLS_Slots = {} & {

package/dist/runtime/components/KProductListItem/KProductListItem.vue

@@ -3,7 +3,7 @@
 	.item-image(v-if="item.image")
 		img(:src="item.image" :alt="item.title")
 	.item-image-placeholder(v-else)
-		KIcon(name="tabler:photo" class="placeholder-icon")
+		KIcon(iconname="tabler:photo" class="placeholder-icon")
 	.item-details
 		h3.item-title {{ item.title }}
 		p.item-description(v-if="item.description") {{ item.description }}
@@ -16,7 +16,7 @@
 			@click="action.action(item)"
 		) 
 			template(v-if="action.icon" #icon)
-				KIcon(:name="action.icon")
+				KIcon(:iconname="action.icon")
 			| {{ action.label }}
 </template>
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@katlux/block-ecommerce",
-	"version": "0.1.1-alpha.89",
+	"version": "0.1.1-alpha.91",
 	"description": "Pre-built eCommerce block components for Katlux toolkit",
 	"author": "Katlux",
 	"license": "Apache-2.0",