ngx-tethys 19.0.0 → 19.0.2

package/fesm2022/ngx-tethys-notify.mjs

@@ -38,10 +38,10 @@ class ThyNotifyQueue extends ThyAbstractMessageQueue {
         this.bottomLeftQueues$ = this.queues$.pipe(map(queues => queues.filter(item => item.config.placement === 'bottomLeft')), shareReplay());
         this.bottomRightQueues$ = this.queues$.pipe(map(queues => queues.filter(item => item.config.placement === 'bottomRight')), shareReplay());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyNotifyQueue, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyNotifyQueue, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyNotifyQueue, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyNotifyQueue, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyNotifyQueue, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyNotifyQueue, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -90,8 +90,8 @@ class ThyNotify extends ThyAbstractMessageComponent {
             this.showDetailToggle();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyNotify, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: ThyNotify, isStandalone: true, selector: "thy-notify", inputs: { thyConfig: "thyConfig" }, host: { properties: { "@flyInOut": "this.animationState", "class": "this.className" } }, usesInheritance: true, ngImport: i0, template: "@if (config?.html) {\n  <a href=\"javascript:;\" class=\"thy-notify-close\" (click)=\"close()\">\n    <thy-icon thyIconName=\"close\"></thy-icon>\n  </a>\n  <div class=\"thy-notify-main\">\n    <template [ngTemplateOutlet]=\"config?.html\"></template>\n  </div>\n} @else {\n  <a href=\"javascript:;\" class=\"thy-notify-close\" (click)=\"close()\">\n    <thy-icon thyIconName=\"close\"></thy-icon>\n  </a>\n  <div class=\"thy-notify-icon-container\">\n    <thy-icon [thyIconName]=\"iconName\"></thy-icon>\n  </div>\n  <div class=\"thy-notify-main\">\n    <div class=\"thy-notify-title\">{{ config?.title }}</div>\n    @if (config?.detail || config?.content) {\n      <div class=\"thy-notify-content\" [ngClass]=\"{ 'thy-notify-content--extend': extendContentClass === true }\" (click)=\"extendContent()\">\n        @if (config.content) {\n          @if (contentIsString) {\n            {{ config.content }}\n          } @else {\n            <ng-container *thyViewOutlet=\"config.content; context: config.contentInitialState || {}\"></ng-container>\n          }\n        }\n        @if (config?.detail) {\n          <a href=\"javascript:;\" class=\"link-secondary\" (click)=\"triggerDetail()\">{{ (config?.detail)['link'] }}</a>\n        }\n      </div>\n    }\n    @if (isShowDetail) {\n      <div class=\"thy-notify-detail\">{{ (config?.detail)['content'] }}</div>\n    }\n  </div>\n}\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ThyViewOutletDirective, selector: "[thyViewOutlet]", inputs: ["thyViewOutlet", "thyViewOutletContext"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyNotify, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: ThyNotify, isStandalone: true, selector: "thy-notify", inputs: { thyConfig: "thyConfig" }, host: { properties: { "@flyInOut": "this.animationState", "class": "this.className" } }, usesInheritance: true, ngImport: i0, template: "@if (config?.html) {\n  <a href=\"javascript:;\" class=\"thy-notify-close\" (click)=\"close()\">\n    <thy-icon thyIconName=\"close\"></thy-icon>\n  </a>\n  <div class=\"thy-notify-main\">\n    <template [ngTemplateOutlet]=\"config?.html\"></template>\n  </div>\n} @else {\n  <a href=\"javascript:;\" class=\"thy-notify-close\" (click)=\"close()\">\n    <thy-icon thyIconName=\"close\"></thy-icon>\n  </a>\n  <div class=\"thy-notify-icon-container\">\n    <thy-icon [thyIconName]=\"iconName\"></thy-icon>\n  </div>\n  <div class=\"thy-notify-main\">\n    <div class=\"thy-notify-title\">{{ config?.title }}</div>\n    @if (config?.detail || config?.content) {\n      <div class=\"thy-notify-content\" [ngClass]=\"{ 'thy-notify-content--extend': extendContentClass === true }\" (click)=\"extendContent()\">\n        @if (config.content) {\n          @if (contentIsString) {\n            {{ config.content }}\n          } @else {\n            <ng-container *thyViewOutlet=\"config.content; context: config.contentInitialState || {}\"></ng-container>\n          }\n        }\n        @if (config?.detail) {\n          <a href=\"javascript:;\" class=\"link-secondary\" (click)=\"triggerDetail()\">{{ (config?.detail)['link'] }}</a>\n        }\n      </div>\n    }\n    @if (isShowDetail) {\n      <div class=\"thy-notify-detail\">{{ (config?.detail)['content'] }}</div>\n    }\n  </div>\n}\n", dependencies: [{ kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ThyViewOutletDirective, selector: "[thyViewOutlet]", inputs: ["thyViewOutlet", "thyViewOutletContext"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
             trigger('flyInOut', [
                 state('flyInOutRight', style({ transform: 'translateX(0)', opacity: 1, height: '*' })),
                 transition('void => flyInOutRight', [
@@ -109,7 +109,7 @@ class ThyNotify extends ThyAbstractMessageComponent {
             ])
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyNotify, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyNotify, decorators: [{
             type: Component,
             args: [{ selector: 'thy-notify', animations: [
                         trigger('flyInOut', [
@@ -151,10 +151,10 @@ class ThyNotifyContainer extends ThyAbstractMessageContainerComponent {
         this.notifyQueue = inject(ThyNotifyQueue);
         this.className = 'thy-notify-container';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyNotifyContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: ThyNotifyContainer, isStandalone: true, selector: "thy-notify-container", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"thy-notify-bottomRight\" [style.bottom.px]=\"offset\" [style.right.px]=\"offset\">\n  @for (item of notifyQueue.bottomRightQueues$ | async; track $index) {\n    <thy-notify [thyConfig]=\"item.config\"></thy-notify>\n  }\n</div>\n<div class=\"thy-notify-bottomLeft\" [style.bottom.px]=\"offset\" [style.left.px]=\"offset\">\n  @for (item of notifyQueue.bottomLeftQueues$ | async; track $index) {\n    <thy-notify [thyConfig]=\"item.config\"></thy-notify>\n  }\n</div>\n<div class=\"thy-notify-topLeft\" [style.top.px]=\"offset\" [style.left.px]=\"offset\">\n  @for (item of notifyQueue.topLeftQueues$ | async; track $index) {\n    <thy-notify [thyConfig]=\"item.config\"></thy-notify>\n  }\n</div>\n<div class=\"thy-notify-topRight\" [style.top.px]=\"offset\" [style.right.px]=\"offset\">\n  @for (item of notifyQueue.topRightQueues$ | async; track $index) {\n    <thy-notify [thyConfig]=\"item.config\"></thy-notify>\n  }\n</div>\n", dependencies: [{ kind: "component", type: ThyNotify, selector: "thy-notify", inputs: ["thyConfig"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyNotifyContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: ThyNotifyContainer, isStandalone: true, selector: "thy-notify-container", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"thy-notify-bottomRight\" [style.bottom.px]=\"offset\" [style.right.px]=\"offset\">\n  @for (item of notifyQueue.bottomRightQueues$ | async; track $index) {\n    <thy-notify [thyConfig]=\"item.config\"></thy-notify>\n  }\n</div>\n<div class=\"thy-notify-bottomLeft\" [style.bottom.px]=\"offset\" [style.left.px]=\"offset\">\n  @for (item of notifyQueue.bottomLeftQueues$ | async; track $index) {\n    <thy-notify [thyConfig]=\"item.config\"></thy-notify>\n  }\n</div>\n<div class=\"thy-notify-topLeft\" [style.top.px]=\"offset\" [style.left.px]=\"offset\">\n  @for (item of notifyQueue.topLeftQueues$ | async; track $index) {\n    <thy-notify [thyConfig]=\"item.config\"></thy-notify>\n  }\n</div>\n<div class=\"thy-notify-topRight\" [style.top.px]=\"offset\" [style.right.px]=\"offset\">\n  @for (item of notifyQueue.topRightQueues$ | async; track $index) {\n    <thy-notify [thyConfig]=\"item.config\"></thy-notify>\n  }\n</div>\n", dependencies: [{ kind: "component", type: ThyNotify, selector: "thy-notify", inputs: ["thyConfig"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyNotifyContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyNotifyContainer, decorators: [{
             type: Component,
             args: [{ selector: 'thy-notify-container', imports: [ThyNotify, AsyncPipe], template: "<div class=\"thy-notify-bottomRight\" [style.bottom.px]=\"offset\" [style.right.px]=\"offset\">\n  @for (item of notifyQueue.bottomRightQueues$ | async; track $index) {\n    <thy-notify [thyConfig]=\"item.config\"></thy-notify>\n  }\n</div>\n<div class=\"thy-notify-bottomLeft\" [style.bottom.px]=\"offset\" [style.left.px]=\"offset\">\n  @for (item of notifyQueue.bottomLeftQueues$ | async; track $index) {\n    <thy-notify [thyConfig]=\"item.config\"></thy-notify>\n  }\n</div>\n<div class=\"thy-notify-topLeft\" [style.top.px]=\"offset\" [style.left.px]=\"offset\">\n  @for (item of notifyQueue.topLeftQueues$ | async; track $index) {\n    <thy-notify [thyConfig]=\"item.config\"></thy-notify>\n  }\n</div>\n<div class=\"thy-notify-topRight\" [style.top.px]=\"offset\" [style.right.px]=\"offset\">\n  @for (item of notifyQueue.topRightQueues$ | async; track $index) {\n    <thy-notify [thyConfig]=\"item.config\"></thy-notify>\n  }\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { className: [{
@@ -163,11 +163,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
             }] } });
 
 class ThyNotifyModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyNotifyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.2", ngImport: i0, type: ThyNotifyModule, imports: [CommonModule, ThySharedModule, OverlayModule, PortalModule, ThyIconModule, ThyNotifyContainer, ThyNotify], exports: [ThyNotifyContainer, ThyNotify] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyNotifyModule, providers: [THY_NOTIFY_DEFAULT_CONFIG_PROVIDER], imports: [CommonModule, ThySharedModule, OverlayModule, PortalModule, ThyIconModule, ThyNotifyContainer, ThyNotify] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyNotifyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: ThyNotifyModule, imports: [CommonModule, ThySharedModule, OverlayModule, PortalModule, ThyIconModule, ThyNotifyContainer, ThyNotify], exports: [ThyNotifyContainer, ThyNotify] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyNotifyModule, providers: [THY_NOTIFY_DEFAULT_CONFIG_PROVIDER], imports: [CommonModule, ThySharedModule, OverlayModule, PortalModule, ThyIconModule, ThyNotifyContainer, ThyNotify] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyNotifyModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyNotifyModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ThySharedModule, OverlayModule, PortalModule, ThyIconModule, ThyNotifyContainer, ThyNotify],
@@ -257,10 +257,10 @@ class ThyNotifyService extends ThyAbstractMessageService {
         }
         return Object.assign({ type: 'blank' }, { id: String(this._lastNotifyId++) }, this.defaultConfig, config);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyNotifyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyNotifyService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyNotifyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyNotifyService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyNotifyService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyNotifyService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/ngx-tethys-pagination.mjs

@@ -55,10 +55,10 @@ class PaginationTotalCountFormat {
             return '';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: PaginationTotalCountFormat, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.2", ngImport: i0, type: PaginationTotalCountFormat, isStandalone: true, name: "paginationTotalPagesFormat" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PaginationTotalCountFormat, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: PaginationTotalCountFormat, isStandalone: true, name: "paginationTotalPagesFormat" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: PaginationTotalCountFormat, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PaginationTotalCountFormat, decorators: [{
             type: Pipe,
             args: [{
                     name: 'paginationTotalPagesFormat',
@@ -79,10 +79,10 @@ class PaginationPerPageFormat {
             return ' ' + unit + '/' + locale.pagination.page;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: PaginationPerPageFormat, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.2", ngImport: i0, type: PaginationPerPageFormat, isStandalone: true, name: "paginationPerPageFormat" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PaginationPerPageFormat, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: PaginationPerPageFormat, isStandalone: true, name: "paginationPerPageFormat" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: PaginationPerPageFormat, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PaginationPerPageFormat, decorators: [{
             type: Pipe,
             args: [{
                     name: 'paginationPerPageFormat',
@@ -364,10 +364,10 @@ class ThyPagination {
         this.setPageIndex(this.pageIndex);
         this.pageSizeChanged.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPagination, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: ThyPagination, isStandalone: true, selector: "thy-pagination", inputs: { thyPageIndex: ["thyPageIndex", "thyPageIndex", numberAttribute], thyPageSize: ["thyPageSize", "thyPageSize", numberAttribute], thyTotal: ["thyTotal", "thyTotal", numberAttribute], thyCustomPages: "thyCustomPages", disabled: ["thyDisabled", "disabled", coerceBooleanProperty], showQuickJumper: ["thyShowQuickJumper", "showQuickJumper", coerceBooleanProperty], showTotalPageCount: ["thyShowTotalPageCount", "showTotalPageCount", coerceBooleanProperty], size: ["thySize", "size"], maxCount: ["thyMaxCount", "maxCount", numberAttribute], marginalCount: ["thyMarginalCount", "marginalCount", numberAttribute], thyRangeCount: ["thyRangeCount", "thyRangeCount", numberAttribute], showSizeChanger: ["thyShowSizeChanger", "showSizeChanger", coerceBooleanProperty], pageSizeOptions: ["thyPageSizeOptions", "pageSizeOptions"], hideOnSinglePage: ["thyHideOnSinglePage", "hideOnSinglePage", coerceBooleanProperty], unit: ["thyUnit", "unit"], showTotal: ["thyShowTotal", "showTotal"] }, outputs: { pageIndexChange: "thyPageIndexChange", pageChanged: "thyPageChanged", pageSizeChanged: "thyPageSizeChanged" }, host: { properties: { "class.thy-pagination": "this.isPaginationClass", "class.thy-pagination-has-total": "this.showTotal" } }, ngImport: i0, template: "@if ((hideOnSinglePage && total > pageSize) || !hideOnSinglePage) {\n  @if (showTotal) {\n    <div class=\"thy-pagination-total\">\n      @if (!isTemplateRef(showTotal)) {\n        @if (total > 0) {\n          <div class=\"mr-3\">\n            {{ locale().order }}<span class=\"number\"> {{ range.from }}-{{ range.to }} </span>{{ config.unit }}\n          </div>\n          <div>\n            {{ locale().total }}<span class=\"number\"> {{ total }} </span>{{ config.unit }}\n          </div>\n        }\n      } @else {\n        <ng-template [ngTemplateOutlet]=\"showTotal\" [ngTemplateOutletContext]=\"{ $implicit: total, range: range }\"></ng-template>\n      }\n    </div>\n  }\n  <div class=\"thy-pagination-content\">\n    @if (config.showSizeChanger) {\n      <div class=\"thy-pagination-size\">\n        <thy-select [(ngModel)]=\"selectPageSize\" [thySize]=\"selectSize\" [thyDisabled]=\"disabled\" (ngModelChange)=\"onPageSizeChange($event)\">\n          @for (option of config.pageSizeOptions; track option) {\n            <thy-option\n              class=\"page-size-option\"\n              [thyValue]=\"option\"\n              [thyLabelText]=\"option + (config.unit | paginationPerPageFormat: allLocale())\"></thy-option>\n          }\n        </thy-select>\n      </div>\n    }\n    <ul class=\"thy-pagination-pages\">\n      @if (config.boundaryLinks) {\n        <li class=\"thy-page-item\" [class.disabled]=\"disabled || pageIndex === firstIndex\" (click)=\"selectPage(firstIndex)\">\n          <a class=\"thy-page-link thy-page-link-first\" href=\"javascript:;\">\n            @if (config.firstText) {\n              {{ config.firstText }}\n            }\n            @if (config.firstIcon) {\n              <thy-icon [thyIconName]=\"config.firstIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n      @if (config.directionLinks) {\n        <li class=\"thy-page-item\" [class.disabled]=\"disabled || pageIndex === firstIndex\" (click)=\"selectPage(pageIndex - 1)\">\n          <a class=\"thy-page-link page-link-pre\" href=\"javascript:;\">\n            @if (config.previousText) {\n              {{ config.previousText }}\n            }\n            @if (config.previousIcon) {\n              <thy-icon [thyIconName]=\"config.previousIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n      @for (page of pages; track page.index) {\n        <li class=\"thy-page-item thy-page-number\" [class.active]=\"page.active\" [class.disabled]=\"disabled\" (click)=\"selectPage(page.index)\">\n          <a class=\"thy-page-link\" href=\"javascript:;\">{{ page.text }}</a>\n        </li>\n      }\n      @if (config.directionLinks) {\n        <li class=\"thy-page-item page-item-next\" [class.disabled]=\"disabled || pageIndex === pageCount\" (click)=\"selectPage(pageIndex + 1)\">\n          <a class=\"thy-page-link thy-page-link-next\" href=\"javascript:;\">\n            @if (config.nextText) {\n              {{ config.nextText }}\n            }\n            @if (config.nextIcon) {\n              <thy-icon [thyIconName]=\"config.nextIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n      @if (config.boundaryLinks) {\n        <li class=\"thy-page-item\" [class.disabled]=\"disabled || pageIndex === pageCount\" (click)=\"selectPage(pageCount)\">\n          <a class=\"thy-page-link thy-page-link-last\" href=\"javascript:;\">\n            @if (config.lastText) {\n              {{ config.lastText }}\n            }\n            @if (config.lastIcon) {\n              <thy-icon [thyIconName]=\"config.lastIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n    </ul>\n    @if (config.showTotalPageCount && config.totalPagesFormat) {\n      <div class=\"thy-pagination-count\" [innerHTML]=\"pageCount | paginationTotalPagesFormat: config.totalPagesFormat\"></div>\n    }\n    @if (config.showQuickJumper) {\n      <div class=\"thy-pagination-jumper\">\n        <div class=\"thy-pagination-jumper-input\">\n          {{ locale().jumpTo }}\n          <input type=\"text\" [disabled]=\"disabled\" #jumperInput (thyEnter)=\"jumpPage(jumperInput)\" (blur)=\"jumpPage(jumperInput)\" />\n          {{ locale().page }}\n        </div>\n      </div>\n    }\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThySelect, selector: "thy-select,thy-custom-select", inputs: ["thyDropdownWidthMode", "thyShowSearch", "thyPlaceHolder", "thyServerSearch", "thyLoadState", "thyAutoActiveFirstItem", "thyMode", "thySize", "thyEmptyStateText", "thyEmptySearchMessageText", "thyEnableScrollLoad", "thyAllowClear", "thyDisabled", "thySortComparator", "thyFooterTemplate", "thyPlacement", "thyOrigin", "thyFooterClass", "thyAutoExpand", "thyHasBackdrop", "thyMaxTagCount", "thyBorderless", "thyOptions", "thyPreset"], outputs: ["thyOnSearch", "thyOnScrollToBottom", "thyOnExpandStatusChange"], exportAs: ["thySelect"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ThyOption, selector: "thy-option", inputs: ["thyValue", "thyRawValue", "thyLabelText", "thyShowOptionCustom", "thySearchKey", "thyDisabled"], outputs: ["selectionChange", "visibleChange"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: ThyEnterDirective, selector: "[thyEnter]", outputs: ["thyEnter"] }, { kind: "pipe", type: PaginationTotalCountFormat, name: "paginationTotalPagesFormat" }, { kind: "pipe", type: PaginationPerPageFormat, name: "paginationPerPageFormat" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPagination, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: ThyPagination, isStandalone: true, selector: "thy-pagination", inputs: { thyPageIndex: ["thyPageIndex", "thyPageIndex", numberAttribute], thyPageSize: ["thyPageSize", "thyPageSize", numberAttribute], thyTotal: ["thyTotal", "thyTotal", numberAttribute], thyCustomPages: "thyCustomPages", disabled: ["thyDisabled", "disabled", coerceBooleanProperty], showQuickJumper: ["thyShowQuickJumper", "showQuickJumper", coerceBooleanProperty], showTotalPageCount: ["thyShowTotalPageCount", "showTotalPageCount", coerceBooleanProperty], size: ["thySize", "size"], maxCount: ["thyMaxCount", "maxCount", numberAttribute], marginalCount: ["thyMarginalCount", "marginalCount", numberAttribute], thyRangeCount: ["thyRangeCount", "thyRangeCount", numberAttribute], showSizeChanger: ["thyShowSizeChanger", "showSizeChanger", coerceBooleanProperty], pageSizeOptions: ["thyPageSizeOptions", "pageSizeOptions"], hideOnSinglePage: ["thyHideOnSinglePage", "hideOnSinglePage", coerceBooleanProperty], unit: ["thyUnit", "unit"], showTotal: ["thyShowTotal", "showTotal"] }, outputs: { pageIndexChange: "thyPageIndexChange", pageChanged: "thyPageChanged", pageSizeChanged: "thyPageSizeChanged" }, host: { properties: { "class.thy-pagination": "this.isPaginationClass", "class.thy-pagination-has-total": "this.showTotal" } }, ngImport: i0, template: "@if ((hideOnSinglePage && total > pageSize) || !hideOnSinglePage) {\n  @if (showTotal) {\n    <div class=\"thy-pagination-total\">\n      @if (!isTemplateRef(showTotal)) {\n        @if (total > 0) {\n          <div class=\"mr-3\">\n            {{ locale().order }}<span class=\"number\"> {{ range.from }}-{{ range.to }} </span>{{ config.unit }}\n          </div>\n          <div>\n            {{ locale().total }}<span class=\"number\"> {{ total }} </span>{{ config.unit }}\n          </div>\n        }\n      } @else {\n        <ng-template [ngTemplateOutlet]=\"showTotal\" [ngTemplateOutletContext]=\"{ $implicit: total, range: range }\"></ng-template>\n      }\n    </div>\n  }\n  <div class=\"thy-pagination-content\">\n    @if (config.showSizeChanger) {\n      <div class=\"thy-pagination-size\">\n        <thy-select [(ngModel)]=\"selectPageSize\" [thySize]=\"selectSize\" [thyDisabled]=\"disabled\" (ngModelChange)=\"onPageSizeChange($event)\">\n          @for (option of config.pageSizeOptions; track option) {\n            <thy-option\n              class=\"page-size-option\"\n              [thyValue]=\"option\"\n              [thyLabelText]=\"option + (config.unit | paginationPerPageFormat: allLocale())\"></thy-option>\n          }\n        </thy-select>\n      </div>\n    }\n    <ul class=\"thy-pagination-pages\">\n      @if (config.boundaryLinks) {\n        <li class=\"thy-page-item\" [class.disabled]=\"disabled || pageIndex === firstIndex\" (click)=\"selectPage(firstIndex)\">\n          <a class=\"thy-page-link thy-page-link-first\" href=\"javascript:;\">\n            @if (config.firstText) {\n              {{ config.firstText }}\n            }\n            @if (config.firstIcon) {\n              <thy-icon [thyIconName]=\"config.firstIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n      @if (config.directionLinks) {\n        <li class=\"thy-page-item\" [class.disabled]=\"disabled || pageIndex === firstIndex\" (click)=\"selectPage(pageIndex - 1)\">\n          <a class=\"thy-page-link page-link-pre\" href=\"javascript:;\">\n            @if (config.previousText) {\n              {{ config.previousText }}\n            }\n            @if (config.previousIcon) {\n              <thy-icon [thyIconName]=\"config.previousIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n      @for (page of pages; track page.index) {\n        <li class=\"thy-page-item thy-page-number\" [class.active]=\"page.active\" [class.disabled]=\"disabled\" (click)=\"selectPage(page.index)\">\n          <a class=\"thy-page-link\" href=\"javascript:;\">{{ page.text }}</a>\n        </li>\n      }\n      @if (config.directionLinks) {\n        <li class=\"thy-page-item page-item-next\" [class.disabled]=\"disabled || pageIndex === pageCount\" (click)=\"selectPage(pageIndex + 1)\">\n          <a class=\"thy-page-link thy-page-link-next\" href=\"javascript:;\">\n            @if (config.nextText) {\n              {{ config.nextText }}\n            }\n            @if (config.nextIcon) {\n              <thy-icon [thyIconName]=\"config.nextIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n      @if (config.boundaryLinks) {\n        <li class=\"thy-page-item\" [class.disabled]=\"disabled || pageIndex === pageCount\" (click)=\"selectPage(pageCount)\">\n          <a class=\"thy-page-link thy-page-link-last\" href=\"javascript:;\">\n            @if (config.lastText) {\n              {{ config.lastText }}\n            }\n            @if (config.lastIcon) {\n              <thy-icon [thyIconName]=\"config.lastIcon\"></thy-icon>\n            }\n          </a>\n        </li>\n      }\n    </ul>\n    @if (config.showTotalPageCount && config.totalPagesFormat) {\n      <div class=\"thy-pagination-count\" [innerHTML]=\"pageCount | paginationTotalPagesFormat: config.totalPagesFormat\"></div>\n    }\n    @if (config.showQuickJumper) {\n      <div class=\"thy-pagination-jumper\">\n        <div class=\"thy-pagination-jumper-input\">\n          {{ locale().jumpTo }}\n          <input type=\"text\" [disabled]=\"disabled\" #jumperInput (thyEnter)=\"jumpPage(jumperInput)\" (blur)=\"jumpPage(jumperInput)\" />\n          {{ locale().page }}\n        </div>\n      </div>\n    }\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThySelect, selector: "thy-select,thy-custom-select", inputs: ["thyDropdownWidthMode", "thyShowSearch", "thyPlaceHolder", "thyServerSearch", "thyLoadState", "thyAutoActiveFirstItem", "thyMode", "thySize", "thyEmptyStateText", "thyEmptySearchMessageText", "thyEnableScrollLoad", "thyAllowClear", "thyDisabled", "thySortComparator", "thyFooterTemplate", "thyPlacement", "thyOrigin", "thyFooterClass", "thyAutoExpand", "thyHasBackdrop", "thyMaxTagCount", "thyBorderless", "thyOptions", "thyPreset"], outputs: ["thyOnSearch", "thyOnScrollToBottom", "thyOnExpandStatusChange"], exportAs: ["thySelect"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ThyOption, selector: "thy-option", inputs: ["thyValue", "thyRawValue", "thyLabelText", "thyShowOptionCustom", "thySearchKey", "thyDisabled"], outputs: ["selectionChange", "visibleChange"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: ThyEnterDirective, selector: "[thyEnter]", outputs: ["thyEnter"] }, { kind: "pipe", type: PaginationTotalCountFormat, name: "paginationTotalPagesFormat" }, { kind: "pipe", type: PaginationPerPageFormat, name: "paginationPerPageFormat" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPagination, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPagination, decorators: [{
             type: Component,
             args: [{ selector: 'thy-pagination', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         NgTemplateOutlet,
@@ -444,8 +444,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
             }] } });
 
 class ThyPaginationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.2", ngImport: i0, type: ThyPaginationModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: ThyPaginationModule, imports: [CommonModule,
             FormsModule,
             ThySharedModule,
             ThyIconModule,
@@ -453,14 +453,14 @@ class ThyPaginationModule {
             ThyPagination,
             PaginationTotalCountFormat,
             PaginationPerPageFormat], exports: [ThyPagination] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPaginationModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPaginationModule, imports: [CommonModule,
             FormsModule,
             ThySharedModule,
             ThyIconModule,
             ThySelectModule,
             ThyPagination] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPaginationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPaginationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/ngx-tethys-popover.mjs

@@ -142,10 +142,10 @@ class ThyPopoverContainer extends ThyAbstractOverlayContainer {
         this.updatePosition.complete();
         this.outsideClicked.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPopoverContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: ThyPopoverContainer, isStandalone: true, selector: "thy-popover-container", host: { attributes: { "tabindex": "-1" }, listeners: { "@scaleXMotion.start": "onAnimationStart($event)", "@scaleXMotion.done": "onAnimationDone($event)", "@scaleYMotion.start": "onAnimationStart($event)", "@scaleYMotion.done": "onAnimationDone($event)", "@scaleMotion.start": "onAnimationStart($event)", "@scaleMotion.done": "onAnimationDone($event)", "click": "onInsideClick()" }, properties: { "attr.role": "'popover'", "attr.id": "id", "@.disabled": "!!config.animationDisabled", "@scaleXMotion": "(config.placement === \"left\" || config.placement === \"right\") ? animationState : \"void\"", "@scaleYMotion": "(config.placement === \"top\" || config.placement === \"bottom\") ? animationState : \"void\"", "@scaleMotion": "(config.placement !== \"left\" && config.placement !== \"right\" && config.placement !== \"top\" && config.placement !== \"bottom\") ? animationState : \"void\"" }, classAttribute: "thy-popover-container" }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: ThyPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template thyPortalOutlet></ng-template>\n", dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: ThyPortalOutlet, selector: "[thyPortalOutlet]", inputs: ["thyPortalOutlet"], exportAs: ["thyPortalOutlet"] }], animations: [scaleXMotion, scaleYMotion, scaleMotion] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPopoverContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: ThyPopoverContainer, isStandalone: true, selector: "thy-popover-container", host: { attributes: { "tabindex": "-1" }, listeners: { "@scaleXMotion.start": "onAnimationStart($event)", "@scaleXMotion.done": "onAnimationDone($event)", "@scaleYMotion.start": "onAnimationStart($event)", "@scaleYMotion.done": "onAnimationDone($event)", "@scaleMotion.start": "onAnimationStart($event)", "@scaleMotion.done": "onAnimationDone($event)", "click": "onInsideClick()" }, properties: { "attr.role": "'popover'", "attr.id": "id", "@.disabled": "!!config.animationDisabled", "@scaleXMotion": "(config.placement === \"left\" || config.placement === \"right\") ? animationState : \"void\"", "@scaleYMotion": "(config.placement === \"top\" || config.placement === \"bottom\") ? animationState : \"void\"", "@scaleMotion": "(config.placement !== \"left\" && config.placement !== \"right\" && config.placement !== \"top\" && config.placement !== \"bottom\") ? animationState : \"void\"" }, classAttribute: "thy-popover-container" }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: ThyPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-template thyPortalOutlet></ng-template>\n", dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: ThyPortalOutlet, selector: "[thyPortalOutlet]", inputs: ["thyPortalOutlet"], exportAs: ["thyPortalOutlet"] }], animations: [scaleXMotion, scaleYMotion, scaleMotion] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPopoverContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPopoverContainer, decorators: [{
             type: Component,
             args: [{ selector: 'thy-popover-container', animations: [scaleXMotion, scaleYMotion, scaleMotion], host: {
                         class: 'thy-popover-container',
@@ -371,10 +371,10 @@ class ThyPopover extends ThyAbstractOverlayService {
     ngOnDestroy() {
         this.dispose();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPopover, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPopover }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPopover, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPopover }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPopover, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPopover, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -384,10 +384,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
  * @order 40
  */
 class ThyPopoverBody {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPopoverBody, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: ThyPopoverBody, isStandalone: true, selector: "thy-popover-body", host: { classAttribute: "thy-popover-body" }, exportAs: ["thyPopoverBody"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPopoverBody, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: ThyPopoverBody, isStandalone: true, selector: "thy-popover-body", host: { classAttribute: "thy-popover-body" }, exportAs: ["thyPopoverBody"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPopoverBody, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPopoverBody, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-popover-body',
@@ -430,10 +430,10 @@ class ThyPopoverHeader {
         this.thyClosed.emit(event);
         this.thyPopover.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPopoverHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: ThyPopoverHeader, isStandalone: true, selector: "thy-popover-header", inputs: { thyTitle: "thyTitle", thyTitleTranslationKey: "thyTitleTranslationKey" }, outputs: { thyClosed: "thyClosed" }, host: { classAttribute: "thy-popover-header" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["popoverHeader"], descendants: true }], exportAs: ["thyPopoverHeader"], ngImport: i0, template: "@if (headerTemplate) {\n  <template [ngTemplateOutlet]=\"headerTemplate\"></template>\n} @else {\n  <h5 class=\"thy-popover-title\">{{ thyTitle }}</h5>\n  <button type=\"button\" class=\"close\" (click)=\"close($event)\">\n    <thy-icon thyIconName=\"close\"></thy-icon>\n  </button>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPopoverHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: ThyPopoverHeader, isStandalone: true, selector: "thy-popover-header", inputs: { thyTitle: "thyTitle", thyTitleTranslationKey: "thyTitleTranslationKey" }, outputs: { thyClosed: "thyClosed" }, host: { classAttribute: "thy-popover-header" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["popoverHeader"], descendants: true }], exportAs: ["thyPopoverHeader"], ngImport: i0, template: "@if (headerTemplate) {\n  <template [ngTemplateOutlet]=\"headerTemplate\"></template>\n} @else {\n  <h5 class=\"thy-popover-title\">{{ thyTitle }}</h5>\n  <button type=\"button\" class=\"close\" (click)=\"close($event)\">\n    <thy-icon thyIconName=\"close\"></thy-icon>\n  </button>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPopoverHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPopoverHeader, decorators: [{
             type: Component,
             args: [{ selector: 'thy-popover-header', exportAs: 'thyPopoverHeader', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'thy-popover-header'
@@ -560,10 +560,10 @@ class ThyPopoverDirective extends ThyOverlayDirectiveBase {
     ngOnDestroy() {
         this.dispose();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.2", type: ThyPopoverDirective, isStandalone: true, selector: "[thyPopover]", inputs: { content: ["thyPopover", "content"], thyTrigger: "thyTrigger", thyPlacement: "thyPlacement", thyOffset: ["thyOffset", "thyOffset", numberAttribute], thyConfig: "thyConfig", thyShowDelay: ["thyShowDelay", "thyShowDelay", numberAttribute], thyHideDelay: ["thyHideDelay", "thyHideDelay", numberAttribute], thyAutoAdaptive: ["thyAutoAdaptive", "thyAutoAdaptive", coerceBooleanProperty], thyDisabled: ["thyDisabled", "thyDisabled", coerceBooleanProperty] }, host: { properties: { "class.thy-popover-opened": "this.popoverOpened" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.4", type: ThyPopoverDirective, isStandalone: true, selector: "[thyPopover]", inputs: { content: ["thyPopover", "content"], thyTrigger: "thyTrigger", thyPlacement: "thyPlacement", thyOffset: ["thyOffset", "thyOffset", numberAttribute], thyConfig: "thyConfig", thyShowDelay: ["thyShowDelay", "thyShowDelay", numberAttribute], thyHideDelay: ["thyHideDelay", "thyHideDelay", numberAttribute], thyAutoAdaptive: ["thyAutoAdaptive", "thyAutoAdaptive", coerceBooleanProperty], thyDisabled: ["thyDisabled", "thyDisabled", coerceBooleanProperty] }, host: { properties: { "class.thy-popover-opened": "this.popoverOpened" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPopoverDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPopoverDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyPopover]',
@@ -599,8 +599,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
             }] } });
 
 class ThyPopoverModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.2", ngImport: i0, type: ThyPopoverModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: ThyPopoverModule, imports: [CommonModule,
             OverlayModule,
             PortalModule,
             ThyIconModule,
@@ -608,14 +608,14 @@ class ThyPopoverModule {
             ThyPopoverDirective,
             ThyPopoverHeader,
             ThyPopoverBody], exports: [ThyPopoverDirective, ThyPopoverHeader, ThyPopoverBody] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPopoverModule, providers: [THY_POPOVER_DEFAULT_CONFIG_PROVIDER, THY_POPOVER_SCROLL_STRATEGY_PROVIDER, ThyPopover], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPopoverModule, providers: [THY_POPOVER_DEFAULT_CONFIG_PROVIDER, THY_POPOVER_SCROLL_STRATEGY_PROVIDER, ThyPopover], imports: [CommonModule,
             OverlayModule,
             PortalModule,
             ThyIconModule,
             ThyPopoverContainer,
             ThyPopoverHeader] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPopoverModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPopoverModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/ngx-tethys-progress.mjs

@@ -104,10 +104,10 @@ class ThyProgressCircle {
         })
             .reverse();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyProgressCircle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: ThyProgressCircle, isStandalone: true, selector: "thy-progress-circle", inputs: { thyType: "thyType", thySize: "thySize", thyValue: "thyValue", thyMax: ["thyMax", "thyMax", numberAttribute], thyTips: "thyTips", thyShape: "thyShape", thyGapDegree: ["thyGapDegree", "thyGapDegree", numberAttribute], thyGapPosition: "thyGapPosition", thyStrokeWidth: ["thyStrokeWidth", "thyStrokeWidth", numberAttribute] }, host: { classAttribute: "progress-circle" }, usesOnChanges: true, ngImport: i0, template: "<div\n  [thyTooltip]=\"thyTips\"\n  [thyTooltipDisabled]=\"!thyTips\"\n  [style.width.px]=\"width\"\n  [style.height.px]=\"width\"\n  [ngClass]=\"progressSize\"\n  class=\"progress-circle-inner\">\n  <svg class=\"progress-circle-svg\" viewBox=\"0 0 100 100\">\n    <path\n      class=\"progress-circle-trail\"\n      fill-opacity=\"0\"\n      [attr.d]=\"pathString\"\n      [ngStyle]=\"trailPathStyle\"\n      [attr.stroke-width]=\"strokeWidth\"></path>\n    @for (p of progressCirclePath; track $index) {\n      <path\n        class=\"progress-circle-path\"\n        [ngClass]=\"p.className\"\n        fill-opacity=\"0\"\n        [attr.d]=\"pathString\"\n        [attr.stroke-linecap]=\"'round'\"\n        [attr.stroke]=\"p.stroke\"\n        [attr.stroke-width]=\"p.value ? strokeWidth : 0\"\n        [ngStyle]=\"p.strokePathStyle\"></path>\n    }\n  </svg>\n  <span class=\"progress-circle-content\">\n    <ng-content></ng-content>\n  </span>\n</div>\n", dependencies: [{ kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyProgressCircle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: ThyProgressCircle, isStandalone: true, selector: "thy-progress-circle", inputs: { thyType: "thyType", thySize: "thySize", thyValue: "thyValue", thyMax: ["thyMax", "thyMax", numberAttribute], thyTips: "thyTips", thyShape: "thyShape", thyGapDegree: ["thyGapDegree", "thyGapDegree", numberAttribute], thyGapPosition: "thyGapPosition", thyStrokeWidth: ["thyStrokeWidth", "thyStrokeWidth", numberAttribute] }, host: { classAttribute: "progress-circle" }, usesOnChanges: true, ngImport: i0, template: "<div\n  [thyTooltip]=\"thyTips\"\n  [thyTooltipDisabled]=\"!thyTips\"\n  [style.width.px]=\"width\"\n  [style.height.px]=\"width\"\n  [ngClass]=\"progressSize\"\n  class=\"progress-circle-inner\">\n  <svg class=\"progress-circle-svg\" viewBox=\"0 0 100 100\">\n    <path\n      class=\"progress-circle-trail\"\n      fill-opacity=\"0\"\n      [attr.d]=\"pathString\"\n      [ngStyle]=\"trailPathStyle\"\n      [attr.stroke-width]=\"strokeWidth\"></path>\n    @for (p of progressCirclePath; track $index) {\n      <path\n        class=\"progress-circle-path\"\n        [ngClass]=\"p.className\"\n        fill-opacity=\"0\"\n        [attr.d]=\"pathString\"\n        [attr.stroke-linecap]=\"'round'\"\n        [attr.stroke]=\"p.stroke\"\n        [attr.stroke-width]=\"p.value ? strokeWidth : 0\"\n        [ngStyle]=\"p.strokePathStyle\"></path>\n    }\n  </svg>\n  <span class=\"progress-circle-content\">\n    <ng-content></ng-content>\n  </span>\n</div>\n", dependencies: [{ kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyProgressCircle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyProgressCircle, decorators: [{
             type: Component,
             args: [{ selector: 'thy-progress-circle', encapsulation: ViewEncapsulation.None, host: {
                         class: 'progress-circle'
@@ -162,10 +162,10 @@ class ThyProgressStrip {
     recalculatePercentage() {
         this.percent = +((this.value / this.progress.max) * 100).toFixed(2);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyProgressStrip, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.2", type: ThyProgressStrip, isStandalone: true, selector: "thy-progress-bar", inputs: { thyTips: "thyTips", thyType: "thyType", thyValue: ["thyValue", "thyValue", numberAttribute], thyColor: "thyColor" }, host: { properties: { "class.progress-bar": "this.isProgressBar", "style.width.%": "this.percent" } }, ngImport: i0, template: "<div class=\"progress-bar-inner\" [ngStyle]=\"{ 'background-color': color }\">\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyProgressStrip, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.4", type: ThyProgressStrip, isStandalone: true, selector: "thy-progress-bar", inputs: { thyTips: "thyTips", thyType: "thyType", thyValue: ["thyValue", "thyValue", numberAttribute], thyColor: "thyColor" }, host: { properties: { "class.progress-bar": "this.isProgressBar", "style.width.%": "this.percent" } }, ngImport: i0, template: "<div class=\"progress-bar-inner\" [ngStyle]=\"{ 'background-color': color }\">\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyProgressStrip, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyProgressStrip, decorators: [{
             type: Component,
             args: [{ selector: 'thy-progress-bar', encapsulation: ViewEncapsulation.None, imports: [NgStyle], template: "<div class=\"progress-bar-inner\" [ngStyle]=\"{ 'background-color': color }\">\n  <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { isProgressBar: [{
@@ -267,15 +267,15 @@ class ThyProgress {
             bar.recalculatePercentage();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyProgress, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: ThyProgress, isStandalone: true, selector: "thy-progress", inputs: { thyType: "thyType", thySize: "thySize", thyValue: "thyValue", thyMax: ["thyMax", "thyMax", numberAttribute], thyTips: "thyTips", thyShape: "thyShape", thyGapDegree: ["thyGapDegree", "thyGapDegree", numberAttribute], thyGapPosition: "thyGapPosition", thyStrokeWidth: ["thyStrokeWidth", "thyStrokeWidth", numberAttribute] }, host: { properties: { "class.thy-progress-strip": "thyShape === 'strip'", "class.thy-progress-circle": "thyShape === 'circle'", "attr.max": "this.max", "class.progress-stacked": "this.isStacked" }, classAttribute: "thy-progress progress" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyProgress, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: ThyProgress, isStandalone: true, selector: "thy-progress", inputs: { thyType: "thyType", thySize: "thySize", thyValue: "thyValue", thyMax: ["thyMax", "thyMax", numberAttribute], thyTips: "thyTips", thyShape: "thyShape", thyGapDegree: ["thyGapDegree", "thyGapDegree", numberAttribute], thyGapPosition: "thyGapPosition", thyStrokeWidth: ["thyStrokeWidth", "thyStrokeWidth", numberAttribute] }, host: { properties: { "class.thy-progress-strip": "thyShape === 'strip'", "class.thy-progress-circle": "thyShape === 'circle'", "attr.max": "this.max", "class.progress-stacked": "this.isStacked" }, classAttribute: "thy-progress progress" }, providers: [
             {
                 provide: THY_PROGRESS_COMPONENT,
                 useExisting: ThyProgress
             }
         ], viewQueries: [{ propertyName: "barsQueryList", predicate: ThyProgressStrip, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container>\n  @if (thyShape === 'strip') {\n    <div class=\"thy-progress-strip-outer\">\n      @if (isStacked) {\n        @for (item of value; track $index) {\n          <thy-progress-bar\n            [thyType]=\"item.type\"\n            [ngClass]=\"{ 'cursor-pointer': item.tips || thyTips }\"\n            [thyTooltip]=\"item.tips || thyTips\"\n            [thyTooltipTemplateContext]=\"item\"\n            [thyTooltipDisabled]=\"!thyTips && !item.tips\"\n            [thyColor]=\"item.color\"\n            [thyValue]=\"item.value\"\n            >{{ item.label }}\n          </thy-progress-bar>\n        }\n      } @else {\n        @if (value) {\n          <thy-progress-bar\n            [thyType]=\"thyType\"\n            [ngClass]=\"{ 'cursor-pointer': thyTips }\"\n            [thyTooltip]=\"thyTips\"\n            [thyTooltipTemplateContext]=\"value\"\n            [thyTooltipDisabled]=\"!thyTips\"\n            [thyValue]=\"value\">\n          </thy-progress-bar>\n        }\n      }\n    </div>\n    @if (thyShape === 'strip') {\n      <div class=\"thy-progress-strip-text\">\n        <ng-template [ngTemplateOutlet]=\"contentTemplate\"></ng-template>\n      </div>\n    }\n  } @else {\n    <thy-progress-circle\n      [thyType]=\"thyType\"\n      [thyTooltip]=\"thyTips\"\n      [thyTooltipDisabled]=\"!thyTips\"\n      [thyTooltipTemplateContext]=\"value\"\n      [thyValue]=\"value\"\n      [thySize]=\"size\"\n      [thyMax]=\"max\"\n      [thyGapDegree]=\"thyGapDegree\"\n      [thyGapPosition]=\"thyGapPosition\"\n      [thyStrokeWidth]=\"thyStrokeWidth\">\n      <ng-template [ngTemplateOutlet]=\"contentTemplate\"></ng-template\n    ></thy-progress-circle>\n  }\n</ng-container>\n\n<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "component", type: ThyProgressStrip, selector: "thy-progress-bar", inputs: ["thyTips", "thyType", "thyValue", "thyColor"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ThyProgressCircle, selector: "thy-progress-circle", inputs: ["thyType", "thySize", "thyValue", "thyMax", "thyTips", "thyShape", "thyGapDegree", "thyGapPosition", "thyStrokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyProgress, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyProgress, decorators: [{
             type: Component,
             args: [{ selector: 'thy-progress', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         {
@@ -320,11 +320,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
             }] } });
 
 class ThyProgressModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.2", ngImport: i0, type: ThyProgressModule, imports: [CommonModule, ThyTooltipModule, ThyProgress, ThyProgressStrip, ThyProgressCircle], exports: [ThyProgress] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyProgressModule, imports: [CommonModule, ThyTooltipModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: ThyProgressModule, imports: [CommonModule, ThyTooltipModule, ThyProgress, ThyProgressStrip, ThyProgressCircle], exports: [ThyProgress] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyProgressModule, imports: [CommonModule, ThyTooltipModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyProgressModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyProgressModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ThyTooltipModule, ThyProgress, ThyProgressStrip, ThyProgressCircle],

package/fesm2022/ngx-tethys-property-operation.mjs

@@ -17,10 +17,10 @@ class ThyPropertyOperationGroup {
     constructor() {
         this._isPropertyOperationGroup = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPropertyOperationGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: ThyPropertyOperationGroup, isStandalone: true, selector: "thy-property-operation-group", host: { properties: { "class.thy-property-operation-group": "this._isPropertyOperationGroup" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPropertyOperationGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: ThyPropertyOperationGroup, isStandalone: true, selector: "thy-property-operation-group", host: { properties: { "class.thy-property-operation-group": "this._isPropertyOperationGroup" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPropertyOperationGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPropertyOperationGroup, decorators: [{
             type: Component,
             args: [{ selector: 'thy-property-operation-group', standalone: true, template: "<ng-content></ng-content>\n" }]
         }], ctorParameters: () => [], propDecorators: { _isPropertyOperationGroup: [{
@@ -148,10 +148,10 @@ class ThyPropertyOperation {
         $event.stopPropagation();
         this.thyOnRemove.emit($event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPropertyOperation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: ThyPropertyOperation, isStandalone: true, selector: "thy-property-operation", inputs: { thyLabelText: "thyLabelText", thyValue: "thyValue", thyLabelTextTranslateKey: "thyLabelTextTranslateKey", thyIcon: "thyIcon", thyShowClose: ["thyShowClose", "thyShowClose", coerceBooleanProperty], thyLabelHasValue: ["thyLabelHasValue", "thyLabelHasValue", coerceBooleanProperty], thyLabelHideWhenHasValue: ["thyLabelHideWhenHasValue", "thyLabelHideWhenHasValue", coerceBooleanProperty], thyType: "thyType", active: ["thyActive", "active", coerceBooleanProperty], disabled: ["thyDisabled", "disabled", coerceBooleanProperty] }, outputs: { thyOnRemove: "thyOnRemove", thyClick: "thyClick" }, host: { properties: { "class.thy-property-operation": "this._isPropertyOperation", "class.active": "this.active", "class.thy-property-operation-disabled": "this.disabled" } }, queries: [{ propertyName: "operationIcon", first: true, predicate: ["operationIcon"], descendants: true }], viewQueries: [{ propertyName: "contentElement", first: true, predicate: ["contentElement"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"thy-operation-icon\">\n  <ng-container *ngTemplateOutlet=\"operationIcon\"></ng-container>\n  @if (icon) {\n    <button\n      [ngClass]=\"{ disabled: disabled }\"\n      [thyButtonIcon]=\"icon\"\n      [thyShape]=\"onlyHasTips ? 'circle-thick-dashed' : 'circle-thick-solid'\"\n    ></button>\n  }\n</div>\n<div class=\"thy-operation-content\" [ngClass]=\"{ 'only-has-tips': onlyHasTips }\">\n  <div #contentElement>\n    <ng-content></ng-content>\n  </div>\n  @if (value) {\n    <span thyFlexibleText [thyTooltipContent]=\"value\">{{ value }}</span>\n  }\n\n  @if (!value || (!labelHideWhenHasValue && value)) {\n    <div class=\"thy-tips\">{{ labelText }}</div>\n  }\n</div>\n@if (showClose && !disabled) {\n  <span (click)=\"remove($event)\" class=\"close-link close-link-danger\">\n    <thy-icon thyIconName=\"close\" class=\" close-link-sm\"></thy-icon>\n  </span>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyButtonIcon, selector: "thy-button-icon,[thy-button-icon],[thyButtonIcon]", inputs: ["thySize", "thyIcon", "thyButtonIcon", "thyShape", "thyLight", "thyActive", "thyTheme", "thyColor"] }, { kind: "component", type: ThyFlexibleText, selector: "thy-flexible-text,[thyFlexibleText]", inputs: ["thyTooltipTrigger", "thyContainerClass", "thyTooltipContent", "thyTooltipPlacement", "thyTooltipOffset"], exportAs: ["thyFlexibleText"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPropertyOperation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: ThyPropertyOperation, isStandalone: true, selector: "thy-property-operation", inputs: { thyLabelText: "thyLabelText", thyValue: "thyValue", thyLabelTextTranslateKey: "thyLabelTextTranslateKey", thyIcon: "thyIcon", thyShowClose: ["thyShowClose", "thyShowClose", coerceBooleanProperty], thyLabelHasValue: ["thyLabelHasValue", "thyLabelHasValue", coerceBooleanProperty], thyLabelHideWhenHasValue: ["thyLabelHideWhenHasValue", "thyLabelHideWhenHasValue", coerceBooleanProperty], thyType: "thyType", active: ["thyActive", "active", coerceBooleanProperty], disabled: ["thyDisabled", "disabled", coerceBooleanProperty] }, outputs: { thyOnRemove: "thyOnRemove", thyClick: "thyClick" }, host: { properties: { "class.thy-property-operation": "this._isPropertyOperation", "class.active": "this.active", "class.thy-property-operation-disabled": "this.disabled" } }, queries: [{ propertyName: "operationIcon", first: true, predicate: ["operationIcon"], descendants: true }], viewQueries: [{ propertyName: "contentElement", first: true, predicate: ["contentElement"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"thy-operation-icon\">\n  <ng-container *ngTemplateOutlet=\"operationIcon\"></ng-container>\n  @if (icon) {\n    <button\n      [ngClass]=\"{ disabled: disabled }\"\n      [thyButtonIcon]=\"icon\"\n      [thyShape]=\"onlyHasTips ? 'circle-thick-dashed' : 'circle-thick-solid'\"\n    ></button>\n  }\n</div>\n<div class=\"thy-operation-content\" [ngClass]=\"{ 'only-has-tips': onlyHasTips }\">\n  <div #contentElement>\n    <ng-content></ng-content>\n  </div>\n  @if (value) {\n    <span thyFlexibleText [thyTooltipContent]=\"value\">{{ value }}</span>\n  }\n\n  @if (!value || (!labelHideWhenHasValue && value)) {\n    <div class=\"thy-tips\">{{ labelText }}</div>\n  }\n</div>\n@if (showClose && !disabled) {\n  <span (click)=\"remove($event)\" class=\"close-link close-link-danger\">\n    <thy-icon thyIconName=\"close\" class=\" close-link-sm\"></thy-icon>\n  </span>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyButtonIcon, selector: "thy-button-icon,[thy-button-icon],[thyButtonIcon]", inputs: ["thySize", "thyIcon", "thyButtonIcon", "thyShape", "thyLight", "thyActive", "thyTheme", "thyColor"] }, { kind: "component", type: ThyFlexibleText, selector: "thy-flexible-text,[thyFlexibleText]", inputs: ["thyTooltipTrigger", "thyContainerClass", "thyTooltipContent", "thyTooltipPlacement", "thyTooltipOffset"], exportAs: ["thyFlexibleText"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPropertyOperation, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPropertyOperation, decorators: [{
             type: Component,
             args: [{ selector: 'thy-property-operation', imports: [NgTemplateOutlet, NgClass, ThyButtonIcon, ThyFlexibleText, ThyIcon], template: "<div class=\"thy-operation-icon\">\n  <ng-container *ngTemplateOutlet=\"operationIcon\"></ng-container>\n  @if (icon) {\n    <button\n      [ngClass]=\"{ disabled: disabled }\"\n      [thyButtonIcon]=\"icon\"\n      [thyShape]=\"onlyHasTips ? 'circle-thick-dashed' : 'circle-thick-solid'\"\n    ></button>\n  }\n</div>\n<div class=\"thy-operation-content\" [ngClass]=\"{ 'only-has-tips': onlyHasTips }\">\n  <div #contentElement>\n    <ng-content></ng-content>\n  </div>\n  @if (value) {\n    <span thyFlexibleText [thyTooltipContent]=\"value\">{{ value }}</span>\n  }\n\n  @if (!value || (!labelHideWhenHasValue && value)) {\n    <div class=\"thy-tips\">{{ labelText }}</div>\n  }\n</div>\n@if (showClose && !disabled) {\n  <span (click)=\"remove($event)\" class=\"close-link close-link-danger\">\n    <thy-icon thyIconName=\"close\" class=\" close-link-sm\"></thy-icon>\n  </span>\n}\n" }]
         }], propDecorators: { thyOnRemove: [{
@@ -201,11 +201,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
             }] } });
 
 class ThyPropertyOperationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPropertyOperationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.2", ngImport: i0, type: ThyPropertyOperationModule, imports: [CommonModule, ThyButtonModule, ThyIconModule, ThyFlexibleTextModule, ThyPropertyOperation, ThyPropertyOperationGroup], exports: [ThyPropertyOperation, ThyPropertyOperationGroup] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPropertyOperationModule, imports: [CommonModule, ThyButtonModule, ThyIconModule, ThyFlexibleTextModule, ThyPropertyOperation] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPropertyOperationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: ThyPropertyOperationModule, imports: [CommonModule, ThyButtonModule, ThyIconModule, ThyFlexibleTextModule, ThyPropertyOperation, ThyPropertyOperationGroup], exports: [ThyPropertyOperation, ThyPropertyOperationGroup] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPropertyOperationModule, imports: [CommonModule, ThyButtonModule, ThyIconModule, ThyFlexibleTextModule, ThyPropertyOperation] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPropertyOperationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPropertyOperationModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ThyButtonModule, ThyIconModule, ThyFlexibleTextModule, ThyPropertyOperation, ThyPropertyOperationGroup],

package/fesm2022/ngx-tethys-property.mjs

@@ -41,10 +41,10 @@ class ThyProperties {
         this.thyEditTrigger = 'hover';
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyProperties, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.2", type: ThyProperties, isStandalone: true, selector: "thy-properties", inputs: { thyLayout: "thyLayout", thyColumn: ["thyColumn", "thyColumn", numberAttribute], thyEditTrigger: "thyEditTrigger" }, host: { properties: { "class.thy-properties-vertical": "layout === \"vertical\"", "class.thy-properties-horizontal": "layout === \"horizontal\"", "class.thy-properties-edit-trigger-hover": "thyEditTrigger === \"hover\"", "class.thy-properties-edit-trigger-click": "thyEditTrigger === \"click\"", "style.grid-template-columns": "this.gridTemplateColumns" }, classAttribute: "thy-properties" }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyProperties, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.4", type: ThyProperties, isStandalone: true, selector: "thy-properties", inputs: { thyLayout: "thyLayout", thyColumn: ["thyColumn", "thyColumn", numberAttribute], thyEditTrigger: "thyEditTrigger" }, host: { properties: { "class.thy-properties-vertical": "layout === \"vertical\"", "class.thy-properties-horizontal": "layout === \"horizontal\"", "class.thy-properties-edit-trigger-hover": "thyEditTrigger === \"hover\"", "class.thy-properties-edit-trigger-click": "thyEditTrigger === \"click\"", "style.grid-template-columns": "this.gridTemplateColumns" }, classAttribute: "thy-properties" }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyProperties, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyProperties, decorators: [{
             type: Component,
             args: [{ selector: 'thy-properties', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'thy-properties',
@@ -188,10 +188,10 @@ class ThyPropertyItem {
         this.eventDestroy$.next();
         this.eventDestroy$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPropertyItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: ThyPropertyItem, isStandalone: true, selector: "thy-property-item", inputs: { thyLabelText: "thyLabelText", thyEditable: ["thyEditable", "thyEditable", coerceBooleanProperty], thySpan: ["thySpan", "thySpan", numberAttribute], thyOperationTrigger: "thyOperationTrigger" }, outputs: { thyEditingChange: "thyEditingChange" }, host: { properties: { "class.thy-property-item-operational": "!!operation", "class.thy-property-item-operational-hover": "thyOperationTrigger === 'hover'", "style.grid-column": "this.gridColumn" }, classAttribute: "thy-property-item" }, queries: [{ propertyName: "label", first: true, predicate: ["label"], descendants: true, static: true }, { propertyName: "editor", first: true, predicate: ["editor"], descendants: true, static: true }, { propertyName: "operation", first: true, predicate: ["operation"], descendants: true, static: true }], viewQueries: [{ propertyName: "content", first: true, predicate: ["contentTemplate"], descendants: true, static: true }, { propertyName: "itemContent", first: true, predicate: ["item"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n<div class=\"thy-property-item-label\">\n  @if (thyLabelText) {\n    <span thyFlexibleText [thyTooltipContent]=\"thyLabelText\">{{ thyLabelText }}</span>\n  }\n  @if (label) {\n    <span> <ng-template [ngTemplateOutlet]=\"label\"></ng-template></span>\n  }\n  @if (operation && isVertical) {\n    <div class=\"thy-property-item-operation\">\n      <ng-template [ngTemplateOutlet]=\"operation\"></ng-template>\n    </div>\n  }\n</div>\n<div class=\"thy-property-item-wrapper\">\n  <div\n    #item\n    class=\"thy-property-item-content\"\n    [class.thy-property-item-content-editable]=\"thyEditable\"\n    [class.thy-property-item-content-editing]=\"editing\">\n    <div class=\"thy-property-item-content-text\">\n      @if (content) {\n        <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n      }\n    </div>\n    @if (thyEditable) {\n      <div class=\"thy-property-item-content-editor\">\n        @if (editor) {\n          <ng-template [ngTemplateOutlet]=\"editor\"></ng-template>\n        }\n      </div>\n    }\n  </div>\n  @if (operation && !isVertical) {\n    <div class=\"thy-property-item-operation\">\n      <ng-template [ngTemplateOutlet]=\"operation\"></ng-template>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "component", type: ThyFlexibleText, selector: "thy-flexible-text,[thyFlexibleText]", inputs: ["thyTooltipTrigger", "thyContainerClass", "thyTooltipContent", "thyTooltipPlacement", "thyTooltipOffset"], exportAs: ["thyFlexibleText"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPropertyItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.4", type: ThyPropertyItem, isStandalone: true, selector: "thy-property-item", inputs: { thyLabelText: "thyLabelText", thyEditable: ["thyEditable", "thyEditable", coerceBooleanProperty], thySpan: ["thySpan", "thySpan", numberAttribute], thyOperationTrigger: "thyOperationTrigger" }, outputs: { thyEditingChange: "thyEditingChange" }, host: { properties: { "class.thy-property-item-operational": "!!operation", "class.thy-property-item-operational-hover": "thyOperationTrigger === 'hover'", "style.grid-column": "this.gridColumn" }, classAttribute: "thy-property-item" }, queries: [{ propertyName: "label", first: true, predicate: ["label"], descendants: true, static: true }, { propertyName: "editor", first: true, predicate: ["editor"], descendants: true, static: true }, { propertyName: "operation", first: true, predicate: ["operation"], descendants: true, static: true }], viewQueries: [{ propertyName: "content", first: true, predicate: ["contentTemplate"], descendants: true, static: true }, { propertyName: "itemContent", first: true, predicate: ["item"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n<div class=\"thy-property-item-label\">\n  @if (thyLabelText) {\n    <span thyFlexibleText [thyTooltipContent]=\"thyLabelText\">{{ thyLabelText }}</span>\n  }\n  @if (label) {\n    <span> <ng-template [ngTemplateOutlet]=\"label\"></ng-template></span>\n  }\n  @if (operation && isVertical) {\n    <div class=\"thy-property-item-operation\">\n      <ng-template [ngTemplateOutlet]=\"operation\"></ng-template>\n    </div>\n  }\n</div>\n<div class=\"thy-property-item-wrapper\">\n  <div\n    #item\n    class=\"thy-property-item-content\"\n    [class.thy-property-item-content-editable]=\"thyEditable\"\n    [class.thy-property-item-content-editing]=\"editing\">\n    <div class=\"thy-property-item-content-text\">\n      @if (content) {\n        <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n      }\n    </div>\n    @if (thyEditable) {\n      <div class=\"thy-property-item-content-editor\">\n        @if (editor) {\n          <ng-template [ngTemplateOutlet]=\"editor\"></ng-template>\n        }\n      </div>\n    }\n  </div>\n  @if (operation && !isVertical) {\n    <div class=\"thy-property-item-operation\">\n      <ng-template [ngTemplateOutlet]=\"operation\"></ng-template>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "component", type: ThyFlexibleText, selector: "thy-flexible-text,[thyFlexibleText]", inputs: ["thyTooltipTrigger", "thyContainerClass", "thyTooltipContent", "thyTooltipPlacement", "thyTooltipOffset"], exportAs: ["thyFlexibleText"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPropertyItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPropertyItem, decorators: [{
             type: Component,
             args: [{ selector: 'thy-property-item', host: {
                         class: 'thy-property-item',
@@ -231,11 +231,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
             }] } });
 
 class ThyPropertyModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPropertyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.2", ngImport: i0, type: ThyPropertyModule, imports: [CommonModule, ThyFlexibleTextModule, ThyTooltipModule, ThyProperties, ThyPropertyItem], exports: [ThyProperties, ThyPropertyItem] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPropertyModule, imports: [CommonModule, ThyFlexibleTextModule, ThyTooltipModule, ThyPropertyItem] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPropertyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: ThyPropertyModule, imports: [CommonModule, ThyFlexibleTextModule, ThyTooltipModule, ThyProperties, ThyPropertyItem], exports: [ThyProperties, ThyPropertyItem] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPropertyModule, imports: [CommonModule, ThyFlexibleTextModule, ThyTooltipModule, ThyPropertyItem] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: ThyPropertyModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: ThyPropertyModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ThyFlexibleTextModule, ThyTooltipModule, ThyProperties, ThyPropertyItem],