ngx-tethys 20.0.0-next.2 → 20.0.0

package/fesm2022/ngx-tethys-skeleton.mjs

@@ -31,10 +31,10 @@ class ThySkeleton {
          */
         this.thySecondaryColor = input(...(ngDevMode ? [undefined, { debugName: "thySecondaryColor" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeleton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: ThySkeleton, isStandalone: true, selector: "thy-skeleton", inputs: { thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySkeleton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.14", type: ThySkeleton, isStandalone: true, selector: "thy-skeleton", inputs: { thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeleton, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySkeleton, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-skeleton',
@@ -122,10 +122,10 @@ class ThySkeletonRectangle {
             };
         }, ...(ngDevMode ? [{ debugName: "afterStyles" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonRectangle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: ThySkeletonRectangle, isStandalone: true, selector: "thy-skeleton-rectangle", inputs: { thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thyBorderRadius: { classPropertyName: "thyBorderRadius", publicName: "thyBorderRadius", isSignal: true, isRequired: false, transformFunction: null }, thyRowWidth: { classPropertyName: "thyRowWidth", publicName: "thyRowWidth", isSignal: true, isRequired: false, transformFunction: null }, thyRowHeight: { classPropertyName: "thyRowHeight", publicName: "thyRowHeight", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-skeleton": "true", "class.thy-skeleton-rectangle": "true", "style.background": "primaryColor()", "style.width": "thyRowWidth()", "style.height": "thyRowHeight()", "style.borderRadius": "thyBorderRadius()" } }, ngImport: i0, template: ` <div class="thy-skeleton-after" [ngStyle]="afterStyles()"></div> `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySkeletonRectangle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.14", type: ThySkeletonRectangle, isStandalone: true, selector: "thy-skeleton-rectangle", inputs: { thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thyBorderRadius: { classPropertyName: "thyBorderRadius", publicName: "thyBorderRadius", isSignal: true, isRequired: false, transformFunction: null }, thyRowWidth: { classPropertyName: "thyRowWidth", publicName: "thyRowWidth", isSignal: true, isRequired: false, transformFunction: null }, thyRowHeight: { classPropertyName: "thyRowHeight", publicName: "thyRowHeight", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-skeleton": "true", "class.thy-skeleton-rectangle": "true", "style.background": "primaryColor()", "style.width": "thyRowWidth()", "style.height": "thyRowHeight()", "style.borderRadius": "thyBorderRadius()" } }, ngImport: i0, template: ` <div class="thy-skeleton-after" [ngStyle]="afterStyles()"></div> `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonRectangle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySkeletonRectangle, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-skeleton-rectangle',
@@ -205,10 +205,10 @@ class ThySkeletonCircle {
             };
         }, ...(ngDevMode ? [{ debugName: "afterStyles" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonCircle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: ThySkeletonCircle, isStandalone: true, selector: "thy-skeleton-circle", inputs: { thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null }, thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-skeleton": "true", "class.thy-skeleton-circle": "true", "style.background": "primaryColor()", "style.width": "thySize()", "style.height": "thySize()" } }, ngImport: i0, template: ` <div class="thy-skeleton-after" [ngStyle]="afterStyles()"></div> `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySkeletonCircle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.14", type: ThySkeletonCircle, isStandalone: true, selector: "thy-skeleton-circle", inputs: { thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null }, thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-skeleton": "true", "class.thy-skeleton-circle": "true", "style.background": "primaryColor()", "style.width": "thySize()", "style.height": "thySize()" } }, ngImport: i0, template: ` <div class="thy-skeleton-after" [ngStyle]="afterStyles()"></div> `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonCircle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySkeletonCircle, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-skeleton-circle',
@@ -270,8 +270,8 @@ class ThySkeletonList {
             return Array.from({ length: +this.thyRowCount() });
         }, ...(ngDevMode ? [{ debugName: "rows" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThySkeletonList, isStandalone: true, selector: "thy-skeleton-list", inputs: { thyRowWidth: { classPropertyName: "thyRowWidth", publicName: "thyRowWidth", isSignal: true, isRequired: false, transformFunction: null }, thyRowHeight: { classPropertyName: "thyRowHeight", publicName: "thyRowHeight", isSignal: true, isRequired: false, transformFunction: null }, thyBorderRadius: { classPropertyName: "thyBorderRadius", publicName: "thyBorderRadius", isSignal: true, isRequired: false, transformFunction: null }, thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null }, thyRowCount: { classPropertyName: "thyRowCount", publicName: "thyRowCount", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-skeleton-list": "true" } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySkeletonList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: ThySkeletonList, isStandalone: true, selector: "thy-skeleton-list", inputs: { thyRowWidth: { classPropertyName: "thyRowWidth", publicName: "thyRowWidth", isSignal: true, isRequired: false, transformFunction: null }, thyRowHeight: { classPropertyName: "thyRowHeight", publicName: "thyRowHeight", isSignal: true, isRequired: false, transformFunction: null }, thyBorderRadius: { classPropertyName: "thyBorderRadius", publicName: "thyBorderRadius", isSignal: true, isRequired: false, transformFunction: null }, thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null }, thyRowCount: { classPropertyName: "thyRowCount", publicName: "thyRowCount", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-skeleton-list": "true" } }, ngImport: i0, template: `
         @for (k of rows(); track $index; let i = $index) {
             <thy-skeleton-rectangle
                 class="vertical-gap"
@@ -285,7 +285,7 @@ class ThySkeletonList {
         }
     `, isInline: true, dependencies: [{ kind: "component", type: ThySkeletonRectangle, selector: "thy-skeleton-rectangle", inputs: ["thyAnimated", "thyAnimatedInterval", "thyBorderRadius", "thyRowWidth", "thyRowHeight", "thyPrimaryColor", "thySecondaryColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySkeletonList, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-skeleton-list',
@@ -361,8 +361,8 @@ class ThySkeletonParagraph {
             return Array.from({ length: +this.thyRowCount() });
         }, ...(ngDevMode ? [{ debugName: "rows" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonParagraph, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThySkeletonParagraph, isStandalone: true, selector: "thy-skeleton-paragraph", inputs: { thyFirstWidth: { classPropertyName: "thyFirstWidth", publicName: "thyFirstWidth", isSignal: true, isRequired: false, transformFunction: null }, thyLastWidth: { classPropertyName: "thyLastWidth", publicName: "thyLastWidth", isSignal: true, isRequired: false, transformFunction: null }, thyRowWidth: { classPropertyName: "thyRowWidth", publicName: "thyRowWidth", isSignal: true, isRequired: false, transformFunction: null }, thyRowHeight: { classPropertyName: "thyRowHeight", publicName: "thyRowHeight", isSignal: true, isRequired: false, transformFunction: null }, thyBorderRadius: { classPropertyName: "thyBorderRadius", publicName: "thyBorderRadius", isSignal: true, isRequired: false, transformFunction: null }, thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null }, thyRowCount: { classPropertyName: "thyRowCount", publicName: "thyRowCount", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-skeleton-paragraph": "true" } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySkeletonParagraph, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: ThySkeletonParagraph, isStandalone: true, selector: "thy-skeleton-paragraph", inputs: { thyFirstWidth: { classPropertyName: "thyFirstWidth", publicName: "thyFirstWidth", isSignal: true, isRequired: false, transformFunction: null }, thyLastWidth: { classPropertyName: "thyLastWidth", publicName: "thyLastWidth", isSignal: true, isRequired: false, transformFunction: null }, thyRowWidth: { classPropertyName: "thyRowWidth", publicName: "thyRowWidth", isSignal: true, isRequired: false, transformFunction: null }, thyRowHeight: { classPropertyName: "thyRowHeight", publicName: "thyRowHeight", isSignal: true, isRequired: false, transformFunction: null }, thyBorderRadius: { classPropertyName: "thyBorderRadius", publicName: "thyBorderRadius", isSignal: true, isRequired: false, transformFunction: null }, thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null }, thyRowCount: { classPropertyName: "thyRowCount", publicName: "thyRowCount", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-skeleton-paragraph": "true" } }, ngImport: i0, template: `
         @for (k of rows(); track $index; let i = $index) {
             <thy-skeleton-rectangle
                 class="vertical-gap"
@@ -376,7 +376,7 @@ class ThySkeletonParagraph {
         }
     `, isInline: true, dependencies: [{ kind: "component", type: ThySkeletonRectangle, selector: "thy-skeleton-rectangle", inputs: ["thyAnimated", "thyAnimatedInterval", "thyBorderRadius", "thyRowWidth", "thyRowHeight", "thyPrimaryColor", "thySecondaryColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonParagraph, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySkeletonParagraph, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-skeleton-paragraph',
@@ -454,8 +454,8 @@ class ThySkeletonBulletList {
             return Array.from({ length: +this.thyRowCount() });
         }, ...(ngDevMode ? [{ debugName: "rows" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonBulletList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThySkeletonBulletList, isStandalone: true, selector: "thy-skeleton-bullet-list", inputs: { thyRowWidth: { classPropertyName: "thyRowWidth", publicName: "thyRowWidth", isSignal: true, isRequired: false, transformFunction: null }, thyRowHeight: { classPropertyName: "thyRowHeight", publicName: "thyRowHeight", isSignal: true, isRequired: false, transformFunction: null }, thyBorderRadius: { classPropertyName: "thyBorderRadius", publicName: "thyBorderRadius", isSignal: true, isRequired: false, transformFunction: null }, thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyRowCount: { classPropertyName: "thyRowCount", publicName: "thyRowCount", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-skeleton-bullet-list": "true" } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySkeletonBulletList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: ThySkeletonBulletList, isStandalone: true, selector: "thy-skeleton-bullet-list", inputs: { thyRowWidth: { classPropertyName: "thyRowWidth", publicName: "thyRowWidth", isSignal: true, isRequired: false, transformFunction: null }, thyRowHeight: { classPropertyName: "thyRowHeight", publicName: "thyRowHeight", isSignal: true, isRequired: false, transformFunction: null }, thyBorderRadius: { classPropertyName: "thyBorderRadius", publicName: "thyBorderRadius", isSignal: true, isRequired: false, transformFunction: null }, thyAnimated: { classPropertyName: "thyAnimated", publicName: "thyAnimated", isSignal: true, isRequired: false, transformFunction: null }, thyAnimatedInterval: { classPropertyName: "thyAnimatedInterval", publicName: "thyAnimatedInterval", isSignal: true, isRequired: false, transformFunction: null }, thyPrimaryColor: { classPropertyName: "thyPrimaryColor", publicName: "thyPrimaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySecondaryColor: { classPropertyName: "thySecondaryColor", publicName: "thySecondaryColor", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyRowCount: { classPropertyName: "thyRowCount", publicName: "thyRowCount", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-skeleton-bullet-list": "true" } }, ngImport: i0, template: `
         @for (item of rows(); track $index; let i = $index) {
             <div class="d-flex vertical-gap">
                 <thy-skeleton-circle
@@ -480,7 +480,7 @@ class ThySkeletonBulletList {
         }
     `, isInline: true, dependencies: [{ kind: "component", type: ThySkeletonCircle, selector: "thy-skeleton-circle", inputs: ["thyAnimatedInterval", "thySize", "thyPrimaryColor", "thySecondaryColor", "thyAnimated"] }, { kind: "component", type: ThySkeletonRectangle, selector: "thy-skeleton-rectangle", inputs: ["thyAnimated", "thyAnimatedInterval", "thyBorderRadius", "thyRowWidth", "thyRowHeight", "thyPrimaryColor", "thySecondaryColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonBulletList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySkeletonBulletList, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-skeleton-bullet-list',
@@ -517,11 +517,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
 
 const components = [ThySkeleton, ThySkeletonRectangle, ThySkeletonCircle, ThySkeletonList, ThySkeletonParagraph, ThySkeletonBulletList];
 class ThySkeletonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonModule, imports: [CommonModule, PortalModule, ThyGridModule, ThyListModule, ThySkeleton, ThySkeletonRectangle, ThySkeletonCircle, ThySkeletonList, ThySkeletonParagraph, ThySkeletonBulletList], exports: [ThySkeleton, ThySkeletonRectangle, ThySkeletonCircle, ThySkeletonList, ThySkeletonParagraph, ThySkeletonBulletList] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonModule, imports: [CommonModule, PortalModule, ThyGridModule, ThyListModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.14", ngImport: i0, type: ThySkeletonModule, imports: [CommonModule, PortalModule, ThyGridModule, ThyListModule, ThySkeleton, ThySkeletonRectangle, ThySkeletonCircle, ThySkeletonList, ThySkeletonParagraph, ThySkeletonBulletList], exports: [ThySkeleton, ThySkeletonRectangle, ThySkeletonCircle, ThySkeletonList, ThySkeletonParagraph, ThySkeletonBulletList] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySkeletonModule, imports: [CommonModule, PortalModule, ThyGridModule, ThyListModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySkeletonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySkeletonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, PortalModule, ThyGridModule, ThyListModule, ...components],

package/fesm2022/ngx-tethys-slide.mjs

@@ -223,10 +223,10 @@ class ThySlideContainer extends ThyAbstractOverlayContainer {
         this.ngUnsubscribe$.next();
         this.ngUnsubscribe$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySlideContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: ThySlideContainer, isStandalone: true, selector: "thy-slide-container", host: { attributes: { "tabindex": "-1" }, listeners: { "@slideContainer.start": "onAnimationStart($event)", "@slideContainer.done": "onAnimationDone($event)" }, properties: { "class.thy-slide-push": "isPush", "class.thy-slide-side": "isSide", "class.thy-slide-over": "!isPush && !isSide", "attr.role": "'slide'", "@slideContainer": "animationState", "style.width.px": "slideContainerStyles.width", "style.height.px": "slideContainerStyles.height", "style.max-height.px": "slideContainerStyles.height" }, classAttribute: "thy-slide-container" }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: ThyPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: ` <ng-template thyPortalOutlet></ng-template> `, isInline: true, dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: ThyPortalOutlet, selector: "[thyPortalOutlet]", inputs: ["thyPortalOutlet"], exportAs: ["thyPortalOutlet"] }], animations: [thySlideAnimations.slideContainer] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySlideContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: ThySlideContainer, isStandalone: true, selector: "thy-slide-container", host: { attributes: { "tabindex": "-1" }, listeners: { "@slideContainer.start": "onAnimationStart($event)", "@slideContainer.done": "onAnimationDone($event)" }, properties: { "class.thy-slide-push": "isPush", "class.thy-slide-side": "isSide", "class.thy-slide-over": "!isPush && !isSide", "attr.role": "'slide'", "@slideContainer": "animationState", "style.width.px": "slideContainerStyles.width", "style.height.px": "slideContainerStyles.height", "style.max-height.px": "slideContainerStyles.height" }, classAttribute: "thy-slide-container" }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: ThyPortalOutlet, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: ` <ng-template thyPortalOutlet></ng-template> `, isInline: true, dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: ThyPortalOutlet, selector: "[thyPortalOutlet]", inputs: ["thyPortalOutlet"], exportAs: ["thyPortalOutlet"] }], animations: [thySlideAnimations.slideContainer] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySlideContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySlideContainer, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-slide-container',
@@ -272,10 +272,10 @@ class ThyInternalSlideRef extends ThyAbstractInternalOverlayRef {
     updatePosition(position) {
         return this.updateGlobalPosition(position);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyInternalSlideRef, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyInternalSlideRef }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyInternalSlideRef, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyInternalSlideRef }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyInternalSlideRef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyInternalSlideRef, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -366,10 +366,10 @@ class ThySlideService extends ThyAbstractOverlayService {
     ngOnDestroy() {
         this.dispose();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySlideService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySlideService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySlideService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySlideService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySlideService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySlideService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -382,10 +382,10 @@ class ThySlideLayout {
         this.slideLayout = true;
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySlideLayout, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: ThySlideLayout, isStandalone: true, selector: "thy-slide-layout", host: { properties: { "class.thy-slide-layout": "this.slideLayout" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySlideLayout, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: ThySlideLayout, isStandalone: true, selector: "thy-slide-layout", host: { properties: { "class.thy-slide-layout": "this.slideLayout" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySlideLayout, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySlideLayout, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-slide-layout',
@@ -430,10 +430,10 @@ class ThySlideHeader {
         event.stopPropagation();
         this.thySlideService.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySlideHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThySlideHeader, isStandalone: true, selector: "thy-slide-header", inputs: { thyTitle: { classPropertyName: "thyTitle", publicName: "thyTitle", isSignal: true, isRequired: false, transformFunction: null }, thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "thy-slide-header" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["thyHeader"], descendants: true, isSignal: true }, { propertyName: "headerOperateTemplate", first: true, predicate: ["thyHeaderOperate"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (headerTemplate()) {\n  <ng-template [ngTemplateOutlet]=\"headerTemplate()\"></ng-template>\n} @else {\n  <h3 class=\"thy-slide-header-title\">\n    @if (!isIconFont() && thyIcon()) {\n      <thy-icon [thyIconName]=\"thyIcon()\"></thy-icon>\n    } @else {\n      @if (thyIcon()) {\n        <i class=\"wft {{ thyIcon() }}\"></i>\n      }\n    }\n    {{ thyTitle() }}\n  </h3>\n  <div class=\"thy-slide-header-main\">\n    <ng-container>\n      @if (headerOperateTemplate()) {\n        <ng-template [ngTemplateOutlet]=\"headerOperateTemplate()\"> </ng-template>\n      }\n    </ng-container>\n  </div>\n  <a href=\"javascript:;\" class=\"mr-n2\" thyAction thyActionIcon=\"close\" (click)=\"closeModal($event)\"></a>\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"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySlideHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: ThySlideHeader, isStandalone: true, selector: "thy-slide-header", inputs: { thyTitle: { classPropertyName: "thyTitle", publicName: "thyTitle", isSignal: true, isRequired: false, transformFunction: null }, thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "thy-slide-header" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["thyHeader"], descendants: true, isSignal: true }, { propertyName: "headerOperateTemplate", first: true, predicate: ["thyHeaderOperate"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (headerTemplate()) {\n  <ng-template [ngTemplateOutlet]=\"headerTemplate()\"></ng-template>\n} @else {\n  <h3 class=\"thy-slide-header-title\">\n    @if (!isIconFont() && thyIcon()) {\n      <thy-icon [thyIconName]=\"thyIcon()\"></thy-icon>\n    } @else {\n      @if (thyIcon()) {\n        <i class=\"wft {{ thyIcon() }}\"></i>\n      }\n    }\n    {{ thyTitle() }}\n  </h3>\n  <div class=\"thy-slide-header-main\">\n    <ng-container>\n      @if (headerOperateTemplate()) {\n        <ng-template [ngTemplateOutlet]=\"headerOperateTemplate()\"> </ng-template>\n      }\n    </ng-container>\n  </div>\n  <a href=\"javascript:;\" class=\"mr-n2\" thyAction thyActionIcon=\"close\" (click)=\"closeModal($event)\"></a>\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"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySlideHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySlideHeader, decorators: [{
             type: Component,
             args: [{ selector: 'thy-slide-header', imports: [NgTemplateOutlet, ThyIcon, ThyAction], host: {
                         class: 'thy-slide-header'
@@ -448,10 +448,10 @@ class ThySlideBody {
     constructor() {
         this.slideLayoutBody = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySlideBody, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: ThySlideBody, isStandalone: true, selector: "thy-slide-body", host: { properties: { "class.thy-slide-body": "this.slideLayoutBody" } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySlideBody, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: ThySlideBody, isStandalone: true, selector: "thy-slide-body", host: { properties: { "class.thy-slide-body": "this.slideLayoutBody" } }, ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySlideBody, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySlideBody, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-slide-body',
@@ -475,10 +475,10 @@ class ThySlideBodySection {
         this.thyDividerBorder = input(false, ...(ngDevMode ? [{ debugName: "thyDividerBorder", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySlideBodySection, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: ThySlideBodySection, isStandalone: true, selector: "thy-slide-body-section", inputs: { thyDividerBorder: { classPropertyName: "thyDividerBorder", publicName: "thyDividerBorder", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-slide-body-section-divider": "thyDividerBorder()" }, classAttribute: "thy-slide-body-section" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySlideBodySection, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.14", type: ThySlideBodySection, isStandalone: true, selector: "thy-slide-body-section", inputs: { thyDividerBorder: { classPropertyName: "thyDividerBorder", publicName: "thyDividerBorder", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-slide-body-section-divider": "thyDividerBorder()" }, classAttribute: "thy-slide-body-section" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySlideBodySection, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySlideBodySection, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-slide-body-section',
@@ -499,10 +499,10 @@ class ThySlideFooter {
         this.slideLayoutFooter = true;
     }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySlideFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: ThySlideFooter, isStandalone: true, selector: "thy-slide-footer", host: { properties: { "class.thy-slide-footer": "this.slideLayoutFooter" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySlideFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.14", type: ThySlideFooter, isStandalone: true, selector: "thy-slide-footer", host: { properties: { "class.thy-slide-footer": "this.slideLayoutFooter" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySlideFooter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySlideFooter, decorators: [{
             type: Component,
             args: [{
                     selector: 'thy-slide-footer',
@@ -521,10 +521,10 @@ class ThyDrawerContainerDirective {
     constructor() {
         this.elementRef = inject(ElementRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDrawerContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: ThyDrawerContainerDirective, isStandalone: true, selector: "[thyDrawerContainer]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyDrawerContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.14", type: ThyDrawerContainerDirective, isStandalone: true, selector: "[thyDrawerContainer]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyDrawerContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyDrawerContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[thyDrawerContainer]'
@@ -532,8 +532,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
         }] });
 
 class ThySlideModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySlideModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ThySlideModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySlideModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.14", ngImport: i0, type: ThySlideModule, imports: [CommonModule,
             ThySharedModule,
             ThyIconModule,
             OverlayModule,
@@ -546,7 +546,7 @@ class ThySlideModule {
             ThySlideBodySection,
             ThySlideFooter,
             ThyDrawerContainerDirective], exports: [ThySlideLayout, ThySlideHeader, ThySlideBody, ThySlideBodySection, ThySlideFooter, ThyDrawerContainerDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySlideModule, providers: [ThyInternalSlideRef, ThySlideService, THY_SLIDE_DEFAULT_CONFIG_PROVIDER], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySlideModule, providers: [ThyInternalSlideRef, ThySlideService, THY_SLIDE_DEFAULT_CONFIG_PROVIDER], imports: [CommonModule,
             ThySharedModule,
             ThyIconModule,
             OverlayModule,
@@ -555,7 +555,7 @@ class ThySlideModule {
             ThySlideContainer,
             ThySlideHeader] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySlideModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySlideModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/ngx-tethys-slider.mjs

@@ -267,8 +267,8 @@ class ThySlider extends TabIndexDisabledControlValueAccessorMixin {
         const integerLength = valueString.indexOf('.') + 1;
         return integerLength >= 0 ? valueString.length - integerLength : 0;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySlider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.10", type: ThySlider, isStandalone: true, selector: "thy-slider", inputs: { thyVertical: { classPropertyName: "thyVertical", publicName: "thyVertical", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: false, isRequired: false, transformFunction: coerceBooleanProperty }, thyMax: { classPropertyName: "thyMax", publicName: "thyMax", isSignal: true, isRequired: false, transformFunction: null }, thyMin: { classPropertyName: "thyMin", publicName: "thyMin", isSignal: true, isRequired: false, transformFunction: null }, thyStep: { classPropertyName: "thyStep", publicName: "thyStep", isSignal: true, isRequired: false, transformFunction: null }, thyType: { classPropertyName: "thyType", publicName: "thyType", isSignal: true, isRequired: false, transformFunction: null }, thyColor: { classPropertyName: "thyColor", publicName: "thyColor", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyAfterChange: "thyAfterChange" }, host: { properties: { "attr.tabindex": "tabIndex", "class.slider-vertical": "thyVertical()", "class.slider-disabled": "!!disabled", "class.thy-slider": "true", "class.cursor-pointer": "true" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySlider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: ThySlider, isStandalone: true, selector: "thy-slider", inputs: { thyVertical: { classPropertyName: "thyVertical", publicName: "thyVertical", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: false, isRequired: false, transformFunction: coerceBooleanProperty }, thyMax: { classPropertyName: "thyMax", publicName: "thyMax", isSignal: true, isRequired: false, transformFunction: null }, thyMin: { classPropertyName: "thyMin", publicName: "thyMin", isSignal: true, isRequired: false, transformFunction: null }, thyStep: { classPropertyName: "thyStep", publicName: "thyStep", isSignal: true, isRequired: false, transformFunction: null }, thyType: { classPropertyName: "thyType", publicName: "thyType", isSignal: true, isRequired: false, transformFunction: null }, thyColor: { classPropertyName: "thyColor", publicName: "thyColor", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyAfterChange: "thyAfterChange" }, host: { properties: { "attr.tabindex": "tabIndex", "class.slider-vertical": "thyVertical()", "class.slider-disabled": "!!disabled", "class.thy-slider": "true", "class.cursor-pointer": "true" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ThySlider),
@@ -276,7 +276,7 @@ class ThySlider extends TabIndexDisabledControlValueAccessorMixin {
             }
         ], viewQueries: [{ propertyName: "sliderRail", first: true, predicate: ["sliderRail"], descendants: true, isSignal: true }, { propertyName: "sliderTrack", first: true, predicate: ["sliderTrack"], descendants: true, isSignal: true }, { propertyName: "sliderPointer", first: true, predicate: ["sliderPointer"], descendants: true, isSignal: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"thy-slider-rail\" #sliderRail>\n  <div class=\"thy-slider-track\" #sliderTrack [ngStyle]=\"{ 'background-color': thyColor() }\"></div>\n  <div class=\"thy-slider-pointer\" #sliderPointer [ngStyle]=\"{ 'border-color': thyColor() }\"></div>\n</div>\n", dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySlider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySlider, decorators: [{
             type: Component,
             args: [{ selector: 'thy-slider', providers: [
                         {
@@ -313,11 +313,11 @@ function verifyStepValues(ctx) {
 }
 
 class ThySliderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ThySliderModule, imports: [CommonModule, FormsModule, ThySlider], exports: [ThySlider] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySliderModule, imports: [CommonModule, FormsModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.14", ngImport: i0, type: ThySliderModule, imports: [CommonModule, FormsModule, ThySlider], exports: [ThySlider] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySliderModule, imports: [CommonModule, FormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySliderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySliderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, ThySlider],

package/fesm2022/ngx-tethys-space.mjs

@@ -11,10 +11,10 @@ import { coerceBooleanProperty } from 'ngx-tethys/util';
  * @order 20
  */
 class ThySpaceItemDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySpaceItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: ThySpaceItemDirective, isStandalone: true, selector: "[thySpaceItem]", host: { classAttribute: "thy-space-item" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySpaceItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.14", type: ThySpaceItemDirective, isStandalone: true, selector: "[thySpaceItem]", host: { classAttribute: "thy-space-item" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySpaceItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySpaceItemDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[thySpaceItem]', host: { class: 'thy-space-item' } }]
         }] });
@@ -49,10 +49,10 @@ class ThySpace {
             this.hostRenderer.updateClass(this.thyAlign() ? [`align-items-${this.thyAlign()}`] : []);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySpace, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThySpace, isStandalone: true, selector: "thy-space", inputs: { thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyVertical: { classPropertyName: "thyVertical", publicName: "thyVertical", isSignal: true, isRequired: false, transformFunction: null }, thyAlign: { classPropertyName: "thyAlign", publicName: "thyAlign", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-space": "true", "class.thy-space-vertical": "thyVertical()" } }, queries: [{ propertyName: "items", predicate: ThySpaceItemDirective, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<ng-content></ng-content>\n\n@for (item of items(); track $index; let last = $last; let index = $index) {\n  <div class=\"thy-space-item\" [style.margin-right.px]=\"last ? null : space()\">\n    <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySpace, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: ThySpace, isStandalone: true, selector: "thy-space", inputs: { thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyVertical: { classPropertyName: "thyVertical", publicName: "thyVertical", isSignal: true, isRequired: false, transformFunction: null }, thyAlign: { classPropertyName: "thyAlign", publicName: "thyAlign", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-space": "true", "class.thy-space-vertical": "thyVertical()" } }, queries: [{ propertyName: "items", predicate: ThySpaceItemDirective, read: TemplateRef, isSignal: true }], ngImport: i0, template: "<ng-content></ng-content>\n\n@for (item of items(); track $index; let last = $last; let index = $index) {\n  <div class=\"thy-space-item\" [style.margin-right.px]=\"last ? null : space()\">\n    <ng-container [ngTemplateOutlet]=\"item\"></ng-container>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySpace, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySpace, decorators: [{
             type: Component,
             args: [{ selector: 'thy-space', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class.thy-space]': 'true',
@@ -61,11 +61,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImpo
         }], ctorParameters: () => [], propDecorators: { thySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySize", required: false }] }], thyVertical: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyVertical", required: false }] }], thyAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyAlign", required: false }] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ThySpaceItemDirective), { ...{ read: (TemplateRef) }, isSignal: true }] }] } });
 
 class ThySpaceModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySpaceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ThySpaceModule, imports: [CommonModule, ThySpace, ThySpaceItemDirective], exports: [ThySpace, ThySpaceItemDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySpaceModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySpaceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.14", ngImport: i0, type: ThySpaceModule, imports: [CommonModule, ThySpace, ThySpaceItemDirective], exports: [ThySpace, ThySpaceItemDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySpaceModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySpaceModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThySpaceModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ThySpace, ThySpaceItemDirective],

package/fesm2022/ngx-tethys-statistic.mjs

@@ -140,20 +140,20 @@ class ThyStatistic {
             this.hostRenderer.setStyle('background-color', hexToRgb(color, 0.05));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyStatistic, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThyStatistic, isStandalone: true, selector: "thy-statistic", inputs: { thyValue: { classPropertyName: "thyValue", publicName: "thyValue", isSignal: true, isRequired: false, transformFunction: null }, thyValueStyle: { classPropertyName: "thyValueStyle", publicName: "thyValueStyle", isSignal: true, isRequired: false, transformFunction: null }, thyPrefix: { classPropertyName: "thyPrefix", publicName: "thyPrefix", isSignal: true, isRequired: false, transformFunction: null }, thySuffix: { classPropertyName: "thySuffix", publicName: "thySuffix", isSignal: true, isRequired: false, transformFunction: null }, thyTitle: { classPropertyName: "thyTitle", publicName: "thyTitle", isSignal: true, isRequired: false, transformFunction: null }, thyTitlePosition: { classPropertyName: "thyTitlePosition", publicName: "thyTitlePosition", isSignal: true, isRequired: false, transformFunction: null }, thyShape: { classPropertyName: "thyShape", publicName: "thyShape", isSignal: true, isRequired: false, transformFunction: null }, thyColor: { classPropertyName: "thyColor", publicName: "thyColor", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyValueTemplate: { classPropertyName: "thyValueTemplate", publicName: "thyValueTemplate", isSignal: true, isRequired: false, transformFunction: null }, thyTitleTemplate: { classPropertyName: "thyTitleTemplate", publicName: "thyTitleTemplate", isSignal: true, isRequired: false, transformFunction: null }, thyPrefixTemplate: { classPropertyName: "thyPrefixTemplate", publicName: "thyPrefixTemplate", isSignal: true, isRequired: false, transformFunction: null }, thySuffixTemplate: { classPropertyName: "thySuffixTemplate", publicName: "thySuffixTemplate", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-statistic": "true" } }, queries: [{ propertyName: "contentValueTemplate", first: true, predicate: ["value"], descendants: true, isSignal: true }, { propertyName: "contentTitleTemplate", first: true, predicate: ["title"], descendants: true, isSignal: true }, { propertyName: "contentPrefixTemplate", first: true, predicate: ["prefix"], descendants: true, isSignal: true }, { propertyName: "contentSuffixTemplate", first: true, predicate: ["suffix"], descendants: true, isSignal: true }], ngImport: i0, template: "@if ((thyTitle() || titleTemplate()) && thyTitlePosition() === 'top') {\n  <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n}\n<div class=\"thy-statistic-content\" [ngStyle]=\"thyValueStyle()\">\n  @if (thyPrefix() || prefixTemplate()) {\n    <span class=\"thy-statistic-content-prefix\">\n      @if (thyPrefix()) {\n        <span>{{ thyPrefix() }}</span>\n      }\n      @if (prefixTemplate()) {\n        <ng-container [ngTemplateOutlet]=\"prefixTemplate()\"></ng-container>\n      }\n    </span>\n  }\n\n  <span class=\"thy-statistic-content-value\">\n    @if (!valueTemplate()) {\n      <span>{{ thyValue() }}</span>\n    }\n    @if (valueTemplate()) {\n      <ng-container [ngTemplateOutlet]=\"valueTemplate()\"></ng-container>\n    }\n  </span>\n\n  @if (thySuffix() || suffixTemplate()) {\n    <span class=\"thy-statistic-content-suffix\">\n      @if (thySuffix()) {\n        <span>{{ thySuffix() }}</span>\n      }\n      @if (suffixTemplate()) {\n        <ng-container [ngTemplateOutlet]=\"suffixTemplate()\"></ng-container>\n      }\n    </span>\n  }\n</div>\n@if ((thyTitle() || titleTemplate()) && thyTitlePosition() === 'bottom') {\n  <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n}\n\n<ng-template #title>\n  <div class=\"thy-statistic-title\">\n    @if (thyTitle()) {\n      <span>{{ thyTitle() }}</span>\n    }\n    <ng-container [ngTemplateOutlet]=\"titleTemplate()\"></ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyStatistic, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: ThyStatistic, isStandalone: true, selector: "thy-statistic", inputs: { thyValue: { classPropertyName: "thyValue", publicName: "thyValue", isSignal: true, isRequired: false, transformFunction: null }, thyValueStyle: { classPropertyName: "thyValueStyle", publicName: "thyValueStyle", isSignal: true, isRequired: false, transformFunction: null }, thyPrefix: { classPropertyName: "thyPrefix", publicName: "thyPrefix", isSignal: true, isRequired: false, transformFunction: null }, thySuffix: { classPropertyName: "thySuffix", publicName: "thySuffix", isSignal: true, isRequired: false, transformFunction: null }, thyTitle: { classPropertyName: "thyTitle", publicName: "thyTitle", isSignal: true, isRequired: false, transformFunction: null }, thyTitlePosition: { classPropertyName: "thyTitlePosition", publicName: "thyTitlePosition", isSignal: true, isRequired: false, transformFunction: null }, thyShape: { classPropertyName: "thyShape", publicName: "thyShape", isSignal: true, isRequired: false, transformFunction: null }, thyColor: { classPropertyName: "thyColor", publicName: "thyColor", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyValueTemplate: { classPropertyName: "thyValueTemplate", publicName: "thyValueTemplate", isSignal: true, isRequired: false, transformFunction: null }, thyTitleTemplate: { classPropertyName: "thyTitleTemplate", publicName: "thyTitleTemplate", isSignal: true, isRequired: false, transformFunction: null }, thyPrefixTemplate: { classPropertyName: "thyPrefixTemplate", publicName: "thyPrefixTemplate", isSignal: true, isRequired: false, transformFunction: null }, thySuffixTemplate: { classPropertyName: "thySuffixTemplate", publicName: "thySuffixTemplate", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-statistic": "true" } }, queries: [{ propertyName: "contentValueTemplate", first: true, predicate: ["value"], descendants: true, isSignal: true }, { propertyName: "contentTitleTemplate", first: true, predicate: ["title"], descendants: true, isSignal: true }, { propertyName: "contentPrefixTemplate", first: true, predicate: ["prefix"], descendants: true, isSignal: true }, { propertyName: "contentSuffixTemplate", first: true, predicate: ["suffix"], descendants: true, isSignal: true }], ngImport: i0, template: "@if ((thyTitle() || titleTemplate()) && thyTitlePosition() === 'top') {\n  <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n}\n<div class=\"thy-statistic-content\" [ngStyle]=\"thyValueStyle()\">\n  @if (thyPrefix() || prefixTemplate()) {\n    <span class=\"thy-statistic-content-prefix\">\n      @if (thyPrefix()) {\n        <span>{{ thyPrefix() }}</span>\n      }\n      @if (prefixTemplate()) {\n        <ng-container [ngTemplateOutlet]=\"prefixTemplate()\"></ng-container>\n      }\n    </span>\n  }\n\n  <span class=\"thy-statistic-content-value\">\n    @if (!valueTemplate()) {\n      <span>{{ thyValue() }}</span>\n    }\n    @if (valueTemplate()) {\n      <ng-container [ngTemplateOutlet]=\"valueTemplate()\"></ng-container>\n    }\n  </span>\n\n  @if (thySuffix() || suffixTemplate()) {\n    <span class=\"thy-statistic-content-suffix\">\n      @if (thySuffix()) {\n        <span>{{ thySuffix() }}</span>\n      }\n      @if (suffixTemplate()) {\n        <ng-container [ngTemplateOutlet]=\"suffixTemplate()\"></ng-container>\n      }\n    </span>\n  }\n</div>\n@if ((thyTitle() || titleTemplate()) && thyTitlePosition() === 'bottom') {\n  <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n}\n\n<ng-template #title>\n  <div class=\"thy-statistic-title\">\n    @if (thyTitle()) {\n      <span>{{ thyTitle() }}</span>\n    }\n    <ng-container [ngTemplateOutlet]=\"titleTemplate()\"></ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyStatistic, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyStatistic, decorators: [{
             type: Component,
             args: [{ selector: 'thy-statistic', imports: [NgTemplateOutlet, NgStyle], changeDetection: ChangeDetectionStrategy.OnPush, host: { '[class.thy-statistic]': 'true' }, template: "@if ((thyTitle() || titleTemplate()) && thyTitlePosition() === 'top') {\n  <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n}\n<div class=\"thy-statistic-content\" [ngStyle]=\"thyValueStyle()\">\n  @if (thyPrefix() || prefixTemplate()) {\n    <span class=\"thy-statistic-content-prefix\">\n      @if (thyPrefix()) {\n        <span>{{ thyPrefix() }}</span>\n      }\n      @if (prefixTemplate()) {\n        <ng-container [ngTemplateOutlet]=\"prefixTemplate()\"></ng-container>\n      }\n    </span>\n  }\n\n  <span class=\"thy-statistic-content-value\">\n    @if (!valueTemplate()) {\n      <span>{{ thyValue() }}</span>\n    }\n    @if (valueTemplate()) {\n      <ng-container [ngTemplateOutlet]=\"valueTemplate()\"></ng-container>\n    }\n  </span>\n\n  @if (thySuffix() || suffixTemplate()) {\n    <span class=\"thy-statistic-content-suffix\">\n      @if (thySuffix()) {\n        <span>{{ thySuffix() }}</span>\n      }\n      @if (suffixTemplate()) {\n        <ng-container [ngTemplateOutlet]=\"suffixTemplate()\"></ng-container>\n      }\n    </span>\n  }\n</div>\n@if ((thyTitle() || titleTemplate()) && thyTitlePosition() === 'bottom') {\n  <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n}\n\n<ng-template #title>\n  <div class=\"thy-statistic-title\">\n    @if (thyTitle()) {\n      <span>{{ thyTitle() }}</span>\n    }\n    <ng-container [ngTemplateOutlet]=\"titleTemplate()\"></ng-container>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [], propDecorators: { thyValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyValue", required: false }] }], thyValueStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyValueStyle", required: false }] }], thyPrefix: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyPrefix", required: false }] }], thySuffix: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySuffix", required: false }] }], thyTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTitle", required: false }] }], thyTitlePosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTitlePosition", required: false }] }], thyShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyShape", required: false }] }], thyColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyColor", required: false }] }], thySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySize", required: false }] }], thyValueTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyValueTemplate", required: false }] }], thyTitleTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyTitleTemplate", required: false }] }], thyPrefixTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyPrefixTemplate", required: false }] }], thySuffixTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySuffixTemplate", required: false }] }], contentValueTemplate: [{ type: i0.ContentChild, args: ['value', { isSignal: true }] }], contentTitleTemplate: [{ type: i0.ContentChild, args: ['title', { isSignal: true }] }], contentPrefixTemplate: [{ type: i0.ContentChild, args: ['prefix', { isSignal: true }] }], contentSuffixTemplate: [{ type: i0.ContentChild, args: ['suffix', { isSignal: true }] }] } });
 
 class ThyStatisticModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyStatisticModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ThyStatisticModule, imports: [CommonModule, ThySharedModule, ThyIconModule, ThyStatistic], exports: [ThyStatistic] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyStatisticModule, imports: [CommonModule, ThySharedModule, ThyIconModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyStatisticModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.14", ngImport: i0, type: ThyStatisticModule, imports: [CommonModule, ThySharedModule, ThyIconModule, ThyStatistic], exports: [ThyStatistic] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyStatisticModule, imports: [CommonModule, ThySharedModule, ThyIconModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThyStatisticModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ThyStatisticModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ThySharedModule, ThyIconModule, ThyStatistic],