intelica-library-components 1.1.152 → 1.1.154

package/fesm2022/intelica-library-components.mjs

@@ -6164,7 +6164,7 @@ class Shared {
         });
     }
     async embedDashboard(command, container, options) {
-        const { embedUrl } = await firstValueFrom(this.getEmbedUrl(command));
+        const embedUrl = await firstValueFrom(this.getEmbedUrl(command));
         await this.createEmbedContext(embedUrl, container, options);
     }
     async createEmbedVisualContext(embedUrl, container, options) {
@@ -6200,13 +6200,20 @@ class DashboardQsComponent {
     sharedService = inject(Shared);
     route = inject(ActivatedRoute);
     containers;
+    dashboardIdInput = input(undefined, ...(ngDevMode ? [{ debugName: "dashboardIdInput", alias: 'dashboardId' }] : [{ alias: 'dashboardId' }]));
+    parametersInput = input(undefined, ...(ngDevMode ? [{ debugName: "parametersInput", alias: 'parameters' }] : [{ alias: 'parameters' }]));
+    heightInput = input(undefined, ...(ngDevMode ? [{ debugName: "heightInput", alias: 'height' }] : [{ alias: 'height' }]));
     routeData = toSignal(this.route.data, { initialValue: this.route.snapshot.data });
-    dashboardId = computed(() => this.routeData()['dashboardId'], ...(ngDevMode ? [{ debugName: "dashboardId" }] : []));
-    parameters = computed(() => this.routeData()['parameters'], ...(ngDevMode ? [{ debugName: "parameters" }] : []));
-    height = computed(() => this.routeData()['height'] ?? '700px', ...(ngDevMode ? [{ debugName: "height" }] : []));
+    dashboardId = computed(() => this.dashboardIdInput() ?? this.routeData()['dashboardId'], ...(ngDevMode ? [{ debugName: "dashboardId" }] : []));
+    parameters = computed(() => this.parametersInput() ?? this.routeData()['parameters'], ...(ngDevMode ? [{ debugName: "parameters" }] : []));
+    height = computed(() => this.heightInput() ?? this.routeData()['height'] ?? '700px', ...(ngDevMode ? [{ debugName: "height" }] : []));
     isLoading = signal(true, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+    isLoadingChange = output();
     viewReady = signal(false, ...(ngDevMode ? [{ debugName: "viewReady" }] : []));
     constructor() {
+        effect(() => {
+            this.isLoadingChange.emit(this.isLoading());
+        });
         effect(() => {
             const id = this.dashboardId();
             if (!this.viewReady() || !id)
@@ -6223,8 +6230,7 @@ class DashboardQsComponent {
             return;
         this.isLoading.set(true);
         try {
-            const height = window.innerHeight - 50;
-            await this.sharedService.embedDashboard({ dashboardId: dashboardId, parameters: this.parameters() }, container, { height: `${height}px` });
+            await this.sharedService.embedDashboard({ dashboardId, parameters: this.parameters() }, container, { height: this.height() });
         }
         catch (error) {
             console.error('Error embedding dashboard:', error);
@@ -6234,7 +6240,7 @@ class DashboardQsComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: DashboardQsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.23", type: DashboardQsComponent, isStandalone: true, selector: "intelica-dashboard-qs", viewQueries: [{ propertyName: "containers", predicate: ["visualContainer"], descendants: true }], ngImport: i0, template: "<div #visualContainer [style.height]=\"height()\" [class.hidden]=\"isLoading()\"></div>" });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.23", type: DashboardQsComponent, isStandalone: true, selector: "intelica-dashboard-qs", inputs: { dashboardIdInput: { classPropertyName: "dashboardIdInput", publicName: "dashboardId", isSignal: true, isRequired: false, transformFunction: null }, parametersInput: { classPropertyName: "parametersInput", publicName: "parameters", isSignal: true, isRequired: false, transformFunction: null }, heightInput: { classPropertyName: "heightInput", publicName: "height", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChange: "isLoadingChange" }, viewQueries: [{ propertyName: "containers", predicate: ["visualContainer"], descendants: true }], ngImport: i0, template: "<div #visualContainer [style.height]=\"height()\" [class.hidden]=\"isLoading()\"></div>" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: DashboardQsComponent, decorators: [{
             type: Component,
@@ -6242,7 +6248,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
         }], ctorParameters: () => [], propDecorators: { containers: [{
                 type: ViewChildren,
                 args: ['visualContainer']
-            }] } });
+            }], dashboardIdInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "dashboardId", required: false }] }], parametersInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "parameters", required: false }] }], heightInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], isLoadingChange: [{ type: i0.Output, args: ["isLoadingChange"] }] } });
 
 class CheckboxFilterDirective extends FilterDirective {
     constructor() {