cat-qw-lib 2.5.13 → 2.5.14

package/fesm2022/cat-qw-lib.mjs

@@ -5550,11 +5550,11 @@ class WidgetHeaderComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetHeaderComponent, deps: [{ token: StyleBuilderService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: WidgetHeaderComponent, isStandalone: false, selector: "lib-widget-header", inputs: { widget: "widget" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"widget.header || widget.subHeader\" class=\"grid m-0 align-items-center justify-content-between px-3 pt-3\">\r\n  <div class=\"col-12 p-0\">\r\n    <div class=\"flex align-items-center justify-content-between\">\r\n    <div class=\"flex align-items-center\">\r\n      <i [class]=\"headerIconClass\" [ngStyle]=\"headerIconStyle\"></i>\r\n      <h3 [ngStyle]=\"headerStyle\" class=\"m-0 application-title-wrapper\">\r\n        {{ (widget.header) }}\r\n      </h3>\r\n\r\n      <!-- Badges -->\r\n      <div *ngIf=\"processedBadges && processedBadges.length > 0\" class=\"flex align-items-center gap-1 ml-2\">\r\n        <ng-container *ngFor=\"let badge of processedBadges\">\r\n        <span *ngIf=\"badge.value && badge.value !== 'null'\" \r\n              class=\"px-2 py-1 rounded font-semibold badge\"\r\n              [ngClass]=\"badge.valueClass\"\r\n              [ngStyle]=\"badge.badgeStyle\">\r\n          <i *ngIf=\"badge.valueIconClass\" \r\n             [ngClass]=\"badge.valueIconClass\" \r\n             [ngStyle]=\"badge.mergedValueIconStyle\"\r\n             class=\"mr-1\"></i>\r\n          <i *ngIf=\"badge.valueIconClassExpression\" \r\n             [ngClass]=\"badge.valueIconClassExpression\" \r\n             [ngStyle]=\"badge.mergedValueIconStyle\"\r\n             class=\"mr-1\"></i>\r\n          {{ badge.value !== 'null' ? badge.value : '' }}\r\n        </span>\r\n        </ng-container>\r\n      </div>\r\n      </div>\r\n\r\n      <!-- Widget Status Icon -->\r\n      <div class=\"flex align-items-center\">\r\n        <i *ngIf=\"widgetStatusIconClass\" [ngClass]=\"widgetStatusIconClass\" [ngStyle]=\"mergedWidgetStatusIconStyle\"></i>\r\n        <i *ngIf=\"widgetStatusIconClassExpression\" [ngClass]=\"widgetStatusIconClassExpression\" [ngStyle]=\"mergedWidgetStatusIconStyle\"></i>\r\n      </div>\r\n    </div>\r\n    <div *ngIf=\"widget?.subHeader\" class=\"flex align-items-center mt-2\">\r\n      <span [ngStyle]=\"subHeaderStyle\" class=\"mr-3 font-semibold\">{{ widget.subHeader }}</span>\r\n    </div>\r\n  </div>\r\n</div>", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}.application-title-wrapper{font-size:16px;font-weight:600}.chart-container{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 1200px) and (max-width: 1800px){.application-title-wrapper{font-size:14px}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: WidgetHeaderComponent, isStandalone: false, selector: "lib-widget-header", inputs: { widget: "widget" }, usesOnChanges: true, ngImport: i0, template: "@if (widget.header || widget.subHeader) {\r\n<div class=\"grid m-0 align-items-center justify-content-between px-3 pt-3\">\r\n  <div class=\"col-12 p-0\">\r\n    <div class=\"flex align-items-center justify-content-between\">\r\n    <div class=\"flex align-items-center\">\r\n      <i [class]=\"headerIconClass\" [ngStyle]=\"headerIconStyle\"></i>\r\n      <h3 [ngStyle]=\"headerStyle\" class=\"m-0 application-title-wrapper\">\r\n        {{ (widget.header) }}\r\n      </h3>\r\n\r\n      <!-- Badges -->\r\n      @if (processedBadges && processedBadges.length > 0) {\r\n      <div class=\"flex align-items-center gap-1 ml-2\">\r\n         @for (badge of processedBadges; track $index) {\r\n          @if (badge.value && badge.value !== 'null') {\r\n          <span class=\"px-2 py-1 rounded font-semibold badge\"\r\n          [ngClass]=\"badge.valueClass\"\r\n          [ngStyle]=\"badge.badgeStyle\">\r\n          @if (badge.valueIconClass) {\r\n          <i [ngClass]=\"badge.valueIconClass\" \r\n             [ngStyle]=\"badge.mergedValueIconStyle\"\r\n             class=\"mr-1\"></i>\r\n          }\r\n          @if (badge.valueIconClassExpression) {\r\n          <i [ngClass]=\"badge.valueIconClassExpression\" \r\n             [ngStyle]=\"badge.mergedValueIconStyle\"\r\n             class=\"mr-1\"></i>\r\n          }\r\n          {{ badge.value }}\r\n        </span>\r\n          }\r\n        }\r\n      </div>\r\n      }\r\n      </div>\r\n\r\n      <!-- Widget Status Icon -->\r\n      <div class=\"flex align-items-center\">\r\n        @if (widgetStatusIconClass) {\r\n        <i [ngClass]=\"widgetStatusIconClass\" [ngStyle]=\"mergedWidgetStatusIconStyle\"></i>\r\n        }\r\n        @if (widgetStatusIconClassExpression) {\r\n        <i [ngClass]=\"widgetStatusIconClassExpression\" [ngStyle]=\"mergedWidgetStatusIconStyle\"></i>\r\n        }\r\n      </div>\r\n    </div>\r\n    @if (widget?.subHeader) {\r\n    <div class=\"flex align-items-center mt-2\">\r\n      <span [ngStyle]=\"subHeaderStyle\" class=\"mr-3 font-semibold\">{{ widget.subHeader }}</span>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n}", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}.application-title-wrapper{font-size:16px;font-weight:600}.chart-container{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 1200px) and (max-width: 1800px){.application-title-wrapper{font-size:14px}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-widget-header', standalone: false, template: "<div *ngIf=\"widget.header || widget.subHeader\" class=\"grid m-0 align-items-center justify-content-between px-3 pt-3\">\r\n  <div class=\"col-12 p-0\">\r\n    <div class=\"flex align-items-center justify-content-between\">\r\n    <div class=\"flex align-items-center\">\r\n      <i [class]=\"headerIconClass\" [ngStyle]=\"headerIconStyle\"></i>\r\n      <h3 [ngStyle]=\"headerStyle\" class=\"m-0 application-title-wrapper\">\r\n        {{ (widget.header) }}\r\n      </h3>\r\n\r\n      <!-- Badges -->\r\n      <div *ngIf=\"processedBadges && processedBadges.length > 0\" class=\"flex align-items-center gap-1 ml-2\">\r\n        <ng-container *ngFor=\"let badge of processedBadges\">\r\n        <span *ngIf=\"badge.value && badge.value !== 'null'\" \r\n              class=\"px-2 py-1 rounded font-semibold badge\"\r\n              [ngClass]=\"badge.valueClass\"\r\n              [ngStyle]=\"badge.badgeStyle\">\r\n          <i *ngIf=\"badge.valueIconClass\" \r\n             [ngClass]=\"badge.valueIconClass\" \r\n             [ngStyle]=\"badge.mergedValueIconStyle\"\r\n             class=\"mr-1\"></i>\r\n          <i *ngIf=\"badge.valueIconClassExpression\" \r\n             [ngClass]=\"badge.valueIconClassExpression\" \r\n             [ngStyle]=\"badge.mergedValueIconStyle\"\r\n             class=\"mr-1\"></i>\r\n          {{ badge.value !== 'null' ? badge.value : '' }}\r\n        </span>\r\n        </ng-container>\r\n      </div>\r\n      </div>\r\n\r\n      <!-- Widget Status Icon -->\r\n      <div class=\"flex align-items-center\">\r\n        <i *ngIf=\"widgetStatusIconClass\" [ngClass]=\"widgetStatusIconClass\" [ngStyle]=\"mergedWidgetStatusIconStyle\"></i>\r\n        <i *ngIf=\"widgetStatusIconClassExpression\" [ngClass]=\"widgetStatusIconClassExpression\" [ngStyle]=\"mergedWidgetStatusIconStyle\"></i>\r\n      </div>\r\n    </div>\r\n    <div *ngIf=\"widget?.subHeader\" class=\"flex align-items-center mt-2\">\r\n      <span [ngStyle]=\"subHeaderStyle\" class=\"mr-3 font-semibold\">{{ widget.subHeader }}</span>\r\n    </div>\r\n  </div>\r\n</div>", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}.application-title-wrapper{font-size:16px;font-weight:600}.chart-container{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 1200px) and (max-width: 1800px){.application-title-wrapper{font-size:14px}}\n"] }]
+            args: [{ selector: 'lib-widget-header', standalone: false, template: "@if (widget.header || widget.subHeader) {\r\n<div class=\"grid m-0 align-items-center justify-content-between px-3 pt-3\">\r\n  <div class=\"col-12 p-0\">\r\n    <div class=\"flex align-items-center justify-content-between\">\r\n    <div class=\"flex align-items-center\">\r\n      <i [class]=\"headerIconClass\" [ngStyle]=\"headerIconStyle\"></i>\r\n      <h3 [ngStyle]=\"headerStyle\" class=\"m-0 application-title-wrapper\">\r\n        {{ (widget.header) }}\r\n      </h3>\r\n\r\n      <!-- Badges -->\r\n      @if (processedBadges && processedBadges.length > 0) {\r\n      <div class=\"flex align-items-center gap-1 ml-2\">\r\n         @for (badge of processedBadges; track $index) {\r\n          @if (badge.value && badge.value !== 'null') {\r\n          <span class=\"px-2 py-1 rounded font-semibold badge\"\r\n          [ngClass]=\"badge.valueClass\"\r\n          [ngStyle]=\"badge.badgeStyle\">\r\n          @if (badge.valueIconClass) {\r\n          <i [ngClass]=\"badge.valueIconClass\" \r\n             [ngStyle]=\"badge.mergedValueIconStyle\"\r\n             class=\"mr-1\"></i>\r\n          }\r\n          @if (badge.valueIconClassExpression) {\r\n          <i [ngClass]=\"badge.valueIconClassExpression\" \r\n             [ngStyle]=\"badge.mergedValueIconStyle\"\r\n             class=\"mr-1\"></i>\r\n          }\r\n          {{ badge.value }}\r\n        </span>\r\n          }\r\n        }\r\n      </div>\r\n      }\r\n      </div>\r\n\r\n      <!-- Widget Status Icon -->\r\n      <div class=\"flex align-items-center\">\r\n        @if (widgetStatusIconClass) {\r\n        <i [ngClass]=\"widgetStatusIconClass\" [ngStyle]=\"mergedWidgetStatusIconStyle\"></i>\r\n        }\r\n        @if (widgetStatusIconClassExpression) {\r\n        <i [ngClass]=\"widgetStatusIconClassExpression\" [ngStyle]=\"mergedWidgetStatusIconStyle\"></i>\r\n        }\r\n      </div>\r\n    </div>\r\n    @if (widget?.subHeader) {\r\n    <div class=\"flex align-items-center mt-2\">\r\n      <span [ngStyle]=\"subHeaderStyle\" class=\"mr-3 font-semibold\">{{ widget.subHeader }}</span>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n}", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}.application-title-wrapper{font-size:16px;font-weight:600}.chart-container{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 1200px) and (max-width: 1800px){.application-title-wrapper{font-size:14px}}\n"] }]
         }], ctorParameters: () => [{ type: StyleBuilderService }], propDecorators: { widget: [{
                 type: Input
             }] } });
@@ -6112,11 +6112,11 @@ class WidgetRowTileComponent {
         this.destroy$.complete();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetRowTileComponent, deps: [{ token: WidgetService }, { token: WidgetStore }, { token: StyleBuilderService }, { token: i0.ChangeDetectorRef }, { token: WidgetQuery }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: WidgetRowTileComponent, isStandalone: false, selector: "lib-widget-row-tile", inputs: { recordId: "recordId", widgetName: "widgetName", onWidgetUpdate: "onWidgetUpdate", isFullHeight: "isFullHeight" }, outputs: { onWidgetItemClick: "onWidgetItemClick" }, usesOnChanges: true, ngImport: i0, template: "<p-card [style]=\"widgetCombinedStyle\" class=\"widget-block-wrapper block\" [ngClass]=\"{'h-full': isFullHeight}\">\r\n  <div class=\"widget-section-wrapper\" [ngClass]=\"{'h-full': isFullHeight}\">\r\n    <!-- Loading state -->\r\n    <ng-container *ngIf=\"isLoading; else widgetContent\">\r\n      <div *ngFor=\"let n of [1,2,3]\" style=\"padding: 6px;\">\r\n        <p-skeleton width=\"100%\" height=\"45px\" styleClass=\"mb-3\"></p-skeleton>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <!-- Content after API call -->\r\n    <ng-template #widgetContent>\r\n      <ng-container *ngIf=\"(widgets && widgets.length > 0); else noWidgets\">\r\n        <ng-container *ngFor=\"let widget of widgets; let i = index\">\r\n          <lib-widget-main [widget]=\"widget\" [index]=\"i\" [isFullHeight]=\"isFullHeight\"></lib-widget-main>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <!-- No widget configured state -->\r\n      <ng-template #noWidgets>\r\n        <p class=\"text-color ml-3 font-semibold\">No Widgets Configured</p>\r\n      </ng-template>\r\n    </ng-template>\r\n  </div>\r\n</p-card>", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}::ng-deep .refresh-btn-wrapper .p-button{padding:0}::ng-deep .valuation-timeline-wrapper .p-timeline-event-opposite{display:none}::ng-deep .rating-badge-wrapper .p-button{display:flex;align-items:center}::ng-deep .widget-block-wrapper{height:100%}::ng-deep .widget-block-wrapper .p-card{height:100%;background-color:var(--surface-0);border-radius:10px;box-shadow:none}::ng-deep .widget-block-wrapper .p-card-body{padding:0;height:100%}::ng-deep .widget-block-wrapper .p-card-content{padding:0;height:100%}.application-title-wrapper{font-size:18px;font-weight:400}.application-section-wrapper{background-color:#4c629208;border:1px solid rgba(76,98,146,.1);border-radius:10px}.widget-section-wrapper{height:100%}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}.widget-menu-container{border-radius:10px}:host ::-webkit-scrollbar{width:7px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background:#d1d5db94;border-radius:20px}\n", ""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i2$3.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: WidgetMainComponent, selector: "lib-widget-main", inputs: ["widget", "index", "isFullHeight"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: WidgetRowTileComponent, isStandalone: false, selector: "lib-widget-row-tile", inputs: { recordId: "recordId", widgetName: "widgetName", onWidgetUpdate: "onWidgetUpdate", isFullHeight: "isFullHeight" }, outputs: { onWidgetItemClick: "onWidgetItemClick" }, usesOnChanges: true, ngImport: i0, template: "<p-card [style]=\"widgetCombinedStyle\" class=\"widget-block-wrapper block\" [ngClass]=\"{'h-full': isFullHeight}\">\r\n  <div class=\"widget-section-wrapper\" [ngClass]=\"{'h-full': isFullHeight}\">\r\n    <!-- Loading state -->\r\n    @if (isLoading) {\r\n      @for (n of [1, 2, 3]; track $index) {\r\n      <div style=\"padding: 6px;\">\r\n        <p-skeleton width=\"100%\" height=\"45px\" styleClass=\"mb-3\"></p-skeleton>\r\n      </div>\r\n      }\r\n    } @else {\r\n\r\n      <!-- Widgets Exist -->\r\n      @if (widgets && widgets.length > 0) {\r\n        @for (widget of widgets; let i = $index; track i) {\r\n          <lib-widget-main \r\n            [widget]=\"widget\" \r\n            [index]=\"i\" \r\n            [isFullHeight]=\"isFullHeight\"\r\n          ></lib-widget-main>\r\n        }\r\n      } @else {\r\n      <!-- No Widgets -->\r\n        <p class=\"text-color ml-3 font-semibold\">\r\n          No Widgets Configured\r\n        </p>\r\n      }\r\n    }\r\n  </div>\r\n</p-card>", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}::ng-deep .refresh-btn-wrapper .p-button{padding:0}::ng-deep .valuation-timeline-wrapper .p-timeline-event-opposite{display:none}::ng-deep .rating-badge-wrapper .p-button{display:flex;align-items:center}::ng-deep .widget-block-wrapper{height:100%}::ng-deep .widget-block-wrapper .p-card{height:100%;background-color:var(--surface-0);border-radius:10px;box-shadow:none}::ng-deep .widget-block-wrapper .p-card-body{padding:0;height:100%}::ng-deep .widget-block-wrapper .p-card-content{padding:0;height:100%}.application-title-wrapper{font-size:18px;font-weight:400}.application-section-wrapper{background-color:#4c629208;border:1px solid rgba(76,98,146,.1);border-radius:10px}.widget-section-wrapper{height:100%}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}.widget-menu-container{border-radius:10px}:host ::-webkit-scrollbar{width:7px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background:#d1d5db94;border-radius:20px}\n", ""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i6$1.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i2$3.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: WidgetMainComponent, selector: "lib-widget-main", inputs: ["widget", "index", "isFullHeight"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetRowTileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-widget-row-tile', standalone: false, template: "<p-card [style]=\"widgetCombinedStyle\" class=\"widget-block-wrapper block\" [ngClass]=\"{'h-full': isFullHeight}\">\r\n  <div class=\"widget-section-wrapper\" [ngClass]=\"{'h-full': isFullHeight}\">\r\n    <!-- Loading state -->\r\n    <ng-container *ngIf=\"isLoading; else widgetContent\">\r\n      <div *ngFor=\"let n of [1,2,3]\" style=\"padding: 6px;\">\r\n        <p-skeleton width=\"100%\" height=\"45px\" styleClass=\"mb-3\"></p-skeleton>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <!-- Content after API call -->\r\n    <ng-template #widgetContent>\r\n      <ng-container *ngIf=\"(widgets && widgets.length > 0); else noWidgets\">\r\n        <ng-container *ngFor=\"let widget of widgets; let i = index\">\r\n          <lib-widget-main [widget]=\"widget\" [index]=\"i\" [isFullHeight]=\"isFullHeight\"></lib-widget-main>\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <!-- No widget configured state -->\r\n      <ng-template #noWidgets>\r\n        <p class=\"text-color ml-3 font-semibold\">No Widgets Configured</p>\r\n      </ng-template>\r\n    </ng-template>\r\n  </div>\r\n</p-card>", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}::ng-deep .refresh-btn-wrapper .p-button{padding:0}::ng-deep .valuation-timeline-wrapper .p-timeline-event-opposite{display:none}::ng-deep .rating-badge-wrapper .p-button{display:flex;align-items:center}::ng-deep .widget-block-wrapper{height:100%}::ng-deep .widget-block-wrapper .p-card{height:100%;background-color:var(--surface-0);border-radius:10px;box-shadow:none}::ng-deep .widget-block-wrapper .p-card-body{padding:0;height:100%}::ng-deep .widget-block-wrapper .p-card-content{padding:0;height:100%}.application-title-wrapper{font-size:18px;font-weight:400}.application-section-wrapper{background-color:#4c629208;border:1px solid rgba(76,98,146,.1);border-radius:10px}.widget-section-wrapper{height:100%}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}.widget-menu-container{border-radius:10px}:host ::-webkit-scrollbar{width:7px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background:#d1d5db94;border-radius:20px}\n"] }]
+            args: [{ selector: 'lib-widget-row-tile', standalone: false, template: "<p-card [style]=\"widgetCombinedStyle\" class=\"widget-block-wrapper block\" [ngClass]=\"{'h-full': isFullHeight}\">\r\n  <div class=\"widget-section-wrapper\" [ngClass]=\"{'h-full': isFullHeight}\">\r\n    <!-- Loading state -->\r\n    @if (isLoading) {\r\n      @for (n of [1, 2, 3]; track $index) {\r\n      <div style=\"padding: 6px;\">\r\n        <p-skeleton width=\"100%\" height=\"45px\" styleClass=\"mb-3\"></p-skeleton>\r\n      </div>\r\n      }\r\n    } @else {\r\n\r\n      <!-- Widgets Exist -->\r\n      @if (widgets && widgets.length > 0) {\r\n        @for (widget of widgets; let i = $index; track i) {\r\n          <lib-widget-main \r\n            [widget]=\"widget\" \r\n            [index]=\"i\" \r\n            [isFullHeight]=\"isFullHeight\"\r\n          ></lib-widget-main>\r\n        }\r\n      } @else {\r\n      <!-- No Widgets -->\r\n        <p class=\"text-color ml-3 font-semibold\">\r\n          No Widgets Configured\r\n        </p>\r\n      }\r\n    }\r\n  </div>\r\n</p-card>", styles: ["::ng-deep .badge-wrapper .p-button{padding:4px 8px}::ng-deep .refresh-btn-wrapper .p-button{padding:0}::ng-deep .valuation-timeline-wrapper .p-timeline-event-opposite{display:none}::ng-deep .rating-badge-wrapper .p-button{display:flex;align-items:center}::ng-deep .widget-block-wrapper{height:100%}::ng-deep .widget-block-wrapper .p-card{height:100%;background-color:var(--surface-0);border-radius:10px;box-shadow:none}::ng-deep .widget-block-wrapper .p-card-body{padding:0;height:100%}::ng-deep .widget-block-wrapper .p-card-content{padding:0;height:100%}.application-title-wrapper{font-size:18px;font-weight:400}.application-section-wrapper{background-color:#4c629208;border:1px solid rgba(76,98,146,.1);border-radius:10px}.widget-section-wrapper{height:100%}.custom-scroll{overflow-y:hidden;scrollbar-gutter:stable}.custom-scroll:hover{overflow-y:auto}.widget-menu-container{border-radius:10px}:host ::-webkit-scrollbar{width:7px}:host ::-webkit-scrollbar-track{background:transparent}:host ::-webkit-scrollbar-thumb{background:#d1d5db94;border-radius:20px}\n"] }]
         }], ctorParameters: () => [{ type: WidgetService }, { type: WidgetStore }, { type: StyleBuilderService }, { type: i0.ChangeDetectorRef }, { type: WidgetQuery }], propDecorators: { recordId: [{
                 type: Input
             }], widgetName: [{