intelica-library-components 1.1.176 → 1.1.178

package/fesm2022/intelica-library-components.mjs

@@ -6171,6 +6171,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
             args: [{ selector: 'intelica-title', imports: [Button], template: "<div class=\"ptSectionTitle\">\n    <div class=\"ptSectionTitle__icon\">\n        <p-button class=\"prButton\" icon=\"icon icon-nav-left\" (onClick)=\"back.emit()\" />\n    </div>\n    <div class=\"ptSectionTitle__content\">\n        <div class=\"ptSectionTitle__title\">\n            {{ title() }}\n        </div>\n    </div>\n</div>" }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], back: [{ type: i0.Output, args: ["back"] }] } });
 
+const QuicksightEventName = {
+    ERROR_OCCURRED: 'ERROR_OCCURRED',
+    CONTENT_LOADED: 'CONTENT_LOADED',
+    PARAMETERS_CHANGED: 'PARAMETERS_CHANGED',
+    SIZE_CHANGED: 'SIZE_CHANGED',
+    SELECTED_SHEET_CHANGED: 'SELECTED_SHEET_CHANGED',
+    MODAL_OPENED: 'MODAL_OPENED',
+    EXPERIENCE_INITIALIZED: 'EXPERIENCE_INITIALIZED',
+};
+const QUICKSIGHT_AUTH_ERROR_CODES = ['Forbidden', 'Unauthorized', 'EmbeddingNotAuthorized', 'TokenExpired'];
+function isQuicksightSessionExpiredEvent(event) {
+    if (event.eventName !== QuicksightEventName.ERROR_OCCURRED)
+        return false;
+    const code = event.data?.errorCode ?? event.data?.code ?? '';
+    return typeof code === 'string' && QUICKSIGHT_AUTH_ERROR_CODES.some(c => code.includes(c));
+}
+function dispatchQuicksightEvent(event, outputs) {
+    outputs.sdkEvent.emit(event);
+    if (event.eventName === QuicksightEventName.CONTENT_LOADED)
+        outputs.contentLoaded?.emit(event);
+    if (event.eventName === QuicksightEventName.ERROR_OCCURRED) {
+        outputs.errorOccurred?.emit(event);
+        if (isQuicksightSessionExpiredEvent(event))
+            outputs.sessionExpired?.emit(event);
+    }
+}
 class Shared {
     http = inject(HttpClient);
     configService = inject(ConfigService);
@@ -6191,6 +6217,7 @@ class Shared {
             container,
             ...(options?.height && { height: options.height }),
             ...(options?.width && { width: options.width }),
+            ...(options?.onChange && { onChange: this.toSdkChangeListener(options.onChange) }),
         });
     }
     async embedDashboard(command, container, options) {
@@ -6210,8 +6237,19 @@ class Shared {
             container,
             ...(options?.height && { height: options.height }),
             ...(options?.width && { width: options.width }),
+            ...(options?.onChange && { onChange: this.toSdkChangeListener(options.onChange) }),
         }, sdkParameters ? { parameters: sdkParameters } : undefined);
     }
+    toSdkChangeListener(emit) {
+        return (changeEvent) => {
+            emit({
+                eventName: changeEvent?.eventName,
+                eventLevel: changeEvent?.eventLevel,
+                message: changeEvent?.message,
+                data: changeEvent?.data,
+            });
+        };
+    }
     async setDashboardParameters(dashboard, parameters) {
         const sdkParameters = Object.entries(parameters).map(([Name, Values]) => ({ Name, Values }));
         await dashboard.setParameters(sdkParameters);
@@ -6283,6 +6321,10 @@ class DashboardQsComponent {
     height = computed(() => this.heightInput() ?? this.routeData()['height'], ...(ngDevMode ? [{ debugName: "height" }] : []));
     isLoading = signal(true, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
     isLoadingChange = output();
+    sdkEvent = output();
+    contentLoaded = output();
+    errorOccurred = output();
+    sessionExpired = output();
     viewReady = signal(false, ...(ngDevMode ? [{ debugName: "viewReady" }] : []));
     constructor() {
         effect(() => {
@@ -6305,17 +6347,20 @@ class DashboardQsComponent {
             return;
         this.isLoading.set(true);
         try {
-            await this.sharedService.embedDashboard({ dashboardId, parameters }, container, { height: this.height() ?? `${window.innerHeight - 50}px` });
+            await this.sharedService.embedDashboard({ dashboardId, parameters }, container, {
+                height: this.height() ?? `${window.innerHeight - 50}px`,
+                onChange: event => dispatchQuicksightEvent(event, this),
+            });
         }
         catch (error) {
             console.error('Error embedding dashboard:', error);
         }
         finally {
-            this.isLoading.set(false);
+            setTimeout(() => this.isLoading.set(false), 2000);
         }
     }
     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: "17.0.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: "@if (isLoading()) {\n<div class=\"u-display-flex u-flex-column u-gap-sm\">\n    <div class=\"u-display-flex u-background-white u-px-1 u-pt-1\">\n        <div class=\"u-display-flex u-flex-column u-px-1\" style=\"height: 33px\">\n            <p-skeleton class=\"prSkeleton u-m-auto\" [width]=\"'61px'\" [height]=\"'14px'\" />\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'2px'\" />\n        </div>\n        <div class=\"u-display-flex u-flex-column u-px-1\" style=\"height: 33px\">\n            <p-skeleton class=\"prSkeleton u-m-auto\" [width]=\"'61px'\" [height]=\"'14px'\" />\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'2px'\" />\n        </div>\n    </div>\n    <div class=\"u-display-flex u-flex-column u-gap-sm\">\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 1061.57 / 93.02\" />\n        </p-panel>\n    </div>\n    <div class=\"u-display-flex u-flex-row u-gap-sm\">\n        @for (_ of [].constructor(4); track $index) {\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 244.87 / 123.12\" />\n        </p-panel>\n        }\n    </div>\n    <div class=\"u-display-flex u-flex-column u-gap-sm\">\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 1061.57 / 303.7\" />\n        </p-panel>\n    </div>\n    <div class=\"u-display-flex u-flex-row u-gap-sm\">\n        @for (_ of [].constructor(2); track $index) {\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 517.1 / 123.12\" />\n        </p-panel>\n        }\n    </div>\n</div>\n}\n<div #visualContainer [style.height]=\"height()\" [hidden]=\"isLoading()\"></div>", dependencies: [{ kind: "component", type: Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: Panel, selector: "p-panel", inputs: ["id", "toggleable", "header", "collapsed", "styleClass", "iconPos", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.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", sdkEvent: "sdkEvent", contentLoaded: "contentLoaded", errorOccurred: "errorOccurred", sessionExpired: "sessionExpired" }, viewQueries: [{ propertyName: "containers", predicate: ["visualContainer"], descendants: true }], ngImport: i0, template: "@if (isLoading()) {\n<div class=\"u-display-flex u-flex-column u-gap-sm\">\n    <div class=\"u-display-flex u-background-white u-px-1 u-pt-1\">\n        <div class=\"u-display-flex u-flex-column u-px-1\" style=\"height: 33px\">\n            <p-skeleton class=\"prSkeleton u-m-auto\" [width]=\"'61px'\" [height]=\"'14px'\" />\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'2px'\" />\n        </div>\n        <div class=\"u-display-flex u-flex-column u-px-1\" style=\"height: 33px\">\n            <p-skeleton class=\"prSkeleton u-m-auto\" [width]=\"'61px'\" [height]=\"'14px'\" />\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'2px'\" />\n        </div>\n    </div>\n    <div class=\"u-display-flex u-flex-column u-gap-sm\">\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 1061.57 / 93.02\" />\n        </p-panel>\n    </div>\n    <div class=\"u-display-flex u-flex-row u-gap-sm\">\n        @for (_ of [].constructor(4); track $index) {\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 244.87 / 123.12\" />\n        </p-panel>\n        }\n    </div>\n    <div class=\"u-display-flex u-flex-column u-gap-sm\">\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 1061.57 / 303.7\" />\n        </p-panel>\n    </div>\n    <div class=\"u-display-flex u-flex-row u-gap-sm\">\n        @for (_ of [].constructor(2); track $index) {\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 517.1 / 123.12\" />\n        </p-panel>\n        }\n    </div>\n</div>\n}\n<div #visualContainer [style.height]=\"height()\" [hidden]=\"isLoading()\"></div>", dependencies: [{ kind: "component", type: Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: Panel, selector: "p-panel", inputs: ["id", "toggleable", "header", "collapsed", "styleClass", "iconPos", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: DashboardQsComponent, decorators: [{
             type: Component,
@@ -6323,7 +6368,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"] }] } });
+            }], 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"] }], sdkEvent: [{ type: i0.Output, args: ["sdkEvent"] }], contentLoaded: [{ type: i0.Output, args: ["contentLoaded"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }], sessionExpired: [{ type: i0.Output, args: ["sessionExpired"] }] } });
 
 class DashboardQsInteractiveComponent {
     sharedService = inject(Shared);
@@ -6338,6 +6383,10 @@ class DashboardQsInteractiveComponent {
     height = computed(() => this.heightInput() ?? this.routeData()['height'], ...(ngDevMode ? [{ debugName: "height" }] : []));
     isLoading = signal(true, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
     isLoadingChange = output();
+    sdkEvent = output();
+    contentLoaded = output();
+    errorOccurred = output();
+    sessionExpired = output();
     viewReady = signal(false, ...(ngDevMode ? [{ debugName: "viewReady" }] : []));
     dashboardRef = null;
     lastEmbeddedId = undefined;
@@ -6360,7 +6409,7 @@ class DashboardQsInteractiveComponent {
                 return;
             this.isLoading.set(true);
             this.sharedService.setDashboardParameters(this.dashboardRef, params)
-                .finally(() => this.isLoading.set(false));
+                .finally(() => setTimeout(() => this.isLoading.set(false), 2000));
         });
     }
     ngAfterViewInit() {
@@ -6372,17 +6421,20 @@ class DashboardQsInteractiveComponent {
             return;
         this.isLoading.set(true);
         try {
-            this.dashboardRef = await this.sharedService.embedDashboardInteractive({ dashboardId, parameters: this.parameters() }, container, { height: this.height() ?? `${window.innerHeight - 50}px` });
+            this.dashboardRef = await this.sharedService.embedDashboardInteractive({ dashboardId, parameters: this.parameters() }, container, {
+                height: this.height() ?? `${window.innerHeight - 50}px`,
+                onChange: event => dispatchQuicksightEvent(event, this),
+            });
         }
         catch (error) {
             console.error('Error embedding dashboard:', error);
         }
         finally {
-            this.isLoading.set(false);
+            setTimeout(() => this.isLoading.set(false), 2000);
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: DashboardQsInteractiveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.23", type: DashboardQsInteractiveComponent, isStandalone: true, selector: "intelica-dashboard-qs-interactive", 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: "@if (isLoading()) {\n<div class=\"u-display-flex u-flex-column u-gap-sm\">\n    <div class=\"u-display-flex u-background-white u-px-1 u-pt-1\">\n        <div class=\"u-display-flex u-flex-column u-px-1\" style=\"height: 33px\">\n            <p-skeleton class=\"prSkeleton u-m-auto\" [width]=\"'61px'\" [height]=\"'14px'\" />\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'2px'\" />\n        </div>\n        <div class=\"u-display-flex u-flex-column u-px-1\" style=\"height: 33px\">\n            <p-skeleton class=\"prSkeleton u-m-auto\" [width]=\"'61px'\" [height]=\"'14px'\" />\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'2px'\" />\n        </div>\n    </div>\n    <div class=\"u-display-flex u-flex-column u-gap-sm\">\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 1061.57 / 93.02\" />\n        </p-panel>\n    </div>\n    <div class=\"u-display-flex u-flex-row u-gap-sm\">\n        @for (_ of [].constructor(4); track $index) {\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 244.87 / 123.12\" />\n        </p-panel>\n        }\n    </div>\n    <div class=\"u-display-flex u-flex-column u-gap-sm\">\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 1061.57 / 303.7\" />\n        </p-panel>\n    </div>\n    <div class=\"u-display-flex u-flex-row u-gap-sm\">\n        @for (_ of [].constructor(2); track $index) {\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 517.1 / 123.12\" />\n        </p-panel>\n        }\n    </div>\n</div>\n}\n<div #visualContainer [style.height]=\"height()\" [hidden]=\"isLoading()\"></div>", dependencies: [{ kind: "component", type: Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: Panel, selector: "p-panel", inputs: ["id", "toggleable", "header", "collapsed", "styleClass", "iconPos", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.23", type: DashboardQsInteractiveComponent, isStandalone: true, selector: "intelica-dashboard-qs-interactive", 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", sdkEvent: "sdkEvent", contentLoaded: "contentLoaded", errorOccurred: "errorOccurred", sessionExpired: "sessionExpired" }, viewQueries: [{ propertyName: "containers", predicate: ["visualContainer"], descendants: true }], ngImport: i0, template: "@if (isLoading()) {\n<div class=\"u-display-flex u-flex-column u-gap-sm\">\n    <div class=\"u-display-flex u-background-white u-px-1 u-pt-1\">\n        <div class=\"u-display-flex u-flex-column u-px-1\" style=\"height: 33px\">\n            <p-skeleton class=\"prSkeleton u-m-auto\" [width]=\"'61px'\" [height]=\"'14px'\" />\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'2px'\" />\n        </div>\n        <div class=\"u-display-flex u-flex-column u-px-1\" style=\"height: 33px\">\n            <p-skeleton class=\"prSkeleton u-m-auto\" [width]=\"'61px'\" [height]=\"'14px'\" />\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'2px'\" />\n        </div>\n    </div>\n    <div class=\"u-display-flex u-flex-column u-gap-sm\">\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 1061.57 / 93.02\" />\n        </p-panel>\n    </div>\n    <div class=\"u-display-flex u-flex-row u-gap-sm\">\n        @for (_ of [].constructor(4); track $index) {\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 244.87 / 123.12\" />\n        </p-panel>\n        }\n    </div>\n    <div class=\"u-display-flex u-flex-column u-gap-sm\">\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 1061.57 / 303.7\" />\n        </p-panel>\n    </div>\n    <div class=\"u-display-flex u-flex-row u-gap-sm\">\n        @for (_ of [].constructor(2); track $index) {\n        <p-panel class=\"prPanel u-flex-grow-1 u-flex-basis-0 u-shadow-none\" showHeader=\"false\">\n            <p-skeleton class=\"prSkeleton\" [width]=\"'100%'\" [height]=\"'100%'\" style=\"aspect-ratio: 517.1 / 123.12\" />\n        </p-panel>\n        }\n    </div>\n</div>\n}\n<div #visualContainer [style.height]=\"height()\" [hidden]=\"isLoading()\"></div>", dependencies: [{ kind: "component", type: Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: Panel, selector: "p-panel", inputs: ["id", "toggleable", "header", "collapsed", "styleClass", "iconPos", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImport: i0, type: DashboardQsInteractiveComponent, decorators: [{
             type: Component,
@@ -6390,7 +6442,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"] }] } });
+            }], 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"] }], sdkEvent: [{ type: i0.Output, args: ["sdkEvent"] }], contentLoaded: [{ type: i0.Output, args: ["contentLoaded"] }], errorOccurred: [{ type: i0.Output, args: ["errorOccurred"] }], sessionExpired: [{ type: i0.Output, args: ["sessionExpired"] }] } });
 
 class CheckboxFilterDirective extends FilterDirective {
     constructor() {
@@ -9273,5 +9325,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.23", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ALERT_DEFAULTS, ALERT_ICON_OVERRIDES, ALERT_ICON_PATHS, ALERT_TYPE_CONFIG, ActionDirective, ActionsMenuComponent, AddFavoritesComponent, AlertButtonMode, AlertService, AlertType, BreadCrumbComponent, ButtonSplitComponent, CheckboxFilterDirective, ClientContextSelector, CloseSessionService, Color, ColumnComponent, ColumnGroupComponent, CompareByField, ConfigService, CookieAttributesGeneral, DATEPICKER_BUTTON_TYPES, DashboardQsComponent, DashboardQsInteractiveComponent, DataDirective, DateFilterDirective, DateModeOptions, DatepickerComponent, DynamicInputValidation, EchartComponent, EchartService, ElementService, EmailInputValidation, ErrorInterceptor, FeatureFlagService, FilterChipsComponent, FiltersComponent, FormatAmountPipe, GetCookieAttributes, GlobalFavoriteService, GlobalFeatureFlagService, GlobalMenuService, GlobalTermService, GoogleTaskManagerService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaAlertComponent, IntelicaCellCheckboxDirective, IntelicaSessionService, ItemSplitDirective, LanguageService, MatrixColumnComponent, MatrixColumnGroupComponent, MatrixTableComponent, ModalDialogComponent, MultiSelectComponent, NotificationJobService, NotificationOrchestratorService, NotificationService, NotificationSignalRService, OrderConstants, PageInformation, PageRootChildGuard, PaginatorComponent, Patterns, PopoverComponent, ProfileService, RecordPerPageComponent, RequestCacheService, ResponseHeadersInterceptor, RowResumenComponent, RowResumenTreeComponent, SearchComponent, SelectDetailFilterDirective, SelectFilterDirective, SetsesioninformationComponent, Shared, SharedService, SkeletonChartComponent, SkeletonComponent, SkeletonService, SkeletonTableComponent, SortingComponent, SpinnerComponent, SpinnerService, SweetAlertService, TableComponent, TableFetchComponent, TableSortOrder, TemplateDirective, TemplateMenuComponent, TermPipe, TermService, TextAreaFilterDirective, TextFilterDirective, TextRangeFilterDirective, TitleComponent, TreeColumnComponent, TreeColumnGroupComponent, TreeTableComponent, TruncatePipe, decryptData, encryptData, getColor };
+export { ALERT_DEFAULTS, ALERT_ICON_OVERRIDES, ALERT_ICON_PATHS, ALERT_TYPE_CONFIG, ActionDirective, ActionsMenuComponent, AddFavoritesComponent, AlertButtonMode, AlertService, AlertType, BreadCrumbComponent, ButtonSplitComponent, CheckboxFilterDirective, ClientContextSelector, CloseSessionService, Color, ColumnComponent, ColumnGroupComponent, CompareByField, ConfigService, CookieAttributesGeneral, DATEPICKER_BUTTON_TYPES, DashboardQsComponent, DashboardQsInteractiveComponent, DataDirective, DateFilterDirective, DateModeOptions, DatepickerComponent, DynamicInputValidation, EchartComponent, EchartService, ElementService, EmailInputValidation, ErrorInterceptor, FeatureFlagService, FilterChipsComponent, FiltersComponent, FormatAmountPipe, GetCookieAttributes, GlobalFavoriteService, GlobalFeatureFlagService, GlobalMenuService, GlobalTermService, GoogleTaskManagerService, HtmlToExcelService, InitializeConfigService, InputValidation, IntelicaAlertComponent, IntelicaCellCheckboxDirective, IntelicaSessionService, ItemSplitDirective, LanguageService, MatrixColumnComponent, MatrixColumnGroupComponent, MatrixTableComponent, ModalDialogComponent, MultiSelectComponent, NotificationJobService, NotificationOrchestratorService, NotificationService, NotificationSignalRService, OrderConstants, PageInformation, PageRootChildGuard, PaginatorComponent, Patterns, PopoverComponent, ProfileService, QuicksightEventName, RecordPerPageComponent, RequestCacheService, ResponseHeadersInterceptor, RowResumenComponent, RowResumenTreeComponent, SearchComponent, SelectDetailFilterDirective, SelectFilterDirective, SetsesioninformationComponent, Shared, SharedService, SkeletonChartComponent, SkeletonComponent, SkeletonService, SkeletonTableComponent, SortingComponent, SpinnerComponent, SpinnerService, SweetAlertService, TableComponent, TableFetchComponent, TableSortOrder, TemplateDirective, TemplateMenuComponent, TermPipe, TermService, TextAreaFilterDirective, TextFilterDirective, TextRangeFilterDirective, TitleComponent, TreeColumnComponent, TreeColumnGroupComponent, TreeTableComponent, TruncatePipe, decryptData, dispatchQuicksightEvent, encryptData, getColor, isQuicksightSessionExpiredEvent };
 //# sourceMappingURL=intelica-library-components.mjs.map