@vallift/ngl 22.0.30 → 22.0.32

package/fesm2022/vallift-ngl.mjs

@@ -1274,27 +1274,29 @@ var TemplateResolverArrayUtil;
 class NoDataComponent {
     size = input(250, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    icon = input('search', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
     message = input.required(/* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: NoDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: NoDataComponent, isStandalone: true, selector: "app-no-data", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"inline-flex flex-col gap-3 items-center justify-center\">\n  <svg class=\"svg-icon text-neutral-200 h-16 w-16\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n    <path\n      d=\"M19 20H4C2.89 20 2 19.1 2 18V6C2 4.89 2.89 4 4 4H10L12 6H19C19.5304 6 20.0391 6.21071 20.4142 6.58579C20.7893 6.96086 21 7.46957 21 8H4V18L6.14 10H23.21L20.93 18.5C20.7 19.37 19.92 20 19 20Z\"\n      fill=\"currentColor\"/>\n  </svg>\n  <p class=\"text-body2 text-neutral-500\">{{ message() }}</p>\n</div>\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: NoDataComponent, isStandalone: true, selector: "app-no-data", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"inline-flex flex-col gap-3 items-center justify-center\">\n  @if (icon() !== 'none') {\n    <svg\n      class=\"h-16 w-16 text-neutral-300\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"1.5\"\n      aria-hidden=\"true\">\n      <path\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        d=\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z\" />\n      <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m9 9 6 6\" />\n    </svg>\n  }\n  <p class=\"text-body2 text-neutral-500\">{{ message() }}</p>\n</div>\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: NoDataComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-no-data', standalone: true, imports: [], template: "<div class=\"inline-flex flex-col gap-3 items-center justify-center\">\n  <svg class=\"svg-icon text-neutral-200 h-16 w-16\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n    <path\n      d=\"M19 20H4C2.89 20 2 19.1 2 18V6C2 4.89 2.89 4 4 4H10L12 6H19C19.5304 6 20.0391 6.21071 20.4142 6.58579C20.7893 6.96086 21 7.46957 21 8H4V18L6.14 10H23.21L20.93 18.5C20.7 19.37 19.92 20 19 20Z\"\n      fill=\"currentColor\"/>\n  </svg>\n  <p class=\"text-body2 text-neutral-500\">{{ message() }}</p>\n</div>\n" }]
-        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }] } });
+            args: [{ selector: 'app-no-data', standalone: true, imports: [], template: "<div class=\"inline-flex flex-col gap-3 items-center justify-center\">\n  @if (icon() !== 'none') {\n    <svg\n      class=\"h-16 w-16 text-neutral-300\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"1.5\"\n      aria-hidden=\"true\">\n      <path\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        d=\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z\" />\n      <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m9 9 6 6\" />\n    </svg>\n  }\n  <p class=\"text-body2 text-neutral-500\">{{ message() }}</p>\n</div>\n" }]
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }] } });
 
 class NoDataTableComponent {
     message = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "message" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: NoDataTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: NoDataTableComponent, isStandalone: true, selector: "app-no-data-table", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<tbody class=\"bg-white text-center py-14\">\n<tr>\n  <td colspan=\"10\">\n    <div class=\"py-14\">\n      <app-no-data class=\"\" [message]=\"message() ?? 'No data found'\"></app-no-data>\n    </div>\n  </td>\n</tr>\n</tbody>\n", styles: [""], dependencies: [{ kind: "component", type: NoDataComponent, selector: "app-no-data", inputs: ["size", "message"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.1", type: NoDataTableComponent, isStandalone: true, selector: "app-no-data-table", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<tbody class=\"bg-white text-center py-14\">\n<tr>\n  <td colspan=\"10\">\n    <div class=\"py-14\">\n      <app-no-data class=\"\" [message]=\"message() ?? 'No results found'\"></app-no-data>\n    </div>\n  </td>\n</tr>\n</tbody>\n", styles: [""], dependencies: [{ kind: "component", type: NoDataComponent, selector: "app-no-data", inputs: ["size", "icon", "message"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: NoDataTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-no-data-table', standalone: true, imports: [
                         NoDataComponent
-                    ], template: "<tbody class=\"bg-white text-center py-14\">\n<tr>\n  <td colspan=\"10\">\n    <div class=\"py-14\">\n      <app-no-data class=\"\" [message]=\"message() ?? 'No data found'\"></app-no-data>\n    </div>\n  </td>\n</tr>\n</tbody>\n" }]
+                    ], template: "<tbody class=\"bg-white text-center py-14\">\n<tr>\n  <td colspan=\"10\">\n    <div class=\"py-14\">\n      <app-no-data class=\"\" [message]=\"message() ?? 'No results found'\"></app-no-data>\n    </div>\n  </td>\n</tr>\n</tbody>\n" }]
         }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }] } });
 
 class ShimmerComponent {
@@ -1388,7 +1390,7 @@ class BaseTableComponent {
     ...(ngDevMode ? [{ debugName: "isHorizontallyScrollable" }] : /* istanbul ignore next */ []));
     itemsPerPage = input(10, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "itemsPerPage" }] : /* istanbul ignore next */ []));
-    skeletonRowCount = input(6, /* @ts-ignore */
+    skeletonRowCount = input(15, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "skeletonRowCount" }] : /* istanbul ignore next */ []));
     skeletonColumnCount = input(5, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "skeletonColumnCount" }] : /* istanbul ignore next */ []));
@@ -3105,7 +3107,7 @@ class DataTableComponent extends BaseControlValueAccessorV3 {
     ...(ngDevMode ? [{ debugName: "enableSearch" }] : /* istanbul ignore next */ []));
     disableInitialLoad = input(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "disableInitialLoad" }] : /* istanbul ignore next */ []));
-    skeletonRowCount = input(6, /* @ts-ignore */
+    skeletonRowCount = input(15, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "skeletonRowCount" }] : /* istanbul ignore next */ []));
     skeletonRows = computed(() => Array.from({ length: this.skeletonRowCount() }, (_, index) => index), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "skeletonRows" }] : /* istanbul ignore next */ []));
@@ -4190,7 +4192,7 @@ class SignalDataTableComponent extends BaseControlValueAccessorV3 {
     ...(ngDevMode ? [{ debugName: "enableSearch" }] : /* istanbul ignore next */ []));
     disableInitialLoad = input(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "disableInitialLoad" }] : /* istanbul ignore next */ []));
-    skeletonRowCount = input(6, /* @ts-ignore */
+    skeletonRowCount = input(15, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "skeletonRowCount" }] : /* istanbul ignore next */ []));
     skeletonRows = computed(() => Array.from({ length: this.skeletonRowCount() }, (_, index) => index), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "skeletonRows" }] : /* istanbul ignore next */ []));