@smartbit4all/ng-client 4.2.94 → 4.2.96

package/esm2022/lib/smart-dialog/smartdialog.component.mjs

@@ -36,7 +36,7 @@ export class SmartDialog {
         this.dialogRef.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartDialog, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartDialog, selector: "smartdialog", viewQueries: [{ propertyName: "smartFormComponent", first: true, predicate: SmartformComponent, descendants: true }, { propertyName: "vcRef", first: true, predicate: ["renderComponentHere"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div\r\n  class=\"dialog-container\"\r\n  [ngClass]=\"data.size.fullScreen ? 'fullScreen' : ''\"\r\n  [ngStyle]=\"{ width: data.size.width + 'px', height: data.size.height + 'px' }\"\r\n>\r\n  <div class=\"dialog-title-container\" mat-dialog-title>\r\n    <h1 class=\"dialog-title\">\r\n      {{ data.content.title }}\r\n    </h1>\r\n    <button mat-icon-button [mat-dialog-close]=\"\">\r\n      <smart-icon aria-hidden=\"false\" aria-label=\"Close\" [icon]=\"'close'\"></smart-icon>\r\n    </button>\r\n  </div>\r\n  <div *ngIf=\"!data.customComponent\" mat-dialog-content class=\"content\">\r\n    <p>\r\n      {{ data.content.description }}\r\n    </p>\r\n    <smartform *ngIf=\"data.form\" [smartForm]=\"data.form!\"></smartform>\r\n    <smarttable *ngIf=\"data.table\" [smartTable]=\"data.table!\"></smarttable>\r\n  </div>\r\n  <div *ngIf=\"!data.customComponent\" class=\"action-container\" mat-dialog-actions>\r\n    <button\r\n      class=\"action-button\"\r\n      *ngIf=\"data.cancelCallback\"\r\n      mat-button\r\n      (click)=\"(data.cancelCallback)\"\r\n    >\r\n      Cancel\r\n    </button>\r\n    <button\r\n      class=\"action-button\"\r\n      *ngIf=\"data.okCallback\"\r\n      mat-button\r\n      (click)=\"(data.okCallback)\"\r\n      cdkFocusInitial\r\n    >\r\n      Ok\r\n    </button>\r\n    <button\r\n      class=\"action-button\"\r\n      *ngIf=\"data.actionCallback\"\r\n      mat-raised-button\r\n      (click)=\"onActionClick()\"\r\n    >\r\n      {{ data.actionLabel }}\r\n    </button>\r\n  </div>\r\n  <mat-dialog-content>\r\n    <ng-template #renderComponentHere></ng-template>\r\n  </mat-dialog-content>\r\n  <div *ngIf=\"data.customComponent\"></div>\r\n</div>\r\n", styles: [".dialog-container{position:relative}.dialog-title-container{display:flex;flex-direction:row;width:100%}.dialog-title-container button{text-align:right!important}.dialog-title{flex:20}.action-container{position:absolute;bottom:0;width:100%;display:flex;flex-direction:row}.action-button{flex:1;max-width:200px;margin-left:auto;margin-right:auto}.content{height:calc(100% - 116px)}.fullScreen{width:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i3.SmartformComponent, selector: "smartform", inputs: ["smartForm"] }, { kind: "component", type: i4.SmarttableComponent, selector: "smarttable", inputs: ["maxWidthForMobile", "smartTable"] }, { kind: "component", type: i5.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartDialog, selector: "smartdialog", viewQueries: [{ propertyName: "smartFormComponent", first: true, predicate: SmartformComponent, descendants: true }, { propertyName: "vcRef", first: true, predicate: ["renderComponentHere"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div\r\n  class=\"dialog-container\"\r\n  [ngClass]=\"data.size.fullScreen ? 'fullScreen' : ''\"\r\n  [ngStyle]=\"{ width: data.size.width + 'px', height: data.size.height + 'px' }\"\r\n>\r\n  <div class=\"dialog-title-container\" mat-dialog-title>\r\n    <h1 class=\"dialog-title\">\r\n      {{ data.content.title }}\r\n    </h1>\r\n    <button mat-icon-button [mat-dialog-close]=\"\">\r\n      <smart-icon aria-hidden=\"false\" aria-label=\"Close\" [icon]=\"'close'\"></smart-icon>\r\n    </button>\r\n  </div>\r\n  <div *ngIf=\"!data.customComponent\" mat-dialog-content class=\"content\">\r\n    <p>\r\n      {{ data.content.description }}\r\n    </p>\r\n    <smartform *ngIf=\"data.form\" [smartForm]=\"data.form!\"></smartform>\r\n    <smarttable *ngIf=\"data.table\" [smartTable]=\"data.table!\"></smarttable>\r\n  </div>\r\n  <div *ngIf=\"!data.customComponent\" class=\"action-container\" mat-dialog-actions>\r\n    <button\r\n      class=\"action-button\"\r\n      *ngIf=\"data.cancelCallback\"\r\n      mat-button\r\n      (click)=\"(data.cancelCallback)\"\r\n    >\r\n      Cancel\r\n    </button>\r\n    <button\r\n      class=\"action-button\"\r\n      *ngIf=\"data.okCallback\"\r\n      mat-button\r\n      (click)=\"(data.okCallback)\"\r\n      cdkFocusInitial\r\n    >\r\n      Ok\r\n    </button>\r\n    <button\r\n      class=\"action-button\"\r\n      *ngIf=\"data.actionCallback\"\r\n      mat-raised-button\r\n      (click)=\"onActionClick()\"\r\n    >\r\n      {{ data.actionLabel }}\r\n    </button>\r\n  </div>\r\n  <mat-dialog-content>\r\n    <ng-template #renderComponentHere></ng-template>\r\n  </mat-dialog-content>\r\n  <div *ngIf=\"data.customComponent\"></div>\r\n</div>\r\n", styles: [".dialog-container{position:relative}.dialog-title-container{display:flex;flex-direction:row;width:100%}.dialog-title-container button{text-align:right!important}.dialog-title{flex:20}.action-container{position:absolute;bottom:0;width:100%;display:flex;flex-direction:row}.action-button{flex:1;max-width:200px;margin-left:auto;margin-right:auto}.content{height:calc(100% - 116px)}.fullScreen{width:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i3.SmartformComponent, selector: "smartform", inputs: ["smartForm"] }, { kind: "component", type: i4.SmarttableComponent, selector: "smarttable", inputs: ["maxWidthForMobile", "smartTable"] }, { kind: "component", type: i5.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color", "imageResource"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartDialog, decorators: [{
             type: Component,

package/esm2022/lib/smart-expandable-section/expandable-section.component.mjs

@@ -74,7 +74,7 @@ export class ExpandableSectionComponent {
         button.callback(button.args, element);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ExpandableSectionComponent, deps: [{ token: i1.ComponentFactoryService }, { token: COMPONENT_LIBRARY }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: ExpandableSectionComponent, selector: "smart-expandable-section", inputs: { data: "data", index: "index" }, viewQueries: [{ propertyName: "vcRef", first: true, predicate: ["renderComponent"], descendants: true, read: ViewContainerRef }, { propertyName: "vcRefheader", first: true, predicate: ["headerComponent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"section-container\" [ngClass]=\"data.cssClass ?? ''\">\r\n  @if(compLib === componentLibrary.PRIMENG) {\r\n  <p-accordion *ngIf=\"!data.headerComponent\">\r\n    <p-accordionTab header=\"{{ data.title }}\">\r\n      <ng-template #renderComponent></ng-template>\r\n    </p-accordionTab>\r\n  </p-accordion>\r\n  }@else {\r\n\r\n  <mat-expansion-panel\r\n    [expanded]=\"data.isExpanded\"\r\n    (opened)=\"onStateChange(true)\"\r\n    (closed)=\"onStateChange(false)\"\r\n    [disabled]=\"!!data.isDisabled\"\r\n  >\r\n    <mat-expansion-panel-header *ngIf=\"data.headerComponent\">\r\n      <ng-template #headerComponent></ng-template>\r\n    </mat-expansion-panel-header>\r\n    <mat-expansion-panel-header *ngIf=\"!data.headerComponent\">\r\n      <mat-panel-title> {{ data.title }} </mat-panel-title>\r\n      <div class=\"btn-container\" *ngIf=\"data.button\">\r\n        <button\r\n          *ngIf=\"data.button.type === type().BUTTON\"\r\n          class=\"btn\"\r\n          (click)=\"action(data.button, $event)\"\r\n          mat-stroked-button\r\n        >\r\n          <smart-icon\r\n            *ngIf=\"\r\n              data.button.icon &&\r\n              (!data.button.iconPosition || data.button.iconPosition === position().PRE)\r\n            \"\r\n            [icon]=\"data.button.icon\"\r\n          ></smart-icon>\r\n          {{ data.button.label }}\r\n          <smart-icon\r\n            *ngIf=\"data.button.icon && data.button.iconPosition === position().POST\"\r\n            [icon]=\"data.button.icon\"\r\n          ></smart-icon>\r\n        </button>\r\n        <button\r\n          *ngIf=\"data.button.type === type().MENU\"\r\n          mat-button\r\n          [matMenuTriggerFor]=\"menu\"\r\n          (click)=\"$event.stopPropagation()\"\r\n          color=\"{{ data.button.color }}\"\r\n        >\r\n          <smart-icon\r\n            *ngIf=\"\r\n              data.button.icon &&\r\n              (!data.button.iconPosition || data.button.iconPosition === position().PRE)\r\n            \"\r\n            [icon]=\"data.button.icon\"\r\n          ></smart-icon\r\n          >{{ data.button.label }}\r\n          <smart-icon\r\n            *ngIf=\"data.button.icon && data.button.iconPosition === position().POST\"\r\n            [icon]=\"data.button.icon\"\r\n          ></smart-icon>\r\n        </button>\r\n        <mat-menu #menu=\"matMenu\">\r\n          <button\r\n            *ngFor=\"let button of data.button.menuItemButtons\"\r\n            (click)=\"customButtonClicked($event, button, data.index)\"\r\n            mat-menu-item\r\n          >\r\n            <smart-icon\r\n              *ngIf=\"\r\n                button.icon && (!button.iconPosition || button.iconPosition === position().PRE)\r\n              \"\r\n              [icon]=\"button.icon\"\r\n            ></smart-icon\r\n            >{{ button.label }}\r\n            <smart-icon\r\n              *ngIf=\"button.icon && button.iconPosition === position().POST\"\r\n              [icon]=\"button.icon\"\r\n            ></smart-icon>\r\n          </button>\r\n        </mat-menu>\r\n      </div>\r\n    </mat-expansion-panel-header>\r\n    <ng-template #renderComponent></ng-template>\r\n  </mat-expansion-panel>\r\n  }\r\n</div>\r\n", styles: [".section-container{margin-bottom:50px}:host::ng-deep .mat-expansion-panel-header{background:var(--primary-lighter-color)}:host::ng-deep .mat-expansion-panel-header-title{color:var(--primary-color)}:host::ng-deep .btn-container{margin:1em 3em 1em 1em}:host::ng-deep .btn{border-radius:24px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i6.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }, { kind: "component", type: i7.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i7.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: ExpandableSectionComponent, selector: "smart-expandable-section", inputs: { data: "data", index: "index" }, viewQueries: [{ propertyName: "vcRef", first: true, predicate: ["renderComponent"], descendants: true, read: ViewContainerRef }, { propertyName: "vcRefheader", first: true, predicate: ["headerComponent"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"section-container\" [ngClass]=\"data.cssClass ?? ''\">\r\n  @if(compLib === componentLibrary.PRIMENG) {\r\n  <p-accordion *ngIf=\"!data.headerComponent\">\r\n    <p-accordionTab header=\"{{ data.title }}\">\r\n      <ng-template #renderComponent></ng-template>\r\n    </p-accordionTab>\r\n  </p-accordion>\r\n  }@else {\r\n\r\n  <mat-expansion-panel\r\n    [expanded]=\"data.isExpanded\"\r\n    (opened)=\"onStateChange(true)\"\r\n    (closed)=\"onStateChange(false)\"\r\n    [disabled]=\"!!data.isDisabled\"\r\n  >\r\n    <mat-expansion-panel-header *ngIf=\"data.headerComponent\">\r\n      <ng-template #headerComponent></ng-template>\r\n    </mat-expansion-panel-header>\r\n    <mat-expansion-panel-header *ngIf=\"!data.headerComponent\">\r\n      <mat-panel-title> {{ data.title }} </mat-panel-title>\r\n      <div class=\"btn-container\" *ngIf=\"data.button\">\r\n        <button\r\n          *ngIf=\"data.button.type === type().BUTTON\"\r\n          class=\"btn\"\r\n          (click)=\"action(data.button, $event)\"\r\n          mat-stroked-button\r\n        >\r\n          <smart-icon\r\n            *ngIf=\"\r\n              data.button.icon &&\r\n              (!data.button.iconPosition || data.button.iconPosition === position().PRE)\r\n            \"\r\n            [icon]=\"data.button.icon\"\r\n          ></smart-icon>\r\n          {{ data.button.label }}\r\n          <smart-icon\r\n            *ngIf=\"data.button.icon && data.button.iconPosition === position().POST\"\r\n            [icon]=\"data.button.icon\"\r\n          ></smart-icon>\r\n        </button>\r\n        <button\r\n          *ngIf=\"data.button.type === type().MENU\"\r\n          mat-button\r\n          [matMenuTriggerFor]=\"menu\"\r\n          (click)=\"$event.stopPropagation()\"\r\n          color=\"{{ data.button.color }}\"\r\n        >\r\n          <smart-icon\r\n            *ngIf=\"\r\n              data.button.icon &&\r\n              (!data.button.iconPosition || data.button.iconPosition === position().PRE)\r\n            \"\r\n            [icon]=\"data.button.icon\"\r\n          ></smart-icon\r\n          >{{ data.button.label }}\r\n          <smart-icon\r\n            *ngIf=\"data.button.icon && data.button.iconPosition === position().POST\"\r\n            [icon]=\"data.button.icon\"\r\n          ></smart-icon>\r\n        </button>\r\n        <mat-menu #menu=\"matMenu\">\r\n          <button\r\n            *ngFor=\"let button of data.button.menuItemButtons\"\r\n            (click)=\"customButtonClicked($event, button, data.index)\"\r\n            mat-menu-item\r\n          >\r\n            <smart-icon\r\n              *ngIf=\"\r\n                button.icon && (!button.iconPosition || button.iconPosition === position().PRE)\r\n              \"\r\n              [icon]=\"button.icon\"\r\n            ></smart-icon\r\n            >{{ button.label }}\r\n            <smart-icon\r\n              *ngIf=\"button.icon && button.iconPosition === position().POST\"\r\n              [icon]=\"button.icon\"\r\n            ></smart-icon>\r\n          </button>\r\n        </mat-menu>\r\n      </div>\r\n    </mat-expansion-panel-header>\r\n    <ng-template #renderComponent></ng-template>\r\n  </mat-expansion-panel>\r\n  }\r\n</div>\r\n", styles: [".section-container{margin-bottom:50px}:host::ng-deep .mat-expansion-panel-header{background:var(--primary-lighter-color)}:host::ng-deep .mat-expansion-panel-header-title{color:var(--primary-color)}:host::ng-deep .btn-container{margin:1em 3em 1em 1em}:host::ng-deep .btn{border-radius:24px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i3.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: i6.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color", "imageResource"] }, { kind: "component", type: i7.Accordion, selector: "p-accordion", inputs: ["multiple", "style", "styleClass", "expandIcon", "collapseIcon", "activeIndex", "selectOnFocus", "headerAriaLevel"], outputs: ["onClose", "onOpen", "activeIndexChange"] }, { kind: "component", type: i7.AccordionTab, selector: "p-accordionTab", inputs: ["id", "header", "headerStyle", "tabStyle", "contentStyle", "tabStyleClass", "headerStyleClass", "contentStyleClass", "disabled", "cache", "transitionOptions", "iconPos", "selected", "headerAriaLevel"], outputs: ["selectedChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ExpandableSectionComponent, decorators: [{
             type: Component,

package/esm2022/lib/smart-filter-editor/smart-filter-params/components/smart-filter-param/smart-filter-param.component.mjs

@@ -13,7 +13,7 @@ export class SmartFilterParamComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartFilterParamComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartFilterParamComponent, selector: "app-target-group-filter-param", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"targetGroupFilterParamContainer\">\r\n  <div\r\n    class=\"targetGroupFilterItem\"\r\n    *ngFor=\"let data of data?.group\"\r\n    (click)=\"onItemClick(data)\"\r\n  >\r\n    <smart-icon icon=\"Ic24_Chevron_Right\" color=\"gray\"></smart-icon>\r\n    <div class=\"mat-caption\">\r\n      {{ data.label }}\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".targetGroupFilterParamContainer{display:flex;flex-direction:column;gap:.25rem}.targetGroupFilterItem{padding:.75rem;border-radius:.25rem;display:flex;flex-direction:row;gap:.5rem;cursor:pointer}.targetGroupFilterItem .mat-caption{margin:auto 0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SmartFilterParamComponent, selector: "app-target-group-filter-param", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"targetGroupFilterParamContainer\">\r\n  <div\r\n    class=\"targetGroupFilterItem\"\r\n    *ngFor=\"let data of data?.group\"\r\n    (click)=\"onItemClick(data)\"\r\n  >\r\n    <smart-icon icon=\"Ic24_Chevron_Right\" color=\"gray\"></smart-icon>\r\n    <div class=\"mat-caption\">\r\n      {{ data.label }}\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".targetGroupFilterParamContainer{display:flex;flex-direction:column;gap:.25rem}.targetGroupFilterItem{padding:.75rem;border-radius:.25rem;display:flex;flex-direction:row;gap:.5rem;cursor:pointer}.targetGroupFilterItem .mat-caption{margin:auto 0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.SmartIconComponent, selector: "smart-icon", inputs: ["icon", "color", "imageResource"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SmartFilterParamComponent, decorators: [{
             type: Component,